/* Owner-approved section palette. Preserve the restored layout and V13 method. */
html:root:root:root:not([data-theme="dark"]) body #main>#top {
  background:#F7F5F0!important;color:#132E4D!important;
}
html:root:root:root:not([data-theme="dark"]) body #main #top .hero-scrim {
  background:linear-gradient(90deg,rgba(247,245,240,.98) 0%,rgba(247,245,240,.96) 34%,rgba(247,245,240,.82) 49%,rgba(247,245,240,.58) 57%,rgba(247,245,240,.08) 69%,rgba(247,245,240,0) 80%)!important;
  opacity:1!important;
}
html:root:root:root:not([data-theme="dark"]) body #main #top :is(h1,.hero-tagline,.eyebrow,.inverse-link) {
  color:#132E4D!important;text-shadow:none!important;
}
html:root:root:root:not([data-theme="dark"]) body #main #top .inverse-link {border-color:#132E4D!important}
html:root:root:root:not([data-theme="dark"]) body #main #top .eyebrow::before {background:#B45D52!important}
html:root:root:root:not([data-theme="dark"]) body #main>:is(.region-bar,#home-credentials,#approach,#distinct-roles) {
  background:#FFFFFF!important;color:#132E4D!important;
}
html:root:root:root:not([data-theme="dark"]) body #main>#about {
  background:#F4F3F0!important;color:#132E4D!important;
}
html:root:root:root:not([data-theme="dark"]) body #main>#home-voices {
  background:#F7F3EC!important;color:#132E4D!important;
}
html:root:root:root:not([data-theme="dark"]) body #main>#pathway {background:#FFFFFF!important}
html:root:root:root body #main>#monitoring {background:#123F40!important}
html:root:root:root body #main>#practice-next-step {
  background:#132E4D!important;min-height:300px;padding-block:40px!important;
  display:flex;align-items:center;
}
html:root:root:root body .site-footer {
  background:#FAF8F4!important;color:#132E4D!important;border-top:2px solid #B45D52!important;
}
html:root:root:root body .site-footer :is(a,h2,.text-button) {color:#132E4D!important}
html:root:root:root body .site-footer p {color:#536473!important}
html:root:root:root body .site-footer .quiet-footer-legal {color:#67717A!important}
html:root:root:root body .site-footer :is(.quiet-footer-legal,.text-button),
html:root:root:root body .quiet-footer-columns>div+div {border-color:#D8DDE0!important}
html:root:root:root body .site-footer a:hover,
html:root:root:root body .site-footer .text-button:hover {color:#9F5148!important}
html:root:root:root body .footer-wordmark .stone-footer-logo {display:block!important;width:180px;height:auto}
html:root:root:root body .footer-wordmark .new-footer-logo {display:none!important}
html:root:root:root body .site-footer :focus-visible {outline-color:#9F5148!important}
/* Footer geometry inherits the version 17 rules: 26px desktop / 28px mobile
   main padding, 180px wordmark, 6px internal gaps and a 48px legal row. */
@media(max-width:700px) {
  html:root:root:root body #main>#practice-next-step {min-height:0;padding-block:40px!important}
  html:root:root:root body #main>#practice-next-step>.wrap {gap:28px}
}
@media(max-width:600px) {
  /* Keep the film unobscured on small screens, followed by the light text field. */
  html:root:root:root:not([data-theme="dark"]) body #main>#top {
    display:flex!important;flex-direction:column;align-items:stretch;min-height:0!important;height:auto!important;max-height:none!important;
  }
  html:root:root:root:not([data-theme="dark"]) body #main #top .hero-film {
    position:relative!important;inset:auto!important;width:100%!important;height:auto!important;
    aspect-ratio:16/9;object-fit:cover;object-position:center;display:block;
  }
  html:root:root:root:not([data-theme="dark"]) body #main #top .hero-scrim {display:none!important}
  html:root:root:root:not([data-theme="dark"]) body #main #top .hero-copy {
    padding:32px 0 40px!important;width:calc(100% - 48px);margin:0 auto;position:relative!important;
  }
  html:root:root:root:not([data-theme="dark"]) body #main #top h1 {
    font-size:clamp(34px,8.7vw,48px)!important;line-height:1.08!important;max-width:none!important;margin-top:24px;
  }
  html:root:root:root:not([data-theme="dark"]) body #main #top .hero-tagline {font-size:22px!important;line-height:1.4!important;margin-top:22px}
  html:root:root:root:not([data-theme="dark"]) body #main #top .hero-actions {margin-top:28px;gap:20px}
  html:root:root:root:not([data-theme="dark"]) body #main #top .video-toggle {
    position:absolute!important;top:calc(100vw * .5625 - 56px)!important;bottom:auto!important;right:20px!important;
  }
}