/* Global masthead and navigation overhaul — shared shell only. */
:root{--header-brown:#21150f;--header-brown-2:#3d291b;--header-cream:#fff8e9;--header-gold:#d5a847;--header-line:rgba(229,194,119,.35)}
.global-header{position:relative;z-index:90;background:var(--header-brown);color:var(--header-cream)}
.league-masthead{min-height:96px;display:flex;align-items:center;justify-content:center;gap:28px;padding:14px 24px 12px;background:linear-gradient(135deg,#1b110c,#3f2a1b);border-bottom:1px solid var(--header-line);text-align:center}
.league-masthead__identity{display:grid;gap:2px;justify-items:center}.league-masthead__eyebrow{color:#ead39a;font:700 .66rem/1 var(--font-display);letter-spacing:.2em;text-transform:uppercase}.site-title{margin:0;color:var(--header-gold);font:700 clamp(1.75rem,3.1vw,2.45rem)/1 var(--font-display);letter-spacing:.075em;text-transform:uppercase;text-shadow:0 1px 0 #0f0906}.site-tagline{display:none}
.league-masthead #championship-banners{margin:0;max-width:min(48vw,690px)}.league-masthead #championship-banners:empty{display:none}
.main-nav{position:sticky;top:0;z-index:91;display:flex;align-items:center;justify-content:center;gap:5px;min-height:58px;padding:7px max(14px,calc((100vw - 1560px)/2));background:#2a1b12;border-bottom:2px solid var(--header-gold);box-shadow:0 4px 12px rgba(20,12,7,.22)}
.nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:1px solid transparent;border-radius:8px;padding:9px clamp(9px,1.15vw,16px);background:transparent;color:var(--header-cream);font:700 clamp(.69rem,.86vw,.82rem)/1 var(--font-body);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;cursor:pointer}
.nav-btn:hover,.nav-btn:focus-visible{border-color:rgba(229,194,119,.45);background:rgba(255,248,233,.1);outline:0}.nav-btn.active{background:var(--header-gold);border-color:var(--header-gold);color:#25170f;box-shadow:inset 0 -2px 0 rgba(50,28,8,.2)}.nav-icon{font-size:1rem;line-height:1}.nav-arrow,.drawer-heading,.mobile-topbar{display:none}
.global-page-banner{width:min(calc(100% - 40px),1480px);margin:18px auto 0;padding:18px 22px;border:1px solid #b98a2b;border-radius:15px;background:linear-gradient(135deg,#281a12,#513720);color:#fff8e9;box-shadow:0 8px 20px rgba(45,28,15,.12)}.global-page-banner:not([hidden]){display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.global-page-banner__eyebrow{margin:0 0 5px;color:#e1b557;font:700 .7rem/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase}.global-page-banner h2{margin:0;color:#fff8e9;font:700 clamp(1.55rem,2.4vw,2.35rem)/1 var(--font-display);letter-spacing:.035em;text-transform:uppercase}.global-page-banner p:not(.global-page-banner__eyebrow){margin:7px 0 0;color:#e6d9c1;font-size:.88rem;line-height:1.35}.global-page-banner__metric{align-self:stretch;display:grid;place-items:center;padding:10px 0 10px 19px;border-left:1px solid rgba(225,181,87,.45);color:#f3ca70;font:700 .8rem/1.2 var(--font-display);letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap}
body.has-global-page-banner main{padding-top:18px}
@media(max-width:920px){
 .league-masthead{display:none}.global-header{height:calc(60px + env(safe-area-inset-top,0px))}.mobile-topbar{position:sticky;top:0;z-index:93;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;min-height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0;background:#24170f;border-bottom:2px solid var(--header-gold);box-shadow:0 3px 10px rgba(20,12,7,.18)}.mobile-topbar__wordmark{margin:0;color:var(--header-gold);font:700 1.12rem/1 var(--font-display);letter-spacing:.075em;text-align:center}.nav-toggle{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:9px;background:transparent;color:var(--header-cream);cursor:pointer}.nav-toggle:hover,.nav-toggle:focus-visible{background:rgba(255,248,233,.1);outline:2px solid rgba(213,168,71,.7);outline-offset:1px}.nav-toggle__icon{font-size:1.55rem;line-height:1}.main-nav{position:fixed;inset:0 auto 0 0;z-index:101;display:grid;grid-auto-rows:min-content;align-content:start;justify-content:stretch;gap:5px;width:min(88vw,390px);min-height:100dvh;padding:max(14px,env(safe-area-inset-top,0px)) 13px 24px;background:linear-gradient(160deg,#21150e,#3d291b);border:0;border-right:1px solid rgba(225,181,87,.45);box-shadow:12px 0 32px rgba(19,11,7,.38);transform:translateX(-105%);transition:transform .18s ease;overflow-y:auto}.main-nav.open{transform:translateX(0)}.main-nav .nav-btn{display:grid;grid-template-columns:28px 1fr 18px;justify-content:start;min-height:49px;padding:10px 12px;border-radius:9px;font-size:.83rem;text-align:left}.main-nav .nav-label{justify-self:start}.main-nav .nav-arrow{display:block;justify-self:end;color:#d8ad59;font-size:1.25rem}.main-nav .nav-btn.active{color:#27180e;background:#d8ae54}.main-nav .nav-btn.active .nav-arrow{color:#27180e}.drawer-heading{display:flex;align-items:center;justify-content:space-between;min-height:50px;margin-bottom:10px;padding:3px 5px 13px;border-bottom:1px solid rgba(225,181,87,.35);color:#efca77;font:700 1rem/1 var(--font-display);letter-spacing:.08em}.drawer-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(225,181,87,.35);border-radius:8px;background:transparent;color:#fff8e9;font-size:1.7rem;cursor:pointer}.drawer-close:hover,.drawer-close:focus-visible{background:rgba(255,248,233,.1);outline:2px solid rgba(213,168,71,.7);outline-offset:1px}.nav-drawer-backdrop{position:fixed;z-index:89;inset:0;background:rgba(19,11,7,.56);opacity:0;pointer-events:none;transition:opacity .18s ease}.nav-drawer-backdrop.is-visible{opacity:1;pointer-events:auto}body.header-drawer-open{overscroll-behavior:none}.global-page-banner{width:calc(100% - 28px);margin-top:14px;padding:16px 15px;border-radius:12px}.global-page-banner:not([hidden]){grid-template-columns:1fr;gap:11px}.global-page-banner__metric{justify-self:start;padding:9px 0 0;border-top:1px solid rgba(225,181,87,.35);border-left:0;text-align:left}.has-global-page-banner main{padding-top:14px}
}
@media(min-width:921px){.nav-toggle{display:none}}@media(prefers-reduced-motion:reduce){.main-nav,.nav-drawer-backdrop{transition:none!important}}
/* Keep the compact navigation in view while the masthead scrolls away. */
@media(min-width:921px){
 .global-header{position:sticky;top:calc(-1 * var(--masthead-height,96px))}
 .main-nav{position:relative}
}
@media(max-width:920px){
 .global-header{position:sticky;top:0}
 .main-nav:not(.open){visibility:hidden;pointer-events:none}
}
.global-page-banner__metric:empty{display:none}
#managers>.home-block:first-child>.section-banner{display:none}
#managers>.home-block:first-child{padding-top:0}
#season-archive>.recap-selector:first-child>div{display:none}
#season-archive>.recap-selector:first-child{justify-content:flex-end;margin-top:0;padding:12px 18px}
#futures .cb-books-hero{display:none}
#futures{padding-top:0}
:target{scroll-margin-top:78px}

/* Sticky positioning needs the document scroller, not a body overflow container. */
body{overflow-x:clip!important;overflow-y:visible!important}

@media(max-width:390px){
 .mobile-topbar{grid-template-columns:48px minmax(0,1fr) 48px}
 .mobile-topbar__wordmark{display:block;min-width:0;white-space:nowrap;font-size:clamp(.88rem,4.2vw,1.08rem)}
}

#records .statistics-hero{display:none}

/* The championship rack stays at the top of Home without turning the masthead into a second hero. */
@media(min-width:921px){
 .league-masthead #championship-banners{max-width:min(48vw,570px)}
 .league-masthead .championship-rack{gap:12px;padding:12px 0 8px}
 .league-masthead .championship-rack::before{top:4px}
 .league-masthead .championship-banner{min-width:165px;padding:7px 9px 11px;box-shadow:0 4px 0 #7f5308,0 7px 12px rgba(27,20,16,.18),inset 0 0 0 2px rgba(255,246,204,.42)}
 .league-masthead .championship-banner::before{height:10px;top:-11px}
 .league-masthead .championship-banner::after{bottom:-8px;border-left-width:10px;border-right-width:10px;border-top-width:8px;left:calc(50% - 10px)}
 .league-masthead .championship-banner b{font-size:.82rem}
 .league-masthead .championship-banner small,.league-masthead .championship-banner span,.league-masthead .championship-banner em{font-size:.58rem}
}
