@import url('/assets/css/enhancements.css');

.mobile-nav{display:none}

@media (max-width:58rem){
  .site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}
  .header-inner{min-height:4.5rem!important;padding:.65rem 0!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important}
  .brand{min-width:0;flex:1}
  .brand-mark{width:2.4rem;height:2.4rem;flex:0 0 auto}
  .brand-copy{min-width:0}
  .brand-copy strong{white-space:nowrap}
  .site-nav{display:none!important}
  .mobile-nav{display:block!important;position:relative;margin-left:auto;flex:0 0 auto}
  .mobile-nav summary{list-style:none;display:grid;place-items:center;width:2.9rem;height:2.9rem;padding:0;border:1px solid #d7e3e8;border-radius:8px;background:#fff;color:var(--navy);cursor:pointer;box-shadow:0 2px 8px rgba(0,38,72,.05)}
  .mobile-nav summary::-webkit-details-marker{display:none}
  .mobile-nav summary::marker{display:none;content:""}
  .menu-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .menu-icon{display:grid;gap:4px;width:1.25rem}
  .menu-icon span{display:block;width:100%;height:2px;border-radius:999px;background:var(--navy);transition:transform .18s ease,opacity .18s ease}
  .mobile-nav[open] summary{background:var(--navy);border-color:var(--navy)}
  .mobile-nav[open] .menu-icon span{background:#fff}
  .mobile-nav[open] .menu-icon span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-nav[open] .menu-icon span:nth-child(2){opacity:0}
  .mobile-nav[open] .menu-icon span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav nav{position:absolute;right:0;top:calc(100% + .65rem);width:min(18rem,calc(100vw - 1.5rem));display:grid!important;padding:.45rem;background:#fff;border:1px solid #d7e3e8;border-radius:10px;box-shadow:0 18px 42px rgba(0,38,72,.18);overflow:hidden}
  .mobile-nav nav a{display:flex;align-items:center;min-height:3rem;padding:.75rem .9rem;border-radius:7px;color:var(--navy)!important;text-decoration:none!important;font-size:.98rem;font-weight:800;line-height:1.2}
  .mobile-nav nav a:hover,.mobile-nav nav a:focus-visible{background:var(--mist);color:var(--teal2)!important}
}

@media (max-width:38rem){
  .brand-copy small{display:none!important}
  .brand-copy strong{font-size:1rem}
}

@media (prefers-reduced-motion:reduce){
  .menu-icon span{transition:none}
}