/* Shared main menu. Links are in the HTML. This file only shows and hides them. */
nav.site-nav{display:flex;align-items:center;justify-content:flex-end;flex:1 1 auto;min-width:0;margin:0;position:static}
nav.site-nav ul{list-style:none;margin:0;padding:0}
nav.site-nav a{color:#f5f3ef;font-family:"Barlow","Arial Narrow",Impact,sans-serif;font-weight:700;font-size:15px;line-height:1.2;text-decoration:none;margin:0;display:flex;align-items:center;min-height:44px;padding:10px 12px;box-sizing:border-box}
nav.site-nav a:hover{color:#ff9800}
nav.site-nav a:focus-visible,nav.site-nav button:focus-visible{outline:2px solid #ff9800;outline-offset:3px}
nav.site-nav a[aria-current="page"]{color:#ff9800;box-shadow:inset 0 -2px 0 #ff9800}
nav.site-nav .site-nav-toggle{display:none;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin:0;padding:10px 12px;border:1px solid #2b2930;border-radius:3px;background:#0c0c10;color:#f5f3ef;font-family:"Barlow","Arial Narrow",Impact,sans-serif;font-weight:700;font-size:15px;line-height:1;cursor:pointer}
nav.site-nav .site-nav-bars{display:block;width:18px;height:2px;background:#f5f3ef;position:relative}
nav.site-nav .site-nav-bars:before,nav.site-nav .site-nav-bars:after{content:"";position:absolute;left:0;width:18px;height:2px;background:#f5f3ef}
nav.site-nav .site-nav-bars:before{top:-6px}
nav.site-nav .site-nav-bars:after{top:6px}
.shell.nav{flex-wrap:wrap}
/* The open mobile panel is position:absolute; top:100% of the nearest positioned
   ancestor. Plain header pages (news hub, about, contact, privacy, terms, 404)
   set no position, so the panel sat just below the viewport and looked closed.
   :where() loses to header{position:sticky} on the homepage, standings, and posts. */
:where(header,.site-header){position:relative}
header,.site-header{z-index:40}
.site-header{position:relative}
@media (min-width:901px){
 nav.site-nav .site-nav-toggle,nav.site-nav .site-nav-subtoggle{display:none}
 nav.site-nav>ul{display:flex;align-items:center;gap:2px}
 nav.site-nav>ul>li{position:relative}
 nav.site-nav>ul>li>a{white-space:nowrap}
 /* Every submenu opens inward. Teams was left-aligned and crossed the 1365 desktop edge. */
 nav.site-nav li ul{display:block;position:absolute;top:100%;left:auto;right:0;min-width:260px;max-width:min(360px,80vw);max-height:70vh;overflow:auto;background:#0c0c10;border:1px solid #2b2930;box-shadow:0 12px 28px rgba(0,0,0,.45);z-index:60;visibility:hidden;opacity:0;pointer-events:none}
 nav.site-nav li:hover>ul,nav.site-nav li:focus-within>ul{visibility:visible;opacity:1;pointer-events:auto}
 nav.site-nav li li a{min-height:44px;padding:10px 14px}
}
@media (max-width:1180px) and (min-width:901px){
 .shell.nav .brand img{width:220px}
 nav.site-nav a{padding:10px 8px;font-size:14px}
}
@media (max-width:900px){
 nav.site-nav{display:block;width:auto;margin-left:auto;flex:0 0 auto;position:static}
 nav.site-nav .site-nav-toggle{display:inline-flex}
 nav.site-nav>ul{position:absolute;left:0;right:0;top:100%;width:auto;max-height:calc(100vh - 72px);overflow-x:hidden;overflow-y:auto;background:#0c0c10;border-bottom:1px solid #2b2930;z-index:60;box-sizing:border-box}
 nav.site-nav:not(.is-open)>ul{display:none}
 nav.site-nav.is-open>ul{display:block}
 nav.site-nav a{width:100%;white-space:normal;overflow-wrap:anywhere}
 nav.site-nav>ul>li.site-nav-branch{display:flex;flex-wrap:wrap;align-items:stretch}
 nav.site-nav>ul>li.site-nav-branch>a{width:auto;flex:1 1 auto;min-width:0}
 nav.site-nav .site-nav-subtoggle{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-left:1px solid #2b2930;background:transparent;color:#f5f3ef;cursor:pointer}
 nav.site-nav .site-nav-chevron{display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
 nav.site-nav li.is-open .site-nav-chevron{transform:rotate(-135deg);margin-top:4px}
 nav.site-nav .site-nav-subtoggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 nav.site-nav>ul>li>ul{display:none;flex:1 1 100%;width:100%;position:static;visibility:visible;opacity:1;pointer-events:auto;min-width:0;max-height:none;overflow:visible;background:transparent;border:0;box-shadow:none}
 nav.site-nav>ul>li.is-open>ul{display:block}
 nav.site-nav li li a{padding-left:22px}
}
@media (prefers-reduced-motion:reduce){
 nav.site-nav li ul{transition:none}
}
/* Shared footer. News pages do not repeat this rule, so it has to live here. */
.site-footer .footer-links{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:4px;align-items:center;margin:0 0 10px}
.site-footer .footer-links a{color:#d4d0ca;display:inline-block;min-height:44px;margin:0;padding:12px 0;box-sizing:border-box;line-height:1.25;text-decoration:none}
.site-footer .footer-links a:hover{color:#ff9800}
.site-footer .footer-links a.footer-tiktok{display:inline-flex;align-items:center;gap:6px}
.site-footer .footer-links a.footer-tiktok svg{width:16px;height:16px;fill:currentColor;flex:0 0 auto}
@media (max-width:480px){
 .site-footer .footer-links{column-gap:16px;row-gap:0}
 .site-footer .footer-links a{min-height:44px;padding:12px 0}
}
/* One shared bar. 60px at rest, 48px after scroll. The logo artwork already carries the tagline. */
header.site-header{position:sticky;top:0;z-index:50;background:#0c0c10;border-bottom:1px solid #2b2930}
header.site-header .site-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px;min-height:60px;max-height:60px;padding:0 16px;box-sizing:border-box}
header.site-header .site-brand{display:flex;align-items:center;flex:0 1 auto;min-width:0;height:44px}
header.site-header .site-brand img{display:block;height:44px;width:auto;max-height:44px;max-width:168px;object-fit:contain;object-position:left center}
header.site-header .site-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;margin-left:auto}
header.site-header.is-compact .site-bar{height:48px;min-height:48px;max-height:48px}
header.site-header.is-compact .site-brand,header.site-header.is-compact .site-brand img{height:32px;max-height:32px}
header.site-header .site-tagline{display:none;margin:0;padding:0 16px 8px;color:#77736e;font:700 11px/1.3 "Barlow","Arial Narrow",sans-serif;letter-spacing:.04em}
header.site-header .site-tagline span+span{margin-left:12px}
@media (min-width:901px){
 header.site-header .site-tagline{display:block}
}
nav.site-nav .site-nav-playoffs>a{color:#ff9800}
.site-search{position:relative;flex:0 0 auto}
.site-search-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;margin:0;padding:10px 12px;border:1px solid #2b2930;border-radius:3px;background:#0c0c10;color:#f5f3ef;font-family:"Barlow","Arial Narrow",Impact,sans-serif;font-weight:700;font-size:15px;line-height:1;cursor:pointer}
.site-search-icon{width:14px;height:14px;border:2px solid currentColor;border-radius:50%;position:relative;box-sizing:border-box}
.site-search-icon:after{content:"";position:absolute;width:6px;height:2px;background:currentColor;right:-5px;bottom:-1px;transform:rotate(45deg)}
.site-search-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,80vw);background:#0c0c10;border:1px solid #2b2930;box-shadow:0 12px 28px rgba(0,0,0,.45);z-index:70;padding:12px;box-sizing:border-box}
.site-search-field{display:block;color:#d4d0ca;font:600 12px/1.3 Inter,Arial,sans-serif}
.site-search-field input{display:block;width:100%;min-height:44px;margin-top:6px;padding:8px 10px;box-sizing:border-box;border:1px solid #2b2930;border-radius:3px;background:#14141a;color:#f5f3ef;font:16px/1.3 Inter,Arial,sans-serif}
.site-search-status{margin:8px 0 0;color:#a5a19b;font-size:12px}
.site-search-results{list-style:none;margin:8px 0 0;padding:0;max-height:50vh;overflow:auto}
.site-search-results a{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;padding:8px 4px;color:#f5f3ef;text-decoration:none;font-weight:700}
.site-search-results a:hover{color:#ff9800}
.site-search-kind{display:block;color:#a5a19b;font-size:11px;font-weight:600}
.breadcrumbs a,nav.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 2px;box-sizing:border-box}
@media (max-width:900px){
 .site-search-panel{position:fixed;left:0;right:0;top:auto;width:auto;margin-top:0}
}