/* Neutral, fully clickable navigation panels. */
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel{position:relative;background:#181818!important;color:#fff!important;transition:background-color .22s ease}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel:is(:hover,:focus-within){background:#242424!important}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel .adhder-mega-eyebrow,
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel>span{font-weight:400!important;color:#aaa!important}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel>a{font-weight:600!important;color:#fff!important}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel>a::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel>a span{font-weight:400!important}
body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel:focus-within{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body .adhder-mega-menu .adhder-mega-subgrid .adhder-mega-panel{transition:none}}

body #top .su-header-actions .adhder-account-trigger{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;background:#000!important;color:#fff!important;border:1px solid #000!important;border-radius:3px;padding:9px 12px!important;min-height:36px;font-family:inherit;font-size:12px;font-weight:750;line-height:1.4;white-space:nowrap;cursor:pointer}
body #top .su-header-actions .adhder-account-trigger:hover{background:#252525!important;border-color:#252525!important}
body .adhder-account-menu[hidden]{display:none!important}
body .adhder-account-menu .adhder-account-logout button{background:none;border:0;padding:0;color:#fff;font:inherit;font-size:clamp(22px,3vw,38px);font-weight:400;cursor:pointer}
body .adhder-account-menu .adhder-account-logout{margin-top:16px}
@media(max-width:900px){body #top .su-header-actions .adhder-account-trigger{padding:9px 8px!important;font-size:10px!important;min-height:34px;gap:5px}}

/* Account dropdown uses links only; header has no bottom rule. */
body #top .su-header-actions .adhder-account-trigger,
body #top .su-header-actions .adhder-account-trigger span,
body #top .su-header-actions .adhder-account-trigger svg{color:#fff!important}
body #top .adhder-account-menu .adhder-mega-main>a{color:#fff!important}
body #top.site-header,body #top.site-header>.header-inner{border-bottom:0!important;box-shadow:none!important}
body #top.site-header::after,body #top.site-header>.header-inner::after{border-bottom:0!important;box-shadow:none!important;background:none!important}
body #top .adhder-account-menu{grid-template-columns:minmax(0,1fr)!important}

/* Both dropdowns contain navigation links only. */
body #top .adhder-mega-menu{grid-template-columns:minmax(0,1fr)!important}
body #top .adhder-mega-menu .adhder-mega-main>a,
body #top .adhder-mega-menu .adhder-mega-main>a:is(:hover,:focus-visible),
body #top .adhder-account-menu .adhder-account-logout button{color:#111!important}

/* ==========================================================================
   Account button (LOGIN / MY ACCOUNT) — 27 Oct 2026
   Same box as the MENU button at every width; no fill, thin grey border.
   Mobile (<=900px): icon only. The word stays readable by screen readers
   (visually hidden, not display:none).
   Overrides the black account-button rules earlier in this file.
   ========================================================================== */
html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;gap:8px!important;margin:0!important;
 padding:9px 12px!important;min-height:36px!important;
 font-family:inherit!important;font-size:12px!important;font-weight:750!important;
 line-height:1.4!important;letter-spacing:.09em!important;white-space:nowrap;
 background:transparent!important;color:#000!important;
 border:1px solid #949494!important;border-radius:3px!important;
 transition:border-color .2s ease
}
html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger :is(span,svg){color:#000!important}
/* Icon no taller than the text line, so the height matches MENU exactly. */
html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger svg{width:16px;height:16px;flex:0 0 16px;display:block}
html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger:is(:hover,:focus-visible,[aria-expanded="true"]){
 background:transparent!important;border-color:#000!important
}
html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger:focus-visible{outline:2px solid #000!important;outline-offset:2px!important}
@media(prefers-reduced-motion:reduce){html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger{transition:none}}
@media(max-width:900px){
 /* Square icon-only button, 32px tall like MENU on mobile. */
 html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger{
  padding:7px!important;min-height:32px!important;min-width:32px!important;gap:0!important;font-size:10px!important;letter-spacing:.08em!important
 }
 html body #top.site-header>.header-inner .su-header-actions button.adhder-account-trigger>span{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important
 }
}

/* The main navigation owns the highest page layer on every screen size.
   Raising its stacking context keeps dropdowns above fixed member rails,
   composer controls and sidebar toggles. */
html body header#top.site-header{
 position:sticky!important;top:0;z-index:10000!important;
 isolation:isolate;overflow:visible!important;
}
html body header#top.site-header .header-inner{overflow:visible!important}