/* ── Stat bar ─────────────────────────────────────────────────────────────
   One line under the header on /parents/ and /schools/: the problem, then a
   link to the thing that answers it. Modelled on the banner Gianluca sent -
   a single sentence ending in an underlined "… can help."

   The numbers are real. The page states them bare, so the working lives here
   for whoever edits this next:

     parents  Gallup 2023 (Familial & Adolescent Health Survey, n=1,591 aged
              13-19): 4.8 hours a day. x365 = 1,752 hours a year = 73 days.
     schools  Common Sense Media, "Constant Companion" 2023, measured on the
              phones of 200 students aged 11-17, not self-reported: a median
              43 minutes per school day. x180 school days = 129 hours, which
              is ~20 six-and-a-half-hour school days.

   Both are per person per year. A national total was the earlier version and
   was dropped: for schools it would have meant multiplying a MEDIAN across a
   population, which is not valid arithmetic, and the two pages should state
   their figure the same way.

   Sits above the hero, which is sized in vh on both pages, so this must stay
   in flow - absolutely positioning it would put it over the hero's content. */
.stat-bar{width:min(100% - 48px,1180px);margin:126px auto 0;padding:18px 28px;border:1px solid #ffffff1f;border-radius:18px;background:#ffffff08}
.stat-bar-figure{font-size:clamp(15px,1.5vw,17.5px);line-height:1.6;color:#c8c8c8;margin:0;text-align:center}
.stat-bar-figure strong{color:#f3f3f3;font-weight:650}
.stat-bar-figure a{color:#f3f3f3;text-decoration:underline;text-underline-offset:4px;transition:opacity .2s}
.stat-bar-figure a:hover{opacity:.75}

html[data-theme=light] .stat-bar{border-color:#00000018;background:#00000004}
html[data-theme=light] .stat-bar-figure{color:#3d3d3d}
html[data-theme=light] .stat-bar-figure strong,html[data-theme=light] .stat-bar-figure a{color:#151515}

@media(prefers-reduced-motion:reduce){.stat-bar-figure a{transition:none}}
@media(max-width:900px){.stat-bar{margin-top:150px}}
@media(max-width:700px){.stat-bar{margin-top:132px;padding:16px 18px;border-radius:14px}}