/* Shared section type (6 October 2026), loaded by Home, Evals and Research after their own
   stylesheets, so every section sets its text the same way:
   - The label above a section title (.eyebrow) is 13px monospace capitals (11px on phones).
   - Section titles are 36–59px with 1.09 leading, the size of "Our research delivers gains across…",
     the signup's "Follow our research." included.
   - A section's subtext, the line or two right under its title, is set like the homepage hero's
     paragraphs (hero-video.20261005.css): 17–19px with 1.55 leading, in the ink colour. That covers
     the Test Time Cognition lead, the evaluation statement on Home and Evals, the signup line, the
     Evals introduction and the Research title's subtitle.
   - Longer descriptions under a subtext stay body text: 17px with 1.65 leading, in the muted colour. */
:root {
  --subtext-size: clamp(17px, 1.3vw, 19px);
  --subtext-leading: 1.55;
  --subtext-tracking: -.35px;
  --section-title-size: clamp(36px, 4vw, 59px);
  --section-title-tracking: -2.4px;
}

/* Section labels: Evals used 10px; the homepage's are 13px. */
.evals-page .eyebrow {
  font-size: 13px;
  letter-spacing: 1.55px;
}

/* Section titles. */
.ttc-copy h2,
.home-signup h2,
.evals-page .eval-overview-heading h2,
.evals-page .eval-section-heading h2,
.evals-page .eval-methodology h2 {
  font-family: var(--sans, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: var(--section-title-size);
  font-weight: 400;
  line-height: 1.09;
  letter-spacing: var(--section-title-tracking);
}

/* Subtexts. */
.hv-copy .hero-dek,
.ttc-copy .ttc-lead,
.evidence-message .eval-scale-statement,
.evals-page .eval-overview-heading h2 + .eval-scale-statement,
.evals-page .hero-intro .evidence-summary,
.home-signup .signup-form label,
.research-index .research-statement {
  font-family: var(--sans, "Helvetica Neue", Helvetica, Arial, sans-serif);
  font-size: var(--subtext-size);
  font-weight: 400;
  line-height: var(--subtext-leading);
  letter-spacing: var(--subtext-tracking);
  color: var(--ink);
}

/* The results heading's first line ("Our research delivers gains while keeping") runs the full width. */
#results .research-applied-benefit {
  max-width: none;
}

/* The evaluation statement. Its counts stay in the episodic-memory coral (evals-overview.20260928.v4.css,
   which also gives the dark theme its lighter coral) but are set in the statement's own typeface, in
   bold, rather than in serif italic. On the homepage it sits under the results title. */
.eval-scale-statement .eval-total {
  font-family: inherit;
  font-style: normal;
  font-weight: 700;
}
.evidence-message .eval-scale-statement {
  max-width: 34em;
  margin: 24px 0 0;
}
.evals-page .eval-overview-heading h2 + .eval-scale-statement {
  max-width: 34em;
  margin-top: 16px;
}

/* The signup line, and the address typed under it, at the same size. */
.home-signup .signup-form label {
  margin-bottom: 10px;
}
.home-signup .signup-input {
  font-size: var(--subtext-size);
}

@media (max-width: 1100px) {
  .ttc-copy h2,
  .home-signup h2,
  .evals-page .eval-overview-heading h2,
  .evals-page .eval-section-heading h2,
  .evals-page .eval-methodology h2 { font-size: 42px; }
}

@media (max-width: 760px) {
  .evals-page .eyebrow { font-size: 11px; letter-spacing: 1px; }
  .ttc-copy h2,
  .home-signup h2,
  .evals-page .eval-overview-heading h2,
  .evals-page .eval-section-heading h2,
  .evals-page .eval-methodology h2 { font-size: 36px; letter-spacing: -1.7px; }
}