/* Header dropdowns: one layout on every page. The #topnav id outranks the
   page-level overrides, so every page shows the same card under its trigger. */
@media (min-width:1200px){
  #topnav .nav-links .nav-dd{ position:relative !important; }
  #topnav .nav-links .nav-dd > .nav-dd-menu{
    position:absolute !important; top:100% !important; left:50% !important; right:auto !important;
    width:max-content !important; min-width:230px !important; max-width:320px !important;
    margin-top:1.6rem !important;
    display:flex !important; flex-direction:column !important; gap:.1rem !important; grid-template-columns:none !important;
    padding:.55rem !important;
    background:#FFFFFF !important;
    border:1px solid rgba(15,41,36,.12) !important; border-radius:16px !important;
    box-shadow:0 24px 50px -16px rgba(15,41,36,.30) !important;
    transform:translateX(-50%) translateY(8px) !important;
  }
  #topnav .nav-links .nav-dd.open > .nav-dd-menu,
  #topnav .nav-links .nav-dd:focus-within > .nav-dd-menu{ transform:translateX(-50%) translateY(0) !important; }
  #topnav .nav-links .nav-dd--end > .nav-dd-menu{ left:auto !important; right:-.5rem !important; transform:translateY(8px) !important; }
  #topnav .nav-links .nav-dd--end.open > .nav-dd-menu,
  #topnav .nav-links .nav-dd--end:focus-within > .nav-dd-menu{ transform:translateY(0) !important; }
  #topnav .nav-links .nav-dd-menu a{ display:block !important; padding:.72rem 1rem !important; white-space:nowrap; border-radius:10px !important; }
  #topnav .nav-links .nav-dd-menu .mi-t{ display:block; font-size:1.02rem !important; font-weight:700 !important; line-height:1.2; color:#0A2530 !important; }
}