/* Keep navigation visible without changing the hero or page layout. */
:root{--site-header-height:78px;--home-header-height:79px;--active-header-height:var(--site-header-height)}
html{scroll-padding-top:calc(var(--active-header-height) + 16px)}
html:has(body.route-home){--active-header-height:var(--home-header-height)}
html:has(body.route-admin),html:has(body.route-auth){--active-header-height:0px}
.site-header{position:sticky;top:0;z-index:60;height:var(--site-header-height);background:#fff}
.header-scrolled .site-header{box-shadow:0 4px 18px #17334e0c}
.premium-home .premium-hero{padding-top:var(--home-header-height)}
.premium-home .premium-nav{position:fixed;top:0;left:0;right:0;z-index:60;width:100%;max-width:none;min-height:var(--home-header-height);padding-left:max(44px,calc((100% - 1272px)/2));padding-right:max(44px,calc((100% - 1272px)/2));transition:box-shadow .18s}
.header-scrolled .premium-home .premium-nav,.premium-home .premium-nav.menu-open{background:#fff;border-bottom:1px solid #e3eaf2;box-shadow:0 4px 18px #17334e0c}
.premium-home .premium-nav.menu-open>nav,.site-header.nav-open .main-nav{top:100%;max-height:calc(100dvh - var(--active-header-height) - 16px);overflow-y:auto;overscroll-behavior:contain}
.selection-panel,.context-summary,.quote-search-context,.unit-choice-summary{top:calc(var(--active-header-height) + 24px)}
@media(max-width:1100px){:root{--home-header-height:75px}.premium-home .premium-nav{padding-left:33px;padding-right:33px}}
@media(max-width:900px){:root{--home-header-height:68px}.premium-home .premium-nav{padding-left:27px;padding-right:27px}}
@media(max-width:720px){:root{--site-header-height:68px;--home-header-height:69px}.premium-home .premium-nav{padding-left:19px;padding-right:19px}}
@media(max-width:390px){.premium-home .premium-nav{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.premium-home .premium-nav{transition:none}}

/* The whole header becomes a solid navigation bar over the page content. */
.header-scrolled .premium-home .premium-nav,.premium-home .premium-nav.menu-open{color:#172e51}
.header-scrolled .premium-home .premium-nav :is(.premium-nav-login,.premium-nav-search,.premium-mobile-menu),.premium-home .premium-nav.menu-open :is(.premium-nav-login,.premium-nav-search,.premium-mobile-menu){color:#172e51}
.header-scrolled .premium-home .premium-nav>nav button,.premium-home .premium-nav.menu-open>nav button{color:#172e51}
.header-scrolled .premium-home .premium-nav .premium-house,.premium-home .premium-nav.menu-open .premium-house{color:#0874ff}
.premium-home .premium-nav.menu-open>nav{background:#fff;border-color:#e3eaf2;box-shadow:0 8px 18px #17334e12;backdrop-filter:none}