/* r854 — fix true unreadable headings found by sampling actual screen pixels.
   The legacy mobile breakpoint (<=820px) absolutely positioned the nav,
   while the approved header keeps full desktop links from 761px up.
   Keep 761–820px navigation inside its opaque light header. */
html[data-home-version="r830-approved-reference"] body.platform-home .home-hero .hero-title-dark{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
  text-shadow:0 2px 12px rgba(0,0,0,.35)!important;
}
/* Keep the approved sunset gradient ONLY on the emphasized second line. */
html[data-home-version="r830-approved-reference"] body.platform-home .home-hero .hero-title .hero-accent{
  -webkit-text-fill-color:transparent!important;
}
@media(min-width:761px) and (max-width:820px){
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar{
    background:#fffdfa!important;
    position:sticky!important;
    z-index:100!important;
  }
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar .primary-nav{
    position:static!important;
    top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    transform:none!important;
    grid-area:nav!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(6px,1.5vw,12px)!important;
    padding:0!important;
    margin:0!important;
    width:auto!important;
    max-width:100%!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    color:#28174b!important;
  }
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar .primary-nav .nav-link,
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar .primary-nav .nav-link span{
    color:#28174b!important;
    -webkit-text-fill-color:#28174b!important;
    opacity:1!important;
  }
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar .primary-nav .nav-link:hover,
  html[data-home-version="r830-approved-reference"] body.platform-home .home-topbar .primary-nav .nav-link:focus-visible{
    color:#5e20b5!important;
    -webkit-text-fill-color:#5e20b5!important;
  }
}