@font-face{font-family:"Jersey 10";src:url("/assets/fonts/jersey10.woff?v=9efc6e2cf2") format("woff");font-display:swap}
@font-face{font-family:"Silkscreen";src:url("/assets/fonts/silkscreen.woff?v=2ff9ec60c8") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Silkscreen";src:url("/assets/fonts/silkscreen-bold.woff?v=7fd9650663") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"Pixelify Sans";src:url("/assets/fonts/pixelifysans.woff?v=8816de6bdb") format("woff");font-weight:400 700;font-display:swap}
:root{--black:#0E0F12;--char:#2B2D31;--char-2:#3A3D43;--gold:#FFB81C;--gold-lt:#FFD76A;--gold-dk:#8A5E00;--cream:#F4EFE4;
--ice:#EEF5FA;--ice-2:#E0ECF5;--paper:#FCFCFC;--line:#C3CFDA;--ink:#14161A;--muted:#4C5563;--soft:#B9BEC6;
--blue:#2457C5;--red:#C8241F;--steel:#9AA1A9;--led:#FF6A4A;
--display:"Jersey 10","Silkscreen",ui-monospace,monospace;--label:"Silkscreen",ui-monospace,monospace;
--text:"Pixelify Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--u:8px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ice);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.55;font-variant-ligatures:none}
img{max-width:100%}
.px{display:block;flex:none}
a{color:inherit;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{background:var(--gold);color:var(--ink);text-decoration-color:var(--ink)}
:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 6px var(--gold)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:9;font-family:var(--label);font-size:.8rem}
.skip:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.in{max-width:1120px;margin:0 auto;padding-inline:calc(var(--u)*3)}
p{margin:0 0 1rem}
b,strong{font-weight:600}
.muted{color:var(--muted)}
.note{color:var(--muted);font-size:.95rem;max-width:68ch;margin:0 0 1rem}
.lede{max-width:62ch}

/* scoreboard header */
.sb{background:var(--black);color:var(--paper);border-bottom:var(--u) solid var(--gold)}
.sb-top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--u) calc(var(--u)*3);padding-block:calc(var(--u)*2) var(--u)}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--paper)}
.logo:hover{background:none;color:var(--paper)}
.logo b{display:block;font-family:var(--display);font-weight:400;font-size:2.6rem;line-height:.8;color:var(--gold)}
.logo small{display:block;font-family:var(--label);font-size:.68rem;color:var(--soft);letter-spacing:.03em;margin-top:6px}
.status{margin:0 0 0 auto;display:flex;gap:calc(var(--u)*2);align-items:flex-end}
.led{font-family:var(--label);font-size:.68rem;color:var(--soft);text-transform:uppercase;line-height:1.2}
.led dd{margin:0;font-family:var(--display);font-size:2rem;line-height:.85;color:var(--led);letter-spacing:.05em}
.menu ul{display:flex;flex-wrap:wrap;gap:0 4px;list-style:none;margin:0;padding:0}
.menu a{display:flex;align-items:center;min-height:44px;padding:0 12px 0 22px;position:relative;color:var(--paper);text-decoration:none;font-family:var(--label);font-size:.8rem;text-transform:uppercase;letter-spacing:.02em}
.menu a::before{content:"";position:absolute;left:8px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:7px solid var(--gold);opacity:0}
.menu a:hover{background:var(--char);color:var(--paper)}
.menu a:hover::before{opacity:.6}
.menu a[aria-current]{background:var(--gold);color:var(--black)}
.menu a[aria-current]::before{opacity:1;border-left-color:var(--black)}

/* breadcrumbs and page heads */
.crumbs{background:var(--ice-2);border-bottom:2px solid var(--line);font-size:.95rem}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:10px 0}
.crumbs li+li::before{content:"\25B8";margin-right:10px;color:var(--muted)}
.crumbs [aria-current]{color:var(--muted)}
.head{padding-block:calc(var(--u)*4) calc(var(--u)*2);display:flex;flex-wrap:wrap;align-items:flex-end;gap:calc(var(--u)*2) calc(var(--u)*4)}
.head h1,.intro h1,.missing h1{font-family:var(--display);font-weight:400;font-size:clamp(3rem,7vw,4.5rem);line-height:.8;margin:0;text-shadow:4px 4px 0 var(--gold)}
.head .sub{margin:12px 0 0;color:var(--muted);max-width:62ch}
.pager{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}
.btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;background:var(--paper);color:var(--ink);text-decoration:none;font-family:var(--label);font-size:.75rem;text-transform:uppercase;box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink);margin:3px}
.btn:hover{background:var(--gold)}
.btn.off{color:var(--steel);box-shadow:0 -3px 0 var(--line),0 3px 0 var(--line),-3px 0 0 var(--line),3px 0 0 var(--line)}
.jump{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 calc(var(--u)*3);padding:0;list-style:none;font-family:var(--label);font-size:.75rem;text-transform:uppercase}
.jump a{display:inline-block;padding:8px 0}

/* bands give the page its pace: ice, then the dark arena */
.band{padding-block:calc(var(--u)*5)}
.band.tight{padding-block:calc(var(--u)*3)}
.band.flush{padding-top:0}
.band.dark{background:var(--char);color:var(--paper)}
.band.dark a{text-decoration-color:var(--gold)}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:0 0 calc(var(--u)*2)}
.sec-head h2{font-family:var(--display);font-weight:400;font-size:2.4rem;line-height:.8;margin:0}
.sec-head .more{font-family:var(--label);font-size:.75rem;text-transform:uppercase}

/* windows */
.win{background:var(--paper);margin:4px;box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink),8px 8px 0 0 rgba(36,87,197,.28);min-width:0;color:var(--ink);scroll-margin-top:16px}
.win>h2,.win>h3{margin:0;background:var(--ink);color:var(--gold);font-family:var(--label);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;padding:10px 16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px}
.win>h2 small,.win>h3 small{color:var(--soft);font-weight:400;font-size:.7rem}
.win .body{padding:calc(var(--u)*2)}
.win .body>:last-child{margin-bottom:0}
.win .foot{padding:0 calc(var(--u)*2) calc(var(--u)*2);font-family:var(--label);font-size:.72rem;text-transform:uppercase}
.win .foot a{display:inline-block;padding:6px 0}
.grid{display:grid;gap:calc(var(--u)*4);align-items:start}
.g-2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.g-1-1{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack{display:grid;gap:calc(var(--u)*4);align-content:start;min-width:0}

/* tables: numbers right, horizontal rules only, tabular figures */
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.scroll+.scroll,.scroll+p,p+.scroll{margin-top:calc(var(--u)*2)}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
caption{text-align:left;font-family:var(--label);font-size:.75rem;text-transform:uppercase;padding:0 0 10px}
th{font-family:var(--label);font-weight:400;font-size:.66rem;text-transform:uppercase;text-align:left;color:var(--muted);padding:0 12px 8px 0;border-bottom:3px solid var(--ink);white-space:nowrap;vertical-align:bottom}
td{padding:8px 12px 8px 0;border-bottom:2px dotted var(--line);white-space:nowrap;vertical-align:middle}
th:last-child,td:last-child{padding-right:0}
.num{text-align:right;width:1%}
th.num,td.num{padding-left:12px}
td.wrap{white-space:normal}
tr.cut td{border-bottom:4px solid var(--red)}
.rank{font-family:var(--display);font-size:1.5rem;line-height:.8;color:var(--blue)}
.big{font-family:var(--display);font-size:1.7rem;line-height:.8}
.hi{color:var(--gold-dk)}
.cut-note{font-size:.88rem;color:var(--muted);margin:10px 0 0;display:flex;align-items:center;gap:8px}
.cut-note i{display:inline-block;width:24px;height:4px;background:var(--red)}
.who{white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.who .px{display:inline-block}
.tag{display:inline-block;font-family:var(--label);font-size:.62rem;text-transform:uppercase;color:var(--paper);background:var(--blue);padding:2px 5px;margin-left:8px;vertical-align:2px;white-space:nowrap}
.tag.gold{background:var(--gold);color:var(--ink);margin:0 6px 0 0}
.won{font-weight:600}
.matrix{width:auto}
.matrix th,.matrix td{text-align:center;padding:7px 9px}
.matrix th:first-child,.matrix td:first-child{text-align:left;position:sticky;left:0;background:var(--paper);padding-left:0}
.matrix td.self{color:var(--steel)}
.match-t td:first-child,.match-t th:first-child{text-align:right}
abbr[title]{text-decoration:none}
.facts{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 20px;margin:0}
.facts dt{font-family:var(--label);font-size:.66rem;text-transform:uppercase;color:var(--muted);padding-top:4px}
.facts dd{margin:0}
.empty{border:3px dashed var(--line);padding:16px;color:var(--muted);max-width:68ch;margin:0}
.band.dark .empty{border-color:var(--char-2);color:var(--soft)}

/* home */
.intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:calc(var(--u)*4);align-items:start;padding-block:calc(var(--u)*5)}
.intro h1{font-size:clamp(3.4rem,8vw,5.6rem);line-height:.78;margin:0 0 16px;text-shadow:5px 5px 0 var(--gold)}
.intro .lead{font-size:1.2rem;max-width:44ch;margin:0 0 20px}
.pills{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 4px;padding:0;list-style:none}
.pills li{font-family:var(--label);font-size:.7rem;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:8px 10px}
.pills li b{color:var(--gold);font-weight:700}
.progress{display:flex;gap:3px;margin-top:16px;max-width:420px}
.progress i{flex:1;height:12px;background:var(--line)}
.progress i.on{background:var(--blue)}
.intro .note{margin-top:16px}
.scores{display:grid;gap:6px}
.score{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;background:var(--ink);color:#C9CDD2;padding:6px 12px;font-size:.98rem}
.score a{text-decoration-color:var(--char-2)}
.score .w{color:var(--gold)}
.score .s{font-family:var(--display);font-size:1.35rem;line-height:1;text-align:right}
.potamt{font-family:var(--display);font-size:4.4rem;line-height:.8;margin:0 0 12px;text-shadow:4px 4px 0 var(--gold)}
.race{list-style:none;margin:12px 0 0;padding:0}
.race li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-top:2px dotted var(--line)}
.coins{display:inline-flex;gap:4px}
.champ{display:flex;gap:14px;align-items:center}
.champ .sub{color:var(--muted);font-size:.95rem}

/* the rafters, and the rink with the ice resurfacer */
.rafters{background:radial-gradient(circle,#3B3F4A 1.5px,transparent 2px) 0 0/10px 10px,radial-gradient(circle,#2A2D35 1.5px,transparent 2px) 5px 5px/10px 10px,#1A1C22;color:var(--paper)}
.rafters .sec-head{padding-top:calc(var(--u)*3);margin:0}
.rafters .sec-head a{color:var(--paper);text-decoration-color:var(--gold)}
.rafters .sec-head a:hover{color:var(--ink)}
.banners{display:flex;gap:22px;list-style:none;margin:0;padding:12px 4px 26px;align-items:flex-start;overflow-x:auto}
.banner{flex:none;width:132px;position:relative;padding-top:34px}
.banner::before{content:"";position:absolute;top:0;left:24px;right:24px;height:34px;border-left:4px solid #8D939B;border-right:4px solid #8D939B}
.banner .rod{display:block;height:8px;background:#AEB4BB;margin:0 -8px;box-shadow:0 4px 0 #6E747C}
.cloth{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;min-height:224px;padding:12px 10px 40px;background:var(--gold);color:var(--black);
clip-path:polygon(0 0,100% 0,100% 100%,84% 100%,84% calc(100% - 8px),68% calc(100% - 8px),68% calc(100% - 16px),56% calc(100% - 16px),56% calc(100% - 24px),44% calc(100% - 24px),44% calc(100% - 16px),32% calc(100% - 16px),32% calc(100% - 8px),16% calc(100% - 8px),16% 100%,0 100%);
box-shadow:inset 0 0 0 4px var(--black),inset 0 0 0 8px var(--gold-lt)}
.cloth .what{font-family:var(--label);font-size:.62rem;text-transform:uppercase;line-height:1.25;padding-top:4px}
.cloth .team{font-family:var(--display);font-size:1.45rem;line-height:.9;overflow-wrap:anywhere}
.cloth .year{margin-top:auto;font-family:var(--display);font-size:3.4rem;line-height:.8}
.banner.cream{width:108px;padding-top:22px}
.banner.cream::before{height:22px;left:18px;right:18px}
.banner.cream .cloth{background:var(--paper);min-height:180px;box-shadow:inset 0 0 0 4px var(--black),inset 0 0 0 8px #D9E6F2}
.banner.cream .year{font-size:2.6rem}
.banner.cream .team{font-size:1.2rem}
.banner.pending .cloth{background:repeating-linear-gradient(90deg,#2A2D35 0 8px,#24272E 8px 16px);color:#A9AFB7;box-shadow:inset 0 0 0 4px #4A4F59}
.banner a{display:block;text-decoration:none;color:inherit}
.banner a:hover{background:none}
.banner a:hover .team{text-decoration:underline}
.small{padding-top:0}
.small .banner{width:104px;padding-top:0}
.small .banner::before{display:none}
.small .cloth{min-height:170px}
.small .cloth .year{font-size:2.6rem}
.small .cloth .team{font-size:1.2rem}
.small .banner.cream{width:92px}
.small .banner.cream .cloth{min-height:150px}
.small .banner.cream .year{font-size:2.1rem}
.rink{height:84px;position:relative;overflow:hidden;border-top:8px solid #6E747C;box-shadow:inset 0 4px 0 var(--paper),inset 0 8px 0 var(--gold);
background:linear-gradient(var(--red),var(--red)) 50% 0/8px 100% no-repeat,linear-gradient(var(--blue),var(--blue)) 30% 0/6px 100% no-repeat,linear-gradient(var(--blue),var(--blue)) 70% 0/6px 100% no-repeat,#E4EEF5}
.zam{position:absolute;bottom:4px;left:24px;width:112px;height:56px;background:url("/assets/sprites/resurfacer.svg?v=b48ef26e5e") 0 0/224px 56px no-repeat}
.zam::before{content:"";position:absolute;right:calc(100% - 8px);bottom:0;width:100vw;height:60px;background:rgba(252,252,252,.55)}
@media (prefers-reduced-motion:no-preference){
.zam{left:0;animation:drive 24s steps(240) infinite,bob .5s steps(2) infinite}
@keyframes drive{from{transform:translateX(-120px)}to{transform:translateX(100vw)}}
@keyframes bob{to{background-position:-224px 0}}
}
@media (prefers-reduced-motion:reduce){.zam::before{display:none}}

/* level select */
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*3)}
.level{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;align-items:start;background:var(--black);color:var(--paper);padding:16px;text-decoration:none;box-shadow:inset 0 0 0 4px var(--char-2);min-height:44px}
.band.dark a.level:hover,.level:hover{background:var(--black);color:var(--paper);box-shadow:inset 0 0 0 4px var(--gold)}
.level .ico{grid-row:span 3}
.level b{font-family:var(--display);font-weight:400;font-size:1.9rem;line-height:.8;color:var(--gold)}
.level span{font-size:.95rem;color:#C9CDD2}
.level em{font-style:normal;font-family:var(--label);font-size:.66rem;text-transform:uppercase;color:var(--led);grid-column:2}

/* playoff bracket */
.bracket{display:grid;grid-template-columns:repeat(var(--rounds,3),minmax(190px,1fr));gap:24px;align-items:center;min-width:620px}
.bracket.r1{--rounds:1;min-width:0}.bracket.r2{--rounds:2;min-width:420px}.bracket.r4{--rounds:4;min-width:820px}
.round{display:grid;gap:18px;align-content:center}
.round h3{margin:0;font-family:var(--label);font-size:.68rem;text-transform:uppercase;color:var(--muted);font-weight:400}
.match{background:var(--paper);box-shadow:0 -3px 0 var(--ink),0 3px 0 var(--ink),-3px 0 0 var(--ink),3px 0 0 var(--ink);margin:3px}
.match div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 10px;font-size:.95rem}
.match div+div{border-top:2px dotted var(--line)}
.match .w{font-weight:600}
.match .w .s{color:var(--blue)}
.match .seed{font-family:var(--label);font-size:.62rem;color:var(--muted);min-width:14px}
.match .s{font-family:var(--display);font-size:1.3rem;line-height:1}
.match.final{box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink),0 0 0 8px var(--gold)}

/* open-and-close lists: weeks, trades, drafts */
.acc details{background:var(--paper);margin:0 0 8px;box-shadow:0 0 0 2px var(--line)}
.acc details[open]{box-shadow:0 0 0 3px var(--ink)}
.acc summary{cursor:pointer;list-style:none;padding:10px 14px 10px 34px;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;min-height:44px;align-items:center}
.acc summary::-webkit-details-marker{display:none}
.acc summary::before{content:"";position:absolute;left:14px;top:50%;margin-top:-5px;border:5px solid transparent;border-left:7px solid var(--ink)}
.acc details[open]>summary::before{border:5px solid transparent;border-top:7px solid var(--ink);margin-top:-3px;left:12px}
.acc summary:hover{background:var(--ice-2)}
.acc summary .k{font-family:var(--label);font-size:.75rem;text-transform:uppercase}
.acc summary .d{color:var(--muted);font-size:.95rem}
.acc .inner{padding:4px 14px 14px}
.win .acc details{box-shadow:0 0 0 2px var(--line)}
.tree,.tree ul{list-style:none;margin:6px 0 4px;padding-left:18px;border-left:3px solid var(--line)}
.tree{padding-left:12px}
.tree li{margin:5px 0}
.tree .out{color:var(--muted)}
.inner h3{font-family:var(--text);font-size:1.05rem;font-weight:600;margin:14px 0 4px}
.inner h3:first-child{margin-top:4px}
.retro{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 20px;margin:0 0 12px}
.retro dt{font-family:var(--label);font-size:.66rem;text-transform:uppercase;color:var(--muted);padding-top:4px}
.retro dd{margin:0}

/* franchises */
.fhero{background:var(--black);color:var(--paper);border-bottom:8px solid var(--fc,var(--gold));box-shadow:0 4px 0 var(--fc2,var(--black))}
.fhero .in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 28px;align-items:center;padding-block:28px}
.fhero h1{font-family:var(--display);font-weight:400;font-size:clamp(3rem,7vw,4.6rem);line-height:.8;margin:0;color:var(--paper);text-shadow:4px 4px 0 var(--char-2)}
.fhero .sub{margin:10px 0 0;color:var(--soft)}
.fhero .logo-img{width:108px;height:108px;object-fit:contain;background:var(--char)}
.stats{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.stats li{background:var(--char);padding:10px 12px;min-width:96px;box-shadow:inset 0 0 0 2px var(--char-2)}
.stats .k{font-family:var(--label);font-size:.62rem;text-transform:uppercase;color:var(--soft)}
.stats .v{font-family:var(--display);font-size:2rem;line-height:.85;color:var(--gold)}
.jerseys{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;list-style:none;margin:0;padding:0}
.jerseys a{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--paper);color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 2px var(--line);font-size:.98rem;min-height:44px}
.band.dark .jerseys a:hover,.jerseys a:hover{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 3px var(--gold)}
.jerseys a[aria-current]{box-shadow:inset 0 0 0 3px var(--gold);background:#FFF4D6}
.tlist{list-style:none;margin:0;padding:0;display:grid}
.tlist li{padding:10px 0;border-bottom:2px dotted var(--line)}
.tlist li:first-child{padding-top:0}
.tlist li:last-child{border-bottom:0;padding-bottom:0}
.t-top{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;margin-bottom:6px}
.tlist dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;margin:0;font-size:.95rem}
.tlist dt{font-family:var(--label);font-size:.62rem;text-transform:uppercase;color:var(--muted);padding-top:4px}
.tlist dd{margin:0}

/* the Constitution: pixel headings, Pixelify Sans text with roomy spacing */
.con{background:var(--paper)}
.con-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:calc(var(--u)*6);align-items:start;padding-block:calc(var(--u)*2) calc(var(--u)*6)}
.toc{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;padding:16px;background:var(--ice);box-shadow:inset 0 0 0 3px var(--line)}
.toc h2{font-family:var(--label);font-size:.68rem;text-transform:uppercase;margin:0 0 10px;color:var(--muted);font-weight:400}
.toc ol,.toc-mobile ol{list-style:none;margin:0;padding:0;font-size:.92rem;line-height:1.35}
.toc a,.toc-mobile a{display:block;padding:6px 6px 6px 18px;text-decoration:none;position:relative;color:var(--ink)}
.toc a:hover{background:var(--ice-2)}
.toc a.on{background:var(--ink);color:var(--paper)}
.toc a.on::before{content:"";position:absolute;left:5px;top:50%;margin-top:-4px;border:4px solid transparent;border-left:6px solid var(--gold)}
.toc .no,.toc-mobile .no{font-family:var(--label);font-size:.62rem;display:block;color:var(--muted)}
.toc a.on .no{color:var(--gold)}
.toc-mobile{display:none}
.meta{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.meta li{font-family:var(--label);font-size:.66rem;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 8px}
.doc{font-size:1.0625rem;line-height:1.7;max-width:70ch;color:var(--ink)}
.doc h2{margin:56px 0 18px;padding-top:12px;border-top:4px solid var(--ink);display:grid;gap:6px;scroll-margin-top:16px;font-weight:400}
.doc h2:first-child{margin-top:8px}
.doc h2 .art-no{font-family:var(--label);font-size:.72rem;text-transform:uppercase;color:var(--gold-dk);font-weight:700;letter-spacing:.04em}
.doc h2 .art-title{font-family:var(--display);font-size:2.4rem;line-height:.85;color:var(--ink)}
.doc h3{font-size:1.15rem;font-weight:600;margin:28px 0 8px}
.doc p{margin:0 0 14px}
.doc .sec-no{display:inline-block;font-family:var(--display);font-weight:400;font-size:1.2rem;line-height:1;background:var(--ink);color:var(--gold);padding:3px 6px 2px;margin-right:6px;vertical-align:1px}
.doc ul{padding-left:1.2em;margin:0 0 14px}
.doc li{margin:0 0 6px}
.doc blockquote{margin:16px 0;padding:12px 16px;background:var(--ice);box-shadow:inset 4px 0 0 var(--gold)}
.doc .scroll{margin:8px 0 20px}
.doc td{white-space:normal}
.doc code{font-size:.92em}
.qr{background:var(--ice);margin:4px 4px 28px;box-shadow:0 -4px 0 var(--ink),0 4px 0 var(--ink),-4px 0 0 var(--ink),4px 0 0 var(--ink)}
.qr ul{list-style:none;padding:14px 16px;margin:0;display:grid;gap:8px}
.qr li{margin:0;padding-bottom:8px;border-bottom:2px dotted var(--line)}
.qr li:last-child{border:0;padding:0}
.changelog{margin:0 0 28px}
.top-btn{position:sticky;bottom:16px;float:right;margin-top:-60px}

/* footer */
.site-foot{background:var(--black);color:var(--soft);border-top:8px solid var(--gold);font-size:.95rem}
.site-foot .cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:28px 12px}
.site-foot h2{font-family:var(--label);font-size:.7rem;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-weight:700}
.site-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.site-foot a{color:var(--paper);text-decoration:none;display:inline-block;padding:6px 0}
.site-foot a:hover{color:var(--ink)}
.site-foot .fine{border-top:2px dotted var(--char-2);padding-block:12px 24px;margin:0;font-size:.88rem}
.missing{padding-block:calc(var(--u)*8)}
.missing h1{margin-bottom:24px}

@media (max-width:880px){
.g-2-1,.g-1-1,.intro{grid-template-columns:minmax(0,1fr)}
.levels{grid-template-columns:repeat(2,minmax(0,1fr))}
.con-layout{grid-template-columns:minmax(0,1fr);gap:0}
.toc{display:none}
.toc-mobile{display:block;background:var(--ice);box-shadow:inset 0 0 0 3px var(--line);margin-bottom:16px}
.toc-mobile summary{padding:12px 16px;font-family:var(--label);font-size:.75rem;text-transform:uppercase;cursor:pointer;min-height:44px}
.toc-mobile ol{padding:0 16px 12px}
.toc-mobile a{padding:8px 0}
.site-foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
.in{padding-inline:16px}
.status{margin-left:0;width:100%}
.menu a{padding:0 10px 0 20px;font-size:.72rem}
.levels{grid-template-columns:minmax(0,1fr)}
.fhero .in{grid-template-columns:auto minmax(0,1fr)}
.fhero .stats{grid-column:1/-1}
.pager{margin-left:0}
.sec-head h2{font-size:2rem}
.doc h2 .art-title{font-size:2rem}
.potamt{font-size:3.6rem}
.win .body{padding:12px}
td,th{padding-right:8px}
th.num,td.num{padding-left:8px}
}

.con-layout:has(#quick-reference:target) .toc a[href="#quick-reference"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#annual-financial-allocation:target) .toc a[href="#annual-financial-allocation"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-i-league-identity-and-purpose:target) .toc a[href="#article-i-league-identity-and-purpose"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-ii-governance-and-league-authority:target) .toc a[href="#article-ii-governance-and-league-authority"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-iii-franchise-ownership-dues-expenses-and-prizes:target) .toc a[href="#article-iii-franchise-ownership-dues-expenses-and-prizes"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-iv-dynasty-pot:target) .toc a[href="#article-iv-dynasty-pot"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-v-league-format-schedule-and-calendar:target) .toc a[href="#article-v-league-format-schedule-and-calendar"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-vi-rosters-and-positions:target) .toc a[href="#article-vi-rosters-and-positions"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-vii-minor-league-eligibility:target) .toc a[href="#article-vii-minor-league-eligibility"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-viii-scoring:target) .toc a[href="#article-viii-scoring"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-ix-lineups-and-goalie-starts:target) .toc a[href="#article-ix-lineups-and-goalie-starts"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-x-waivers-faab-and-acquisitions:target) .toc a[href="#article-x-waivers-faab-and-acquisitions"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xi-trades-and-trade-deadline:target) .toc a[href="#article-xi-trades-and-trade-deadline"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xii-future-draft-picks-and-required-prepayment:target) .toc a[href="#article-xii-future-draft-picks-and-required-prepayment"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xiii-startup-draft-transitional:target) .toc a[href="#article-xiii-startup-draft-transitional"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xiv-annual-draft-and-draft-order:target) .toc a[href="#article-xiv-annual-draft-and-draft-order"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xv-regular-season-standings-and-presidents-trophy:target) .toc a[href="#article-xv-regular-season-standings-and-presidents-trophy"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xvi-playoffs-third-place-and-consolation:target) .toc a[href="#article-xvi-playoffs-third-place-and-consolation"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xvii-competitive-integrity-and-anti-tanking:target) .toc a[href="#article-xvii-competitive-integrity-and-anti-tanking"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xviii-orphan-franchises-and-ownership-changes:target) .toc a[href="#article-xviii-orphan-franchises-and-ownership-changes"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xix-commissioner-authority-conflicts-and-appeals:target) .toc a[href="#article-xix-commissioner-authority-conflicts-and-appeals"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#article-xx-amendments-records-and-dissolution:target) .toc a[href="#article-xx-amendments-records-and-dissolution"]{background:var(--ink);color:var(--paper)}
.con-layout:has(#changelog:target) .toc a[href="#changelog"]{background:var(--ink);color:var(--paper)}
