/* Give each dropdown its own opaque surface, independent of header height. */
@media(max-width:1180px){
  html body .nav{height:auto!important;min-height:80px;background:#fff!important;overflow:visible;isolation:isolate;z-index:1000}
  html body .nav .site-logo{width:100%;min-width:0}
  html body .nav #site-nav{top:100%;bottom:auto;background:#fff!important;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 28px #071a3326}
  html body .nav #site-nav>a:not(.nav-cta){color:#071a33}
}
@media(max-width:900px){
  html body .topbar{position:sticky;top:0;z-index:1000;isolation:isolate;height:auto!important;min-height:80px;overflow:visible;flex-wrap:nowrap;gap:.75rem;background:#071a33!important;color:#fff;padding:.75rem max(1rem,5vw)}
  html body .topbar>.brand-logo-link{min-width:0;flex:0 1 280px}
  html body .topbar .site-logo{width:100%;min-width:0}
  html body .topbar .site-logo img{width:100%;max-width:280px;height:auto}
  html body .topbar>.menu-toggle{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto}
  html body .topbar>nav{display:none;position:absolute;top:100%;left:0;right:0;width:auto;margin:0;padding:1rem max(1rem,5vw);flex-direction:column;align-items:stretch;gap:.35rem;background:#071a33;color:#fff;border-top:1px solid #40516a;border-bottom:3px solid #c32032;box-shadow:0 16px 28px #071a3340;max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
  html body .topbar>nav.is-open{display:flex}
  html body .topbar>nav>a{display:block!important;margin:0;padding:.8rem 1rem;white-space:normal;color:#fff;text-decoration:none}
  html body .topbar>nav>a:not(.cta):hover,html body .topbar>nav>a:not(.cta):focus-visible{background:#123b68;color:#fff}
}
@media(max-width:620px){
  html body :is(.nav,.topbar){min-height:68px}
  html body .nav #site-nav,html body .topbar>nav{max-height:calc(100vh - 68px);max-height:calc(100dvh - 68px)}
  html body .topbar{padding:.5rem 1rem!important}
  html body .topbar>.brand-logo-link{flex-basis:210px}
}