/* The calculation belongs to the completed assessment's results. */
.assessment-result-methodology {
  --rdc-calculation-ink: #071b46;
  --rdc-calculation-muted: #52647e;
  --rdc-calculation-accent: #075ab8;
  --rdc-calculation-line: #ccd8e8;
  margin-top: 32px;
  border-block: 1px solid var(--rdc-calculation-line);
  color: var(--rdc-calculation-ink);
  scroll-margin-top: 110px;
}
.assessment-result-methodology summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 60px;
  padding-block: 18px;
  color: var(--rdc-calculation-ink);
  font-size: .9rem;
  font-weight: 650;
  line-height: 1.4;
  cursor: pointer;
  list-style: none;
}
.assessment-result-methodology summary::-webkit-details-marker { display: none; }
.assessment-result-methodology summary::after { content: "+"; font-size: 1.4rem; font-weight: 400; line-height: 1; }
.assessment-result-methodology[open] > summary::after { content: "−"; }
.assessment-result-methodology a:focus-visible,
.assessment-result-methodology summary:focus-visible { outline: 3px solid var(--rdc-calculation-accent); outline-offset: 5px; }
.assessment-result-methodology .rdc-method-notes {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 24px 60px;
  padding: 12px 0 28px;
  color: var(--rdc-calculation-muted);
  font-size: .85rem;
  line-height: 1.7;
}
.assessment-result-methodology .rdc-method-notes > div { min-width: 0; }
.assessment-result-methodology h4 { color: var(--rdc-calculation-ink); font-size: .95rem; font-weight: 750; margin: 0 0 8px; }
.assessment-result-methodology p { margin: 0; }
.assessment-result-methodology ul { margin: 0; padding: 0; list-style: none; }
.assessment-result-methodology li + li { margin-top: 12px; }
.assessment-result-methodology a { color: var(--rdc-calculation-accent); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
.assessment-result-methodology small { grid-column: 1 / -1; font-size: .78rem; }
.assessment-result-methodology .rdc-method-formula { display: block; margin: 12px 0; color: var(--rdc-calculation-accent); font-size: clamp(1.1rem, 3vw, 1.3rem); font-weight: 700; letter-spacing: -.035em; }

html[data-theme="dark"] .assessment-result-methodology {
  --rdc-calculation-ink: #f1f6ff;
  --rdc-calculation-muted: #b6c7de;
  --rdc-calculation-accent: #72d5ff;
  --rdc-calculation-line: #3a4c67;
}

@media (width <= 720px) {
  .assessment-result-methodology .rdc-method-notes { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
