.ks-context { position:relative; z-index:2; display:flex; align-items:center; flex-wrap:wrap; gap:.65rem; max-width:1400px; margin:1.25rem auto 0; padding:0 6vw; font-size:.9375rem; }
.ks-context-label { color:#c3d0df; margin-right:auto; font-weight:600; }
.ks-context a { display:inline-flex; align-items:center; min-height:44px; padding:.55rem 1rem; border-radius:999px; border:1px solid #315447; color:#91efbc; background:#102d25; font-weight:700; }
.ks-context a[data-sport=basketball] { border-color:#755035; background:#352315; color:#ffc085; }
.ks-context a:hover { border-color:currentColor; }
.ks-context a[aria-current=true] { box-shadow:inset 0 0 0 1px currentColor; }
.ks-context a:focus-visible { outline:3px solid #f4d198; outline-offset:4px; }
@media(max-width:600px) { .ks-context { padding:0 1rem; } .ks-context-label { width:100%; } }
/* Legacy pages, including Account, retain usable navigation on phones. */
@media(max-width:820px) {
  body:not([data-mobile-page]) .site-header { position:relative; flex-wrap:wrap; gap:10px; }
  body:not([data-mobile-page]) .site-header .brand { flex:1; min-width:0; }
  body:not([data-mobile-page]) .site-header > nav { order:3; flex-basis:100%; flex-wrap:wrap; gap:6px 14px; }
  body:not([data-mobile-page]) .site-header > nav > a,
  body:not([data-mobile-page]) .nav-dropdown-toggle { display:inline-flex; align-items:center; min-height:44px; }
  body:not([data-mobile-page]) .nav-dropdown { position:static; }
  body:not([data-mobile-page]) .nav-dropdown-menu { left:18px; right:18px; top:100%; width:auto; max-width:calc(100vw - 36px); }
  body:not([data-mobile-page]) .site-footer { flex-direction:column; align-items:flex-start; }
  body:not([data-mobile-page]) .footer-links { flex-wrap:wrap; }
}

/* The mobile shell provides sport navigation; omit its desktop duplicate from the first paint. */
@media(max-width:820px) { body[data-mobile-page] > .ks-context { display:none!important; } }
