/* The evaluation program statement, shared by the homepage and Evals.
   v4 (6 October 2026): Evals drops the "Evaluation breadth" block and its band of totals; the
   statement now sits under "Explore the results", as on the homepage, and the totals in it
   (.eval-total) take the episodic-memory coral on both pages. */
.evals-page .program-hero {
  padding-bottom: 0;
}

:is(.evals-page, .evidence-windows) .eval-overview-heading .eyebrow {
  margin-bottom: 12px;
  color: var(--accent-text);
}

:is(.evals-page, .evidence-windows) .eval-overview-heading :is(h2, h3) {
  font-size: clamp(30px, 3.3vw, 46px);
  line-height: 1.12;
  letter-spacing: -.04em;
  text-wrap: balance;
}

:is(.evals-page, .evidence-windows) .eval-overview-heading .eval-scale-statement {
  max-width: 32em;
  font-size: clamp(26px, 2.4vw, 36px);
  line-height: 1.15;
  letter-spacing: -1px;
}

/* On Evals the statement leads into the benchmark navigation, under its heading. */
.evals-page .eval-overview-heading h2 + .eval-scale-statement {
  max-width: 34em;
  margin-top: 18px;
  color: var(--ink);
  font: 400 clamp(21px, 1.9vw, 27px)/1.3 var(--sans);
  letter-spacing: -.02em;
  text-wrap: pretty;
}

/* The totals: bold serif italic in the episodic-memory coral. By day that is the site's --coral
   (3.7:1 on paper, enough for text this large). The dark theme's --coral is white, so it takes the
   lightened memory coral the homepage graphics use (7.1:1). Print keeps the day palette. */
.eval-scale-statement .eval-total {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 700;
  color: var(--coral);
}

@media screen {
  html[data-theme="dark"] .eval-scale-statement .eval-total {
    color: #eb8b61;
  }
}

.evals-page .eval-explore {
  margin-top: 56px;
  padding-top: 36px;
  border-top: 1px solid var(--rule);
}

@media (max-width: 700px) {
  .evals-page .eval-explore {
    margin-top: 40px;
    padding-top: 28px;
  }
}

/* The homepage intro supplies the space above this nested subsection. */
.evidence-windows .eval-overview-heading h3 {
  margin: 0;
  font-family: var(--sans);
  font-weight: 400;
}
