/* Retention Screening: page-only rules. Author: Imad A. Adel.
   The shared report layout lives in report.layout.css; this file holds only what this
   page's own components need. */

/* RI19. The dark palette maps --navy and --navy2 to background shades (#17191D, #202329).
   The shared layer re-inks the family's own classes (card titles, figure numbers,
   equations, note labels, guide-note emphasis); these are the text rules only this page
   carries that still take their colour from --navy. Text takes the panel ink. */
:root:not([data-theme="light"]) .assump-list li b,
:root:not([data-theme="light"]) .rec-v,
:root:not([data-theme="light"]) .mir-lab .val{color:var(--ink)}
/* the section nav is pinned to the dark palette in both schemes, where --navy is its own
   background: a hovered item would lose its label */
.nav-item:hover{color:var(--ink)}

/* the equation grid's 300 px track floor is wider than a 320 px viewport once the panel
   padding is taken out; the formula scrolls rather than the page */
.eb-b{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.eq-row{min-width:0;max-width:100%}
.eq-row .eq-f{max-width:100%}

/* the live readout carries the data boundary, as on the reference page */
:root[data-variant] .kpistrip .kc-head-t::after{content:' · SAMPLE';color:var(--muted);
  font-weight:600;letter-spacing:.06em}

/* format conformance with the reference page (report_conformance.mjs): the reference sets
   the hero stat values at 1.16rem and the guide note at 16 px above and below */
.hstat .v{font-size:1.16rem;overflow-wrap:anywhere}
.hstat .k{overflow-wrap:anywhere}
.pane .guide-note{margin-top:16px;margin-bottom:16px}

/* figure actions sit inside the panel padding, above the drawn figure */
.panel-x figure.fig > .figacts{padding:12px 18px 0;margin:0}

/* a pane heading that receives focus from section navigation shows where focus landed */
.pane-head h1:focus-visible,
.hero-band h1:focus-visible{outline:2px solid var(--sky);outline-offset:4px}