/* Home-Combined is the canonical preview navigation; scoped to the shared shell. */
.home-header .container,.home-footer .container{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.home-header{background:white;border-bottom:1px solid var(--line)}
.home-header .masthead{display:flex;align-items:center;justify-content:space-between;padding-block:26px}
.home-header .masthead img{width:158px;height:auto;display:block}
.home-header .masthead p{font-size:14px;color:var(--muted);margin:0}
.home-header .primary{display:flex;align-items:center;gap:34px;border-top:1px solid var(--line);min-height:61px}
.home-header .primary>a,.home-header .primary summary{font-size:15px;font-weight:600;color:var(--navy);padding:17px 0;display:block;min-height:44px}
.home-header .primary .nav-search{margin-left:auto}
.home-header .primary summary{cursor:pointer;list-style:none}
.home-header .primary summary::-webkit-details-marker{display:none}
.home-header .primary summary span{margin-left:10px}
.home-header .explore{position:relative}
.home-header .city-menu{position:absolute;top:100%;left:0;width:290px;z-index:30;background:white;border:1px solid var(--line);box-shadow:0 12px 25px #172f4d22;padding:24px}
.home-header .city-menu a{display:block;color:var(--navy);padding:9px 0;font-size:17px;min-height:44px}
.home-header .city-menu .eyebrow{font-size:10px;color:var(--red)}
.home-header .menu-toggle{display:none}
body .home-footer{display:block;padding:50px 0 25px;background:var(--navy);color:white}
.home-footer .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .9fr;gap:35px}
.home-footer h2{font-family:inherit;font-size:14px;color:white;margin-bottom:20px}
.home-footer a{display:block;color:white;font-size:14px;margin-bottom:10px}
.home-footer nav a{display:flex;width:fit-content;min-height:44px;align-items:center;padding-block:8px}
.home-footer .footer-brand>a{font-family:'Barlow Condensed',sans-serif;font-size:33px;font-weight:600}
.home-footer .footer-brand p{font-size:13px;max-width:200px;color:#c1cdd8}
.home-footer .footer-bottom{grid-column:1/-1;border-top:1px solid #56667a;margin-top:20px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#c3cdd8}
.home-header :is(a,button,summary):focus-visible{outline:3px solid #17699e;outline-offset:4px}
.home-footer a:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:1000px){.home-header .primary{gap:22px}.home-header .primary>a,.home-header .primary summary{font-size:13px}.home-footer .footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){
.home-header .container,.home-footer .container{width:calc(100% - 40px)}
.home-header .masthead{padding-block:20px}.home-header .masthead img{width:135px}.home-header .masthead p{display:none}
.home-header .menu-toggle{display:block;background:white;border:1px solid #89959e;padding:8px 13px;font-size:15px;color:var(--navy);min-height:44px}
.home-header .menu-toggle span{margin-left:10px}
.home-header .primary{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-block:8px}
.home-header[data-nav-ready] .primary{display:none}.home-header[data-nav-ready] .primary.is-open{display:flex}
.home-header:not([data-nav-ready]) .primary{display:flex}
.home-header[data-nav-ready] .menu-toggle{display:block}
.home-header .primary>a,.home-header .primary summary{font-size:16px;padding:12px 0}
.home-header .primary .nav-search{margin-left:0}
.home-header .city-menu{position:static;width:100%;box-shadow:none;border:0;border-left:2px solid var(--red);padding:10px 20px;margin-bottom:10px}
.home-footer .footer-grid{gap:30px 22px}.home-footer .footer-brand{grid-column:1/-1}.home-footer .footer-bottom{flex-direction:column}.home-footer .footer-grid nav:last-of-type{grid-column:1/-1}
}
.home-header:not([data-nav-ready]) .menu-toggle{display:none}
/* Permanent decorative top frame; part of the theme, not preview navigation. */
body>.home-header{border-top:32px solid #172f4d}
body>.study,body>.preview-bar,body>.full-preview{display:none}

/* Both header dropdowns use the same native disclosure and interaction rules. */
.home-header .primary .explore summary span{display:inline-block;transition:transform .15s ease}
.home-header .primary .explore[open] summary span{transform:rotate(180deg)}
.home-header .about-menu{width:200px;padding:12px 20px}
@media(prefers-reduced-motion:reduce){.home-header .primary .explore summary span{transition:none}}
@media(max-width:700px){.home-header .about-menu{width:100%;padding:10px 20px}}