/* deploy220 shared mobile nav (t231u). Loaded after each page's own CSS on every page with #navLinks.
   Mobile panel: closed until the hamburger is tapped; dropdowns collapsed until tapped; every item centered. */
@media (max-width:960px){
  .hamburger{-webkit-tap-highlight-color:transparent}
  .hamburger span{transition:transform .2s ease,opacity .2s ease;transform-origin:center}
  .hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  #navLinks.active{align-items:center!important;text-align:center;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px);overflow-y:auto;box-sizing:border-box}
  #navLinks.active > a{align-self:center}
  #navLinks.active .nav-dd{width:100%;flex-direction:column;align-items:center!important}
  #navLinks.active .nav-dd > a{justify-content:center}
  #navLinks.active .nav-dd .ddc{transform:none}
  #navLinks.active .nav-dd.open .ddc{transform:rotate(180deg)}
  #navLinks.active .nav-dd-menu{display:none;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;background:transparent;padding:6px 0 0;margin:0;min-width:0;text-align:center}
  #navLinks.active .nav-dd.open > .nav-dd-menu{display:block}
  #navLinks.active .nav-dd-menu a{padding:8px 0!important;text-align:center;white-space:normal}
}
/* deploy223 (t233u, staged): laptop widths 961-1239px. The full link row used to squeeze into the logo
   (links wrapped to two lines and touched or overlapped it at 1024). Tighter type and spacing keep one row clear of the logo. */
@media (min-width:961px) and (max-width:1239.98px){
  nav{padding-left:1.1rem!important;padding-right:1.1rem!important}
  .nav-logo{flex:0 0 auto}
  .nav-logo img{height:54px!important}
  #navLinks{gap:clamp(0.8rem,1.3vw,1.3rem)!important;flex:0 1 auto;margin-left:1rem}
  #navLinks > a,#navLinks .nav-dd > a{font-size:clamp(0.74rem,0.78vw,0.82rem)!important;letter-spacing:0.3px!important;white-space:nowrap}
  #navLinks .nav-cta{padding:0.5rem 0.85rem!important}
}