/* Scoped to the updated main website header. Existing site styles stay intact. */
body > header[data-header-atlas] .main-nav { overflow:visible; }
body > header[data-header-atlas] .nav-dropdown > div { min-width:260px; max-width:calc(100vw - 32px); }
body > header[data-header-atlas] .nav-dropdown > div a { display:flex; align-items:center; gap:10px; line-height:1.4; white-space:normal; }
body > header[data-header-atlas] .nav-dropdown > div .nav-icon { flex:0 0 22px; }
body > header[data-header-atlas] .main-nav > a,
body > header[data-header-atlas] .main-nav > details > summary { min-height:44px; box-sizing:border-box; display:flex; align-items:center; }
body > header[data-header-atlas] .nav-dropdown > summary:focus-visible,
body > header[data-header-atlas] .main-nav a:focus-visible { outline:2px solid #ebbe72; outline-offset:3px; }
@media (max-width:700px) {
  body > header[data-header-atlas] .main-nav { position:relative; display:flex; flex-wrap:wrap; justify-content:center; gap:0; }
  body > header[data-header-atlas] .main-nav > .nav-dropdown { position:static; }
  body > header[data-header-atlas] .nav-dropdown > div { position:absolute; top:100%; left:0; right:0; width:auto; min-width:0; max-width:100%; max-height:60vh; overflow-y:auto; box-sizing:border-box; background:#1a100b; }
  body > header[data-header-atlas] .main-nav > a,
  body > header[data-header-atlas] .main-nav > details > summary { padding:9px 10px; font-size:13px; gap:6px; }
}