/* Shared header: desktop first, with a touch-friendly drawer below 900px. */
html{overflow-x:clip}
header[data-sdl-navigation]{height:88px;min-height:88px;padding:0 clamp(18px,5vw,76px);gap:22px;isolation:isolate}
header[data-sdl-navigation] .sdl-nav__brand{flex:0 1 248px}
header[data-sdl-navigation] .sdl-nav__brand img{width:100%;max-width:248px;min-width:150px;height:auto;max-height:66px;object-fit:contain;object-position:left center}
header[data-sdl-navigation] .sdl-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
header[data-sdl-navigation] .sdl-nav__group{position:relative}
header[data-sdl-navigation] .sdl-nav__trigger,header[data-sdl-navigation] .sdl-nav__link{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border:1px solid transparent;background:transparent;color:#d5d5d5!important;text-decoration:none;font:800 11px/1 Inter,Arial,sans-serif!important;letter-spacing:1px!important;text-transform:uppercase;white-space:nowrap;cursor:pointer}
header[data-sdl-navigation] .sdl-nav__trigger span{margin-left:7px;color:#ed1c24;font-size:16px;line-height:0;transform:translateY(-1px)}
header[data-sdl-navigation] .sdl-nav__trigger:hover,header[data-sdl-navigation] .sdl-nav__group.is-active .sdl-nav__trigger{color:#fff!important;border-color:#393939;background:#131313}
header[data-sdl-navigation] .sdl-nav__link[href="scorer.html"]{color:#fff!important;background:linear-gradient(180deg,#ee222b,#bd0911);border-color:#fa444a;box-shadow:0 7px 18px rgba(216,15,24,.22)}
header[data-sdl-navigation] .sdl-nav__link[href="live.html"]{color:#fff!important;border-color:#777;background:#101010}
header[data-sdl-navigation] .sdl-nav__link.is-active:not([href="scorer.html"]):not([href="live.html"]){color:#fff!important;border-bottom-color:#ed1c24}
header[data-sdl-navigation] .sdl-nav__panel{display:none;position:absolute;top:calc(100% + 12px);right:0;width:440px;padding:12px;background:linear-gradient(145deg,#191919,#090909);border:1px solid #383838;border-top:3px solid #dc111a;box-shadow:0 22px 44px rgba(0,0,0,.52);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
header[data-sdl-navigation] .sdl-nav__trigger[aria-expanded="true"]+.sdl-nav__panel{display:grid}
header[data-sdl-navigation] .sdl-nav__card{display:block;padding:13px 14px;border:1px solid transparent;color:#eee;text-decoration:none;background:rgba(255,255,255,.025)}
header[data-sdl-navigation] .sdl-nav__card:hover,header[data-sdl-navigation] .sdl-nav__card.is-active{border-color:#454545;background:linear-gradient(115deg,#2a1011,#151515)}
header[data-sdl-navigation] .sdl-nav__card strong{display:block;font:800 15px/1.1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.35px;text-transform:uppercase}
header[data-sdl-navigation] .sdl-nav__card small{display:block;margin-top:5px;color:#999;font:600 10px/1.35 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
header[data-sdl-navigation] .sdl-nav__toggle{display:none}
@media (max-width:1100px) and (min-width:901px){header[data-sdl-navigation]{padding-inline:24px;gap:10px}header[data-sdl-navigation] .sdl-nav__brand{flex-basis:190px}header[data-sdl-navigation] .sdl-nav__trigger,header[data-sdl-navigation] .sdl-nav__link{padding-inline:8px;font-size:10px!important;letter-spacing:.6px!important}header[data-sdl-navigation] .sdl-nav{gap:3px}}
@media (max-width:900px){body.sdl-nav-open{overflow:hidden}header[data-sdl-navigation]{height:78px;min-height:78px;padding:0 16px}header[data-sdl-navigation] .sdl-nav__brand{flex:0 1 215px}header[data-sdl-navigation] .sdl-nav__brand img{max-height:57px}header[data-sdl-navigation] .sdl-nav__toggle{display:grid;place-content:center;gap:4px;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #3b3b3b;border-radius:50%;background:#111;cursor:pointer}header[data-sdl-navigation] .sdl-nav__toggle span{display:block;width:17px;height:2px;background:#fff;transition:transform .2s,opacity .2s}header[data-sdl-navigation] .sdl-nav.open+.nothing{display:none}header[data-sdl-navigation] .sdl-nav.open~.sdl-nav__toggle{background:#c80c14}header[data-sdl-navigation] .sdl-nav{position:fixed;top:78px;right:0;bottom:0;width:min(100%,390px);padding:16px 18px 34px;display:block;overflow-y:auto;background:linear-gradient(180deg,#121212,#050505);border-left:1px solid #343434;box-shadow:-22px 0 55px rgba(0,0,0,.7);transform:translateX(105%);transition:transform .24s ease;visibility:hidden}header[data-sdl-navigation] .sdl-nav.open{transform:translateX(0);visibility:visible}header[data-sdl-navigation] .sdl-nav__group{position:static;border-bottom:1px solid #292929}header[data-sdl-navigation] .sdl-nav__trigger,header[data-sdl-navigation] .sdl-nav__link{width:100%;min-height:52px;padding:0 5px;justify-content:space-between;border:0!important;border-radius:0;text-align:left;font-size:12px!important;letter-spacing:1.2px!important;background:transparent!important;box-shadow:none!important}header[data-sdl-navigation] .sdl-nav__link[href="scorer.html"]{margin-top:12px;padding:0 16px;border:1px solid #fa444a!important;justify-content:center;background:linear-gradient(180deg,#ee222b,#bd0911)!important}header[data-sdl-navigation] .sdl-nav__link[href="live.html"]{margin:8px 0 12px;padding:0 16px;border:1px solid #777!important;justify-content:center;background:#101010!important}header[data-sdl-navigation] .sdl-nav__panel{position:static;width:auto;margin:0 0 10px;padding:5px;grid-template-columns:1fr;border:0;border-top:1px solid #442124;box-shadow:none;background:#0c0c0c}header[data-sdl-navigation] .sdl-nav__card{padding:12px 10px}header[data-sdl-navigation] .sdl-nav__card small{display:none}header[data-sdl-navigation] .sdl-nav__card strong{font-size:16px}header[data-sdl-navigation] .sdl-nav__group.is-active .sdl-nav__trigger{border-left:3px solid #ed1c24!important;padding-left:10px}}
@media (max-width:380px){header[data-sdl-navigation] .sdl-nav__brand{flex-basis:180px}header[data-sdl-navigation] .sdl-nav__toggle{flex-basis:40px;width:40px;height:40px}}
@media (max-width:900px){body.sdl-nav-open header[data-sdl-navigation] .sdl-nav__toggle{background:#c80c14}}
/* Some legacy page styles target #menu directly, so the shared control needs the ID here too. */
@media (max-width:900px){header[data-sdl-navigation] #menu.sdl-nav__toggle{display:grid!important}}

/* Phone-only menu: intentionally a full-screen overlay, separate from the tablet drawer. */
@media (max-width:700px), (max-width:900px) and (max-height:500px){
  body.sdl-nav-open{overflow:hidden!important;touch-action:none}
  body.sdl-nav-open .home-quicknav,
  body.sdl-nav-open .division-bottom-nav,
  body.sdl-nav-open .bottom-nav,
  body.sdl-nav-open [class*="sticky-nav"]{display:none!important}
  header[data-sdl-navigation] .sdl-nav{
    position:fixed!important;
    z-index:1200!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100svh!important;
    padding:0 18px calc(24px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:linear-gradient(160deg,#161616 0%,#090909 46%,#030303 100%)!important;
    transform:translateY(-103%)!important;
    transition:transform .22s ease,visibility .22s ease!important;
    overscroll-behavior:contain;
  }
  header[data-sdl-navigation] .sdl-nav.open{transform:translateY(0)!important}
  header[data-sdl-navigation] .sdl-nav__mobile-head{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding-top:env(safe-area-inset-top);border-bottom:1px solid #303030}
  header[data-sdl-navigation] .sdl-nav__mobile-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
  header[data-sdl-navigation] .sdl-nav__mobile-brand span{display:grid;place-items:center;width:42px;height:42px;background:#e01922;color:#fff;font:900 19px/1 "Barlow Condensed",Arial,sans-serif;letter-spacing:.3px}
  header[data-sdl-navigation] .sdl-nav__mobile-brand small{max-width:190px;color:#dedede;font:900 10px/1.15 Inter,Arial,sans-serif;letter-spacing:1px}
  header[data-sdl-navigation] .sdl-nav__close{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;padding:0;border:1px solid #555;border-radius:50%;background:#111;color:#fff;font:400 36px/1 Arial,sans-serif;cursor:pointer}
  header[data-sdl-navigation] .sdl-nav__close:active{background:#c80c14}
  header[data-sdl-navigation] .sdl-nav__group{border-bottom:1px solid #303030!important}
  header[data-sdl-navigation] .sdl-nav__trigger,
  header[data-sdl-navigation] .sdl-nav__link{min-height:58px!important;font-size:12px!important;letter-spacing:1.35px!important}
  header[data-sdl-navigation] .sdl-nav__trigger span{font-size:22px!important;transition:transform .18s ease}
  header[data-sdl-navigation] .sdl-nav__trigger[aria-expanded="true"] span{transform:rotate(180deg) translateY(1px)}
  header[data-sdl-navigation] .sdl-nav__panel{margin:0!important;padding:4px 0 10px!important;background:#0b0b0b!important;border:0!important;border-top:1px solid #4a2023!important}
  header[data-sdl-navigation] .sdl-nav__card{min-height:48px;padding:13px 12px!important;border:0!important;border-left:2px solid transparent!important;background:transparent!important}
  header[data-sdl-navigation] .sdl-nav__card:active,
  header[data-sdl-navigation] .sdl-nav__card.is-active{border-left-color:#ed1c24!important;background:#171011!important}
  header[data-sdl-navigation] .sdl-nav__card strong{font-size:15px!important}
  header[data-sdl-navigation] .sdl-nav__link[href="scorer.html"]{min-height:56px!important;margin-top:14px!important;border-radius:2px!important;font-size:13px!important}
  header[data-sdl-navigation] .sdl-nav__link[href="live.html"]{min-height:56px!important;margin:10px 0 14px!important;border-radius:2px!important;font-size:13px!important}
  header[data-sdl-navigation] .sdl-nav__toggle{z-index:1201!important}
  body.sdl-nav-open header[data-sdl-navigation] .sdl-nav__toggle{visibility:hidden!important}
}
@media (min-width:701px) and (min-height:501px){header[data-sdl-navigation] .sdl-nav__mobile-head{display:none}}