/* Homepage section bands (6 October 2026). The sections alternate light and dark again, as they did
   while Our Research was the dark band under the hero: hero (paper) → The Search Hypothesis (dark
   green) → Test Time Cognition (cream) → Our Research Applied (dark green) → signup (paper). The study
   is in design-explorations/section-bands/.
   Inside the dark bands the theme tokens are re-mapped, so the text, the hypothesis figures and the
   result plots draw light on dark, with the graphics' lighter coral, green and sage (the dark theme's
   variants, figure-colors.20260928.css). Contrast on the green: text 10.2:1, muted text 6.7:1, coral
   4.7:1, green 4.9:1. The plots mark Test Time Cognition in a sky blue that suits the green (Evals
   keeps its blue). In the dark theme the bands are #111 on the #181818 page, as the Our Research panel
   was. Print keeps the day palette, without bands. */
@media screen {
  /* Both bands sit inside .page-width; their colour runs the full width of the window. */
  #hypothesis,
  #results {
    background: var(--band);
    box-shadow: 0 0 0 100vmax var(--band);
    clip-path: inset(0 -100vmax);
  }

  html:not([data-theme="dark"]) :is(#hypothesis, #results) {
    --band: #233d32;
    --paper: #233d32;
    --cream: #2b4a3c;
    --ink: #eeefe7;
    --muted: #a6b5a5;
    --muted-text: #bcc7ba;
    --rule: #ffffff2b;
    --coral: #eb8b61;
    --accent: #75b68c;
    --accent-text: #94cda7;
    --field-glow-rgb: 181,194,132;
    color: var(--ink);
  }

  html[data-theme="dark"] :is(#hypothesis, #results) {
    --band: #111111;
    --paper: #111111;
    --cream: #1c1c1a;
  }

  /* Test Time Cognition's sky blue on the green: markers and arrows 5.2:1, labels and numbers 7.6:1. */
  html:not([data-theme="dark"]) #results .evidence-window {
    --result-fill: #68b4e6;
    --result-ink: #a6d6f4;
  }

  /* The bands meet edge to edge, with room inside each. */
  .ttc-bridge { margin-bottom: 0; padding-bottom: 40px; }
  #results { padding-block: 92px 96px; }
  .home-signup { border-top: 0; }
}

@media screen and (max-width: 760px) {
  .ttc-bridge { padding-bottom: 32px; }
  #results { padding-block: 60px 64px; }
}

/* The customer-service record carries a plain SOTA label beside 55.3%, as on Evals. */
#results .evidence-highlight > strong:has(.sota-badge) { display: flex; align-items: center; gap: 12px; }
#results .evidence-highlight > strong .sota-badge {
  font: 600 12px/1.2 var(--sans);
  letter-spacing: .06em;
  white-space: nowrap;
}