/* DELETE CITY — V1 stylesheet
   Direction: prototype/delete-city-homepage.html (newsprint, near-black, electric red-orange).
   Single light identity with dark bands, by design. */

@font-face{font-family:"Archivo DC";src:url("fonts/archivo-latin-standard-normal.woff2") format("woff2-variations"),url("fonts/archivo-latin-standard-normal.woff2") format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}
@font-face{font-family:"Source Serif DC";src:url("fonts/source-serif-4-latin-wght-normal.woff2") format("woff2-variations"),url("fonts/source-serif-4-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}

:root{
  color-scheme:light;
  --paper:#f2efe7; --paper-2:#e9e4d8; --ink:#11110f; --muted:#5f5c55; --line:#c9c4b8;
  --accent:#e8462b;        /* large display type, fills, rules */
  --accent-text:#b8321a;   /* small red text on paper (5.2:1) */
  --accent-btn:#c23a1f;    /* button ground behind white text (5.4:1) */
  --accent-on-dark:#ff5a3c;/* small red text on dark (5.8:1) */
  --dark:#171715; --darker:#0e0e0d; --on-dark:#fffdf7; --on-dark-muted:#c9c4ba;
  --sans:"Archivo DC","Archivo","Arial Narrow",Arial,Helvetica,sans-serif;
  --serif:"Source Serif DC","Source Serif 4",Georgia,"Times New Roman",serif;
  --gutter:clamp(16px,4vw,28px);
  --max:1220px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.5;text-rendering:optimizeLegibility}
img,svg{max-width:100%}
a{color:inherit}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Focus */
:focus-visible{outline:3px solid var(--accent-btn);outline-offset:3px}
.band-dark :focus-visible,.hero :focus-visible,footer :focus-visible{outline-color:var(--accent-on-dark)}
.skip{position:absolute;left:12px;top:-100px;z-index:100;background:var(--ink);color:var(--on-dark);padding:12px 16px;font-weight:800;text-decoration:none}
.skip:focus{top:12px}

/* Masthead */
.mast{border-bottom:1px solid var(--line);background:var(--paper)}
.mast .wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:10px}
.brand{font-family:var(--sans);font-weight:900;font-stretch:80%;letter-spacing:-.01em;font-size:28px;line-height:1;text-decoration:none;display:inline-flex;gap:.22em;align-items:baseline;white-space:nowrap}
.brand s{color:var(--accent);text-decoration:none;position:relative}
.brand s::after{content:"";position:absolute;left:-4%;right:-4%;top:50%;height:.13em;background:currentColor;transform:translateY(-35%)}
.brand-on-dark{color:var(--on-dark)}
/* The global nav (every page): Seasons ▾ · Your club · The verdict · How it works. The current section carries an accent bar. */
.gnav-list{list-style:none;margin:0;padding:0;display:flex;align-items:stretch;gap:0 28px}
.gnav-list>li{position:relative;display:flex}
.gnav-a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:3px 0 0;border-bottom:3px solid transparent;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1.15;text-transform:uppercase;text-decoration:none;color:var(--ink);cursor:pointer}
.gnav-a:hover{border-bottom-color:var(--ink)}
.gnav-a[aria-current]{border-bottom-color:var(--accent)}
.gnav-a[aria-current]:hover{border-bottom-color:var(--ink)}
.nav-short{display:none}

/* Type */
.kicker,.eyebrow,.label{font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.kicker{color:var(--accent-on-dark)}
.eyebrow{color:var(--accent-text);margin:0 0 18px}
.band-dark .eyebrow{color:var(--accent-on-dark)}
.label{color:var(--muted);font-size:11px}
.band-dark .label,.hero .label{color:var(--on-dark-muted)}
.display,h1{font-family:var(--sans);font-weight:900;font-stretch:72%;text-transform:uppercase;letter-spacing:-.015em;line-height:.86;text-wrap:balance}
h1{font-size:clamp(56px,11.5vw,150px);margin:18px 0 30px;max-width:14ch}
h2{font-family:var(--sans);font-weight:900;font-stretch:75%;text-transform:uppercase;font-size:clamp(40px,6.4vw,84px);line-height:.9;letter-spacing:-.01em;margin:0 0 28px;max-width:16ch;text-wrap:balance}
h3{font-family:var(--sans);font-weight:900;font-stretch:78%;text-transform:uppercase;line-height:.95;letter-spacing:-.005em;text-wrap:balance}
.lede{font-family:var(--serif);font-size:clamp(19px,2.2vw,24px);line-height:1.5;max-width:40em}
.lede-narrow{max-width:34em}
.serif{font-family:var(--serif)}
.num{font-variant-numeric:tabular-nums}
strong,b{font-weight:800}
.serif strong,.lede strong{font-weight:700}

/* Sections */
.section{padding-block:clamp(56px,9vw,96px);border-bottom:1px solid var(--line)}
.band-dark{background:var(--dark);color:var(--on-dark);border-bottom:0}
.band-accent{background:var(--accent);color:var(--ink);border-bottom:0}
.band-accent .eyebrow{color:var(--ink)}
.band-paper2{background:var(--paper-2)}

/* Buttons & links */
.button{display:inline-flex;align-items:center;gap:.5em;min-height:48px;padding:14px 20px;background:var(--accent-btn);color:#fff;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border:0}
.button:hover{background:var(--ink)}
.hero .button:hover{background:var(--on-dark);color:var(--ink)}
.go{display:inline-block;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);text-decoration:none;padding-block:12px}
.go:hover{text-decoration:underline;text-underline-offset:4px}
.band-dark .go{color:var(--accent-on-dark)}
.textlink{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.textlink:hover{text-decoration-thickness:3px}

/* Hero */
.hero{background:var(--darker);color:var(--on-dark);position:relative}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 82% 20%,#3b3a36 0,#1d1c1a 42%,var(--darker) 75%);pointer-events:none}
.hero .wrap{position:relative;padding-block:clamp(64px,12vw,120px) clamp(48px,8vw,80px)}
.hero-copy{font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);line-height:1.45;max-width:36em;color:#e3dfd5}
.hero-copy strong{color:var(--on-dark)}
.hero-meta{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:36px;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--on-dark-muted)}
.hero-season h1{max-width:13ch}
.tott{font-family:var(--serif);font-size:clamp(22px,3vw,30px);margin:22px 0 0}
.tott strong{font-family:var(--sans);font-stretch:75%;font-weight:900;font-size:1.5em;color:var(--accent)}

/* Mini podium in hero */
.podium{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:4px solid var(--on-dark);max-width:760px}
.podium li{padding:16px 16px 0 0}
.podium li+li{border-left:1px solid #3a3935;padding-left:16px}
.podium .pos{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--on-dark-muted)}
.podium .pclub{display:block;font-weight:900;font-stretch:80%;font-size:clamp(17px,2.4vw,24px);text-transform:uppercase;line-height:1.05;margin:6px 0;overflow-wrap:anywhere}
.podium .pts{font-weight:900;font-stretch:72%;font-size:clamp(40px,7vw,72px);line-height:1;color:var(--on-dark)}
.podium li:first-child .pts{color:var(--accent)}
.podium .pts small{font-size:.3em;font-stretch:100%;letter-spacing:.08em;margin-left:.2em;color:var(--on-dark-muted)}

/* Why now */
.why{background:var(--paper-2);border-bottom:1px solid var(--line)}
.why .wrap{padding-block:26px;display:grid;grid-template-columns:auto 1fr;gap:12px 28px;align-items:start}
.why p{font-family:var(--serif);font-size:17px;line-height:1.55;margin:0;max-width:62em}
.why small{display:block;font-family:var(--sans);font-size:13px;color:var(--muted);margin-top:8px}
@media(max-width:720px){.why .wrap{grid-template-columns:1fr}}

/* Rules grid */
.rules{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);margin:48px 0 0;border:1px solid var(--line)}
.rules li{background:var(--paper);padding:26px;min-height:160px}
.rules .n{font-size:12px;font-weight:900;color:var(--accent-text);font-variant-numeric:tabular-nums}
.rules strong{display:block;font-size:22px;font-stretch:85%;text-transform:uppercase;margin:22px 0 8px;line-height:1.05}
.rules p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:900px){.rules{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rules{grid-template-columns:1fr}.rules li{min-height:0}}
.rules-inline{margin-top:36px}
/* How it works: the rules block's closing text and "How this was made" (Session D) */
.rules{scroll-margin-top:24px}
.method-sub,h2.method-sub{font-size:15px;font-weight:900;font-stretch:100%;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;max-width:none;margin:32px 0 10px}
.prose .method-sub{font-family:var(--sans)}
.didnt{margin:0;padding-left:1.2em}
.didnt li{margin:4px 0}
.made{max-width:40em;margin-bottom:8px}
.addr{font-weight:700;white-space:nowrap}

/* Big stat */
.stat{text-align:center}
.stat .wrap{padding-block:clamp(64px,10vw,96px)}
.stat .big{font-weight:900;font-stretch:65%;font-size:clamp(120px,24vw,260px);line-height:.8;letter-spacing:-.02em;color:var(--accent);font-variant-numeric:tabular-nums}
.stat p{font-family:var(--serif);font-size:clamp(19px,2.4vw,24px);max-width:30em;margin:26px auto 0}
.stat p + p{margin-top:10px;color:var(--on-dark-muted);font-size:clamp(17px,2vw,20px)}

/* Feature (home 2017/18) */
.feature-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,64px);align-items:center}
@media(max-width:860px){.feature-grid{grid-template-columns:1fr}}
.versus{display:grid;grid-template-columns:1fr 1fr;border-top:4px solid var(--ink);margin:32px 0 18px}
.versus>div{padding:18px 0}
.versus>div+div{border-left:1px solid var(--line);padding-left:22px}
.versus .vclub{font-size:clamp(20px,2.4vw,26px);font-weight:900;font-stretch:80%;text-transform:uppercase;margin:8px 0 4px;line-height:1.05}
.versus .pts{font-family:var(--serif);font-size:20px}
.versus del{text-decoration-color:var(--accent);text-decoration-thickness:3px}

/* Struck table graphic (home) */
.struck{background:var(--dark);color:var(--on-dark);padding:clamp(20px,4vw,36px);margin:0}
.struck ol{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}
.struck li{display:grid;grid-template-columns:2.2em 1fr auto auto;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid #34332f;font-weight:800;font-stretch:85%;text-transform:uppercase;font-size:clamp(16px,2vw,21px)}
.struck li .p{color:var(--on-dark-muted);font-weight:700}
.struck li .was{color:var(--on-dark-muted);font-weight:600;font-size:.8em}
.struck li.deleted{color:#8c877d}
.struck li.deleted .t{text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:4px}
.struck li.top{color:var(--accent)}
.struck figcaption{font-family:var(--serif);font-size:15px;color:var(--on-dark-muted);margin-top:16px}

/* Discovery list (home teasers) */
.hooks{list-style:none;margin:0;padding:0;border-top:4px solid var(--ink)}
.hooks li{border-bottom:1px solid var(--line)}
.hooks a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;text-decoration:none}
.hooks .h{font-weight:900;font-stretch:78%;text-transform:uppercase;font-size:clamp(22px,3.2vw,36px);line-height:1}
.hooks .arrow{font-weight:900;color:var(--accent-text);font-size:24px}
.hooks a:hover .h{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-color:var(--accent)}

/* Seasons */
.season-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.season-grid>li{background:var(--paper);display:flex}
.season{padding:28px;min-height:210px;display:flex;flex-direction:column;gap:14px;width:100%;text-decoration:none}
.season .year{font-size:clamp(32px,4vw,40px);font-weight:900;font-stretch:75%;line-height:1;font-variant-numeric:tabular-nums}
.season .blurb{font-family:var(--serif);font-size:19px;line-height:1.35;margin:0;flex:1}
.season .status{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
a.season .status{color:var(--accent-text)}
a.season{background:var(--ink);color:var(--on-dark)}
a.season .status{color:var(--accent-on-dark)}
a.season:hover .blurb{text-decoration:underline;text-underline-offset:4px}
.season-grid>li.soon{background:var(--paper)}
.season-grid>li.soon .year{color:#77736b}
@media(max-width:860px){.season-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.season-grid{grid-template-columns:1fr}.season{min-height:0}}

/* Timeline */
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.timeline li{padding:22px 22px 26px 0;border-right:1px solid var(--line)}
.timeline li+li{padding-left:22px}
.timeline li:last-child{border-right:0}
.timeline b{font-size:28px;font-stretch:80%;display:block;font-variant-numeric:tabular-nums}
.timeline p{font-family:var(--serif);line-height:1.5;color:var(--muted);margin:8px 0 0}
@media(max-width:520px){.timeline li{border-right:0;border-bottom:1px solid var(--line);padding-left:0!important}.timeline li:last-child{border-bottom:0}}

/* Club picker (home) */
.clubs-list{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.clubs-list a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:2px solid var(--ink);font-weight:800;font-size:15px;text-decoration:none;background:transparent}
.clubs-list a:hover{background:var(--ink);color:var(--on-dark)}
.band-accent :focus-visible{outline-color:var(--ink)}

/* Sliding doors */
.doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.doors-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:860px){.doors,.doors-2{grid-template-columns:1fr}}
.door{border-top:5px solid var(--ink);padding-top:20px}
.door h3{font-size:clamp(28px,3.4vw,40px);margin:0 0 14px}
.door p{font-family:var(--serif);font-size:18px;line-height:1.5}
.band-dark .door{border-top-color:var(--on-dark)}
.layer{display:grid;grid-template-columns:8.5em 1fr;gap:4px 16px;padding:14px 0;border-top:1px solid var(--line);margin:0}
.band-dark .layer{border-top-color:#3a3935}
.layer dt{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-top:5px}
.layer dd{margin:0;font-family:var(--serif);font-size:18px;line-height:1.5}
.layer ul{margin:0;padding-left:1.1em}
.layer li{margin-bottom:.35em}
.tag-fact{color:var(--on-dark-muted)}
.tag-calc{color:var(--accent-on-dark)}
.tag-q{color:#f3d9a4}
.door .unknown{font-family:var(--sans);font-weight:900;font-stretch:80%;text-transform:uppercase;font-size:18px;margin-top:10px}
@media(max-width:520px){.layer{grid-template-columns:1fr}}

/* Season page: explainer */
.explain-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
@media(max-width:860px){.explain-grid{grid-template-columns:1fr}}
.pull{font-family:var(--sans);font-weight:900;font-stretch:78%;text-transform:uppercase;font-size:clamp(24px,3vw,34px);line-height:1;border-left:6px solid var(--accent);padding-left:18px;margin:24px 0 0}

/* Points chart */
.chart{margin:0}
.chart ol{list-style:none;margin:0;padding:0}
.chart li{display:grid;grid-template-columns:minmax(7.5em,11em) minmax(0,1fr) 5.6em;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.chart .who{font-weight:800;font-stretch:85%;text-transform:uppercase;font-size:15px;line-height:1.1}
.chart .track{position:relative;height:26px;background:transparent}
.chart .was,.chart .now{position:absolute;left:0;top:0;height:100%}
.chart .was{border:2px dashed #8f8a80;background:transparent}
.chart .now{background:var(--ink)}
.chart li.lead .now{background:var(--accent)}
.chart li.gone .was{border:2px solid var(--accent);background:repeating-linear-gradient(-45deg,transparent 0 6px,rgba(232,70,43,.25) 6px 9px)}
.chart li.gone .who{text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.chart .val{font-variant-numeric:tabular-nums;font-weight:800;text-align:right;font-size:15px;white-space:nowrap}
.chart .val .from{color:var(--muted);font-weight:600}
.chart figcaption{font-family:var(--serif);font-size:15px;color:var(--muted);margin-top:14px;line-height:1.5}
.key{display:inline-flex;align-items:center;gap:6px;margin-right:14px;white-space:nowrap;font-family:var(--sans);font-size:13px}
.key i{display:inline-block;width:22px;height:12px}
.key .k-now{background:var(--ink)}.key .k-was{border:2px dashed #8f8a80}.key .k-gone{border:2px solid var(--accent)}
@media(max-width:520px){.chart li{grid-template-columns:1fr 5.4em;grid-template-areas:"who val" "track track";gap:6px 10px}.chart .who{grid-area:who}.chart .val{grid-area:val}.chart .track{grid-area:track;height:18px}}

/* Share control — one compact, always-visible control on every "sizzle" object */
.share-wrap{position:relative;display:inline-flex;vertical-align:middle}
.share{display:inline-flex;align-items:center;gap:7px;min-height:44px;min-width:44px;padding:8px 12px;border:2px solid currentColor;background:transparent;color:inherit;font-family:var(--sans);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1}
.share:hover{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.hero .share:hover,.band-dark .share:hover,.wasnow .now .share:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.share svg{width:15px;height:15px;flex:none}
.share-menu{position:absolute;z-index:30;top:100%;left:0;margin-top:6px;background:var(--paper);color:var(--ink);border:2px solid var(--ink);min-width:230px;box-shadow:6px 6px 0 var(--ink);padding:6px;text-transform:none;letter-spacing:0}
.share-menu ul{list-style:none;margin:0;padding:0}
.share-menu a,.share-menu button{display:flex;width:100%;align-items:center;min-height:44px;padding:8px 12px;font-family:var(--sans);font-size:15px;font-weight:700;background:none;border:0;color:inherit;text-decoration:none;cursor:pointer;text-align:left}
.share-menu a:hover,.share-menu button:hover{background:var(--paper-2)}
.share-menu .copy-field{width:100%;font:inherit;font-size:13px;padding:8px;border:1px solid var(--line);margin-top:4px}
.table-actions{margin-top:18px}

/* Headlines (front page of a season) */
.kicker-h{font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-text);margin:0 0 22px;max-width:none;line-height:1.3;font-stretch:100%}
.headlines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
@media(max-width:860px){.headlines{grid-template-columns:1fr}}
.hl{border-top:4px solid var(--ink);padding:18px 0 28px;display:grid;grid-template-columns:minmax(0,1fr) fit-content(38%);grid-template-areas:"main fig" "row row";gap:10px 20px;align-content:start}
.hl-main{grid-area:main}
.hl .topic{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin:0 0 8px}
.hl h3{font-size:clamp(26px,2.9vw,38px);line-height:.92;margin:0 0 10px}
.hl h3 a{text-decoration:none}
.hl h3 a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.hl .dek{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--muted);margin:0;max-width:34em}
.hl .fig{grid-area:fig;font-weight:900;font-stretch:65%;font-size:clamp(48px,6vw,72px);line-height:.85;color:var(--accent);margin:0;text-align:right;font-variant-numeric:tabular-nums}
.hl .fig small{display:block;font-size:11px;font-stretch:100%;letter-spacing:.12em;line-height:1.3;text-transform:uppercase;color:var(--muted);margin-top:6px;max-width:16em;margin-left:auto;overflow-wrap:break-word}
.hl-row{grid-area:row;display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.hl:target{background:#fbe3dc}

/* Story */
.story-intro{padding-block:clamp(56px,8vw,88px) 8px}
.dateline{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:-8px 0 22px}
.chapter{padding-block:clamp(40px,6vw,72px);border-bottom:1px solid var(--line)}
.ch-h{font-size:clamp(34px,5vw,64px);line-height:.9;margin:0 0 28px;max-width:18ch}
.ch-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);gap:clamp(28px,5vw,64px);align-items:start}
@media(max-width:900px){.ch-grid{grid-template-columns:1fr}}
.prose .lede-p{font-size:1.14em;line-height:1.5}

.side{border-top:4px solid var(--ink);padding-top:14px;display:grid;gap:26px}
.side-h{margin:0}
.wasnow{display:grid;grid-template-columns:1fr 1fr;margin:0 0 36px}
.wasnow>div{padding:22px 26px 24px}
.wasnow .was{background:var(--paper-2)}
.wasnow .now{background:var(--dark);color:var(--on-dark)}
.wasnow .now .label{color:var(--accent-on-dark)}
.wasnow .big{font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:clamp(30px,4.4vw,54px);line-height:.9;margin:8px 0 6px}
.wasnow .was .big{color:#57544d}
.wasnow .sm{font-family:var(--serif);font-size:16px;margin:0 0 14px}
.wasnow .now .sm{color:var(--on-dark-muted)}
.wasnow:target .now{outline:4px solid var(--accent);outline-offset:-4px}
@media(max-width:620px){.wasnow{grid-template-columns:1fr}}
.bite{margin:30px 0;border-left:6px solid var(--accent);padding:2px 0 2px 20px}
.bite p{font-family:var(--sans);font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(26px,3.2vw,40px);line-height:.95;margin:0 0 14px;max-width:20ch;text-wrap:balance}
.bite figcaption{margin:0}
.bite:target{background:#fbe3dc}
.statc{display:grid;gap:4px}
.statc .n{font-weight:900;font-stretch:65%;font-size:clamp(72px,9vw,112px);line-height:.8;color:var(--accent);margin:0;font-variant-numeric:tabular-nums}
.statc .l{font-family:var(--serif);font-size:17px;line-height:1.4;margin:6px 0 10px;max-width:22em}
.statc:target{background:#fbe3dc}
.band-dark .statc .l{color:var(--on-dark-muted)}
.statrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:28px}
@media(max-width:620px){.statrow{grid-template-columns:1fr}}
details.more-dark{border-color:#3a3935}
details.more-dark[open]>summary{border-bottom-color:#3a3935}
.dl-list{margin:0;padding-left:1.1em;font-family:var(--serif)}
.side .chart li{grid-template-columns:5.5em minmax(0,1fr) 4.6em}
@media(max-width:520px){.side .chart li{grid-template-columns:1fr 5em}}
.side .facts{border-top:2px solid var(--ink)}

/* Tables */
.table-wrap{position:relative;overflow-x:auto;border-top:4px solid var(--ink);-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible{outline-offset:2px}
table.league{border-collapse:collapse;width:100%;min-width:720px;font-variant-numeric:tabular-nums;font-size:15px}
.league caption{max-width:calc(100vw - 2 * var(--gutter));text-align:left;font-family:var(--serif);font-size:15px;color:var(--muted);caption-side:bottom;padding:14px 0 0;line-height:1.5}
.league th,.league td{padding:11px 8px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.league thead th{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);vertical-align:bottom;border-bottom:2px solid var(--ink)}
.league th[scope=row]{text-align:left;font-weight:800;position:sticky;left:0;background:var(--paper);z-index:1;min-width:11em;white-space:normal}
.league thead th.club-h{text-align:left;position:sticky;left:0;background:var(--paper);z-index:2}
.league td.pos{text-align:left;font-weight:800;width:2.5em}
.league td.pts{font-weight:900;font-size:17px}
.league td.mv{text-align:left}
.league .zone-top td,.league .zone-top th{background:#dde8d4}
.league .zone-rel td,.league .zone-rel th{background:#f1e0d8}
.league tr.champ th,.league tr.champ td{background:var(--ink);color:var(--on-dark)}
.league tr.champ td.pts{color:var(--accent)}
.league tr.city th,.league tr.city td{color:var(--muted)}
.league tr.city th span.n{text-decoration:line-through;text-decoration-color:var(--accent);text-decoration-thickness:3px}
.league tr.cut-top td,.league tr.cut-top th{border-bottom:3px solid var(--ink)}
.league tr.cut-rel td,.league tr.cut-rel th{border-bottom:3px solid var(--accent)}
.league .tag{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor;vertical-align:2px}
.league tr.champ .tag{color:var(--accent-on-dark)}
.mv-up{color:#1f6b36;font-weight:800}
.mv-big{color:#fff;background:#1f6b36;padding:2px 6px;font-weight:800}
.mv-zero{color:var(--accent-text);font-weight:800}
.legend{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:13px;color:var(--muted)}
.legend i{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:6px;border:1px solid var(--line)}
.legend .l-top{background:#dde8d4;border:1px solid #6f8a60;border-bottom:3px solid var(--ink)}.legend .l-rel{background:#f1e0d8}.legend .l-champ{background:var(--ink)}
.legend a.legend-why{font-weight:800;white-space:nowrap;margin-left:4px;text-underline-offset:3px}

/* Details / disclosure */
details.more{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:28px}
details.more>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 0;font-weight:900;font-stretch:85%;text-transform:uppercase;font-size:clamp(18px,2.2vw,22px)}
details.more>summary::-webkit-details-marker{display:none}
details>summary .plus{flex:none;width:28px;height:28px;position:relative}
details>summary .plus::before,details>summary .plus::after{content:"";position:absolute;left:4px;right:4px;top:13px;height:3px;background:currentColor}
details>summary .plus::after{transform:rotate(90deg)}
details[open]>summary .plus::after{transform:none}
details.more[open]>summary{border-bottom:1px solid var(--line)}
details.more .content{padding:20px 0 28px}

/* Club cards */
.club-grid{list-style:none;margin:0;padding:0;border-top:4px solid var(--ink)}
.cc{border-bottom:1px solid var(--line)}
.cc>summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2.4em minmax(0,1fr) auto 28px;gap:14px;align-items:center;padding:16px 0;min-height:64px}
.cc>summary::-webkit-details-marker{display:none}
.cc .cpos{font-weight:900;font-stretch:75%;font-size:28px;font-variant-numeric:tabular-nums;line-height:1}
.cc .cname{display:block;font-weight:900;font-stretch:80%;text-transform:uppercase;font-size:clamp(18px,2.2vw,22px);line-height:1.05}
.cc .chead{display:block;font-family:var(--serif);font-size:16px;color:var(--muted);margin-top:4px;line-height:1.35}
.cc .cpts{font-variant-numeric:tabular-nums;font-weight:800;text-align:right;white-space:nowrap;font-size:15px}
.cc .cpts .from{color:var(--muted);font-weight:600}
.cc .cbody{padding:4px 0 28px calc(2.4em + 14px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 40px}
.cc .cbody p{font-family:var(--serif);font-size:18px;line-height:1.55;max-width:36em}
.cc .cbody p.label{font-family:var(--sans);font-size:11px;line-height:1.5;margin:0 0 8px}
.cc[open]>summary .cname{color:var(--accent-text)}
.cc:target>summary{background:#fbe3dc}
.facts{margin:0;display:grid;grid-template-columns:minmax(min(9em,45%),1fr) minmax(0,auto);column-gap:16px;border-top:2px solid var(--ink)}
.facts dt,.facts dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}
.facts dd{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;max-width:22em;justify-self:end;overflow-wrap:break-word}
.cc .deleted-games{list-style:none;padding:0;margin:0 0 12px}
.cc .deleted-games li{padding:8px 0;border-bottom:1px dashed var(--line);font-size:15px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cc .deleted-games .res{font-weight:800}
.cc .deleted-games .cost{font-weight:800;color:var(--accent-text)}
.cc .deleted-games .cost.zero{color:var(--muted)}
@media(max-width:720px){.cc .cbody{grid-template-columns:1fr;padding-left:0}.cc>summary{grid-template-columns:2em minmax(0,1fr) 24px}.cc .cpts{grid-column:2;text-align:left}.cc>summary .plus{grid-row:1;grid-column:3}}

/* 38 deleted fixtures */
.fixtures{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1px}
.fixtures li{background:var(--dark);outline:1px solid #34332f;padding:12px 14px;font-size:14px;line-height:1.35}
.fixtures .d{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-muted)}
.fixtures .m{display:block;font-weight:800;margin-top:4px;text-decoration:line-through;text-decoration-color:rgba(255,90,60,.8);text-decoration-thickness:2px;color:#d9d5cb}
.fixtures .c{display:block;margin-top:4px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8c877d}
.fixtures li.cost{background:#2a1510}
.fixtures li.cost .c{color:var(--accent-on-dark)}

/* Remember */
.stamps{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line)}
.stamps li{padding:14px 22px 14px 0;margin-right:22px;border-right:1px solid var(--line);font-size:15px}
.stamps li:last-child{border-right:0}
.stamps b{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.prose{font-family:var(--serif);font-size:clamp(18px,2vw,20px);line-height:1.6;max-width:36em}
.prose p{margin:0 0 1.1em}
.prose .turn{font-family:var(--sans);font-weight:900;font-stretch:78%;text-transform:uppercase;font-size:clamp(26px,3.2vw,38px);line-height:1;margin-top:1.2em}
.prose .turn span{color:var(--accent-text)}

/* Sources */
.sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
@media(max-width:860px){.sources{grid-template-columns:1fr}}
.sources h3{font-size:20px;margin:0 0 12px;border-top:4px solid var(--ink);padding-top:12px}
.sources ul{margin:0;padding-left:1.1em;font-family:var(--serif);font-size:16px;line-height:1.55}
.sources li{margin-bottom:.5em}
.sources p{font-family:var(--serif);font-size:16px;line-height:1.55}

/* In-page nav (season) */
.toc{border-bottom:1px solid var(--line);background:var(--paper)}
.toc ul{list-style:none;margin:0;padding:0;display:flex;gap:4px 22px;overflow-x:auto;scrollbar-width:thin}
.toc a{display:inline-block;padding:14px 0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.toc a:hover{text-decoration:underline;text-underline-offset:4px}

/* Footer */
footer{background:var(--darker);color:#b3aea4;padding-block:56px}
footer .brand{color:var(--on-dark);margin-bottom:22px}
footer p{font-size:14px;line-height:1.65;max-width:52em}
footer a{color:var(--on-dark)}
footer .cols{display:flex;flex-wrap:wrap;gap:12px 28px;margin:18px 0}
footer .cols a{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding-block:8px}
footer p.stance{color:var(--on-dark);margin-top:-4px;max-width:none}

/* Misc */
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 32px;margin-bottom:28px}
.section-head h2{margin-bottom:0}
.section-head p{font-family:var(--serif);font-size:18px;line-height:1.5;max-width:28em;margin:0;color:var(--muted)}
.fn{font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.55;max-width:48em;margin-top:16px}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.share,.skip,.toc,.gnav{display:none!important}.hero,.band-dark,.discovery-lead{background:#fff!important;color:#000!important}}

/* Utility labels always use the sans, whatever paragraph styles surround them */
.why p.eyebrow,.section-head p.eyebrow,.game p.date,.door p.label,.stat p.big,.door p.status{font-family:var(--sans)}
.versus p{margin:0}
.table-note{font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.5;margin:12px 0 0;max-width:48em}
@media(max-width:520px){.league th[scope=row]{min-width:8.5em}.league th,.league td{padding:10px 6px}}
.league tr.champ .mv-up{color:#8fe0a8}
.section-head p.eyebrow{color:var(--accent-text);font-size:12px;max-width:none;margin:0 0 18px}
.band-dark .section-head p.eyebrow{color:var(--accent-on-dark)}
.nw{white-space:nowrap}

/* ===== Sliding Doors: the money shot ===== */
.button-ghost{background:transparent;border:2px solid var(--on-dark);color:var(--on-dark)}
.button-ghost:hover{background:var(--on-dark);color:var(--ink)}
.page-h{font-size:clamp(48px,8vw,110px);max-width:14ch}
.doors-sec{background:#0b0b0a;color:var(--on-dark);position:relative;padding-block:clamp(72px,11vw,140px) clamp(56px,8vw,96px)}
.doors-sec::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 85% 0%,rgba(232,70,43,.22),transparent 70%),radial-gradient(ellipse 50% 35% at 0% 100%,rgba(232,70,43,.12),transparent 70%);pointer-events:none}
.doors-sec .wrap{position:relative}
.doors-sec .eyebrow{color:var(--accent-on-dark)}
.doors-sec :focus-visible{outline-color:var(--accent-on-dark)}
.doors-sec .share:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.sd-h{font-family:var(--sans);font-weight:900;font-stretch:66%;text-transform:uppercase;font-size:clamp(56px,12vw,170px);line-height:.8;letter-spacing:-.01em;margin:0 0 30px;max-width:none}
.sd-h span{display:block;color:var(--accent)}
.sd-intro{font-family:var(--serif);font-size:clamp(20px,2.4vw,26px);line-height:1.5;max-width:34em;color:#e3dfd5}
.sd-key{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:13px;color:var(--on-dark-muted)}
.sd-key i{display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px}
.k-fact{background:#cfcac0;border-radius:50%}
.k-calc{background:var(--accent)}
.k-q{border:2px solid var(--accent);border-radius:50%}
.fork{padding-block:clamp(56px,8vw,96px) 0;margin-top:clamp(40px,6vw,72px);border-top:1px solid #2a2926}
.door-n{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-on-dark);margin:0 0 12px}
.door-h{font-size:clamp(36px,8vw,118px);overflow-wrap:break-word;hyphens:manual;line-height:.86;margin:0 0 22px;max-width:16ch;color:var(--on-dark)}
.door-deck{font-family:var(--serif);font-size:clamp(19px,2.2vw,23px);line-height:1.5;color:#d9d4ca;max-width:38em;margin:0 0 44px}
.lanes-head{display:grid;grid-template-columns:8.5rem 1fr 1fr;gap:0 36px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}
.lanes-head span:nth-child(2){color:var(--on-dark-muted)}
.lanes-head span:nth-child(3){color:var(--accent-on-dark)}
.beats{list-style:none;margin:0;padding:0}
.beat{display:grid;grid-template-columns:8.5rem 1fr 1fr;gap:0 36px}
.when{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted);margin:4px 0 0;font-variant-numeric:tabular-nums}
.lane{position:relative;padding:0 0 30px 34px}
.lane::before{content:"";position:absolute;left:7px;top:0;bottom:0}
.lane.real::before{border-left:3px solid #56534c}
.lane.alt::before{border-left:3px dashed var(--accent)}
.lane::after{content:"";position:absolute;left:0;top:4px;width:17px;height:17px;box-sizing:border-box}
.lane.real::after{background:#cfcac0;border-radius:50%}
.lane.real.empty::after{display:none}
.lane.alt.calc::after{background:var(--accent)}
.lane.alt.q::after{background:#0b0b0a;border:3px solid var(--accent);border-radius:50%}
.lane p{margin:0}
.lane.real p{font-family:var(--serif);font-size:18px;line-height:1.5;color:#cfcac0}
.lane.alt.calc p{font-family:var(--sans);font-weight:900;font-stretch:82%;text-transform:uppercase;font-size:clamp(19px,2vw,24px);line-height:1.1;color:var(--on-dark)}
.lane.alt.q p{font-family:var(--serif);font-size:clamp(19px,2vw,22px);line-height:1.4;color:var(--on-dark);font-style:italic}
.beat:last-child .lane{padding-bottom:6px}
.lane-tag{display:none}
.twist{font-family:var(--sans);font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(26px,3.4vw,44px);line-height:.98;color:var(--on-dark);border-left:6px solid var(--accent);padding-left:20px;margin:36px 0 0;max-width:24ch;text-wrap:balance}
.fork>.share-wrap{margin-top:30px}
.fork:target{box-shadow:inset 0 4px 0 var(--accent)}
@media(max-width:760px){
 .lanes-head{display:none}
 .beat{grid-template-columns:1fr;border-top:1px solid #2a2926;padding-top:16px;margin-top:4px}
 .when{margin:0 0 12px;color:var(--accent-on-dark)}
 .lane{padding-bottom:18px}
 .lane-tag{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}
 .lane.real .lane-tag{color:var(--on-dark-muted)}
 .lane.alt .lane-tag{color:var(--accent-on-dark)}
 .lane.real.empty{display:none}
}
.ifonly{margin-top:clamp(72px,10vw,120px);border-top:1px solid #2a2926;padding-top:clamp(40px,6vw,64px)}
.ifonly-h{font-size:clamp(56px,10vw,140px);line-height:.85;margin:0 0 36px;color:var(--accent);font-stretch:66%}
.ifo-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 36px}
@media(max-width:900px){.ifo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ifo-grid{grid-template-columns:1fr}}
.ifo{border-top:4px solid var(--accent);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.ifo .who{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-dark);margin:0}
.ifo .big{font-weight:900;font-stretch:74%;text-transform:uppercase;font-size:clamp(28px,3vw,40px);line-height:.94;margin:0;text-wrap:balance}
.ifo .sm{font-family:var(--serif);font-size:17px;line-height:1.45;color:var(--on-dark-muted);margin:0 0 8px}
.ifo .share-wrap{margin-top:auto}
.ifo:target{box-shadow:0 0 0 3px var(--accent)}
.doors-sec .unknown{font-family:var(--sans);font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(24px,3vw,36px);line-height:1;text-wrap:balance;margin:clamp(56px,8vw,88px) 0 0;color:var(--on-dark-muted)}

/* Sliding Doors as argued thought pieces */
.essay{padding-block:clamp(56px,8vw,96px) 0;margin-top:clamp(40px,6vw,72px);border-top:1px solid #2a2926}
.essay .door-h{max-width:18ch}
.essay-body{max-width:38em;font-family:var(--serif);font-size:clamp(18px,1.9vw,21px);line-height:1.65;color:#e3dfd5}
.essay-body p{margin:0 0 1.1em}
.essay-body p:first-child::first-letter{font-family:var(--sans);font-weight:900;font-stretch:70%;float:left;font-size:4.4em;line-height:.8;margin:.06em .1em 0 0;color:var(--accent)}
.verdict{margin:34px 0 26px;border-left:6px solid var(--accent);padding:4px 0 4px 22px;max-width:40em}
.verdict p{font-family:var(--sans);font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(26px,3.3vw,42px);line-height:.98;color:var(--on-dark);margin:0 0 16px;text-wrap:balance}
.verdict p span{color:var(--accent)}
.verdict figcaption{margin:0}
.verdict:target,.essay:target{box-shadow:inset 0 4px 0 var(--accent)}
.essay>.share-wrap{margin-top:4px}

/* Home: Why / What / How */
.www{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.www>div{background:var(--paper);padding:26px 26px 28px}
.www-k{font-family:var(--sans);font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:44px;line-height:.9;color:var(--accent);margin:0 0 14px}
.www>div p:not(.www-k){font-family:var(--serif);font-size:18px;line-height:1.55;margin:0}
.www-foot{margin-top:18px;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 24px}
.www-foot small{font-size:13px;color:var(--muted)}
@media(max-width:860px){.www{grid-template-columns:1fr}}
.band-dark .door h3{color:var(--on-dark)}
.band-dark .door p{color:#d9d4ca}

/* Home: season index (titbits and hooks, no reveals) */
.sc-live{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"year meta" "year tit" "year hook" "year btn";gap:8px 40px;align-items:start;background:var(--ink);color:var(--on-dark);padding:clamp(24px,4vw,44px);text-decoration:none;margin:36px 0 1px}
.sc-live .sc-year{grid-area:year;font-weight:900;font-stretch:65%;font-size:clamp(72px,11vw,150px);line-height:.8;color:var(--accent);font-variant-numeric:tabular-nums}
.sc-live .sc-meta{grid-area:meta;color:var(--accent-on-dark)}
.sc-live .sc-tit{grid-area:tit;font-weight:900;font-stretch:75%;text-transform:uppercase;font-size:clamp(30px,4vw,54px);line-height:.92}
.sc-live .sc-hook{grid-area:hook;font-family:var(--serif);font-size:clamp(18px,2vw,21px);line-height:1.5;color:#d9d4ca;max-width:36em}
.sc-live .button{grid-area:btn;justify-self:start;margin-top:12px}
.sc-live:hover .sc-tit{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:4px;text-underline-offset:6px}
.sc-live:focus-visible{outline-color:var(--accent-on-dark);outline-offset:4px}
@media(max-width:720px){.sc-live{grid-template-columns:1fr;grid-template-areas:"year" "meta" "tit" "hook" "btn"}}
.sc-meta{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0}
.sc-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:1000px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sc-grid{grid-template-columns:1fr}}
.sc{background:var(--paper);padding:24px 22px 22px;display:flex;flex-direction:column;gap:10px}
.sc .sc-year{font-weight:900;font-stretch:70%;font-size:44px;line-height:.85;margin:0;font-variant-numeric:tabular-nums}
.sc-tit{font-size:clamp(21px,1.9vw,25px);line-height:.98;margin:4px 0 0}
.sc-hook{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--muted);margin:0;flex:1}
.sc-status{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-text);margin:6px 0 0}

/* Seasons menu: the global nav's first item (a native <details>, so it works without JS; site.js closes it on Escape / outside click) */
.season-menu{position:relative;display:flex}
.season-menu>summary{list-style:none}
.season-menu>summary::-webkit-details-marker{display:none}
.season-menu .caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .15s}
.season-menu[open] .caret{transform:rotate(180deg)}
.season-menu[open]>summary{border-bottom-color:var(--ink)}
.sm-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:40;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);width:min(280px,calc(100vw - 32px));padding:10px}
.sm-h{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 8px 8px}
.sm-panel ul{list-style:none;margin:0;padding:0}
.sm-panel li a,.sm-panel li.soon{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:8px 10px;border-top:1px solid var(--line)}
.sm-panel li a{text-decoration:none}
.sm-panel li a:hover{background:var(--paper-2)}
.sm-y{font-weight:900;font-stretch:78%;font-size:22px;font-variant-numeric:tabular-nums}
.sm-s{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}
.sm-panel li.soon .sm-y{color:#77736b}
.sm-panel li.soon .sm-s{color:var(--muted)}
.sm-panel a[aria-current] .sm-y{color:var(--accent-text)}

/* Multi-season additions (Session B) */
.mv-down{color:var(--accent-text);font-weight:800}
.league tr.champ .mv-down{color:#ffb4a3}
.sc-on{background:var(--ink);color:var(--on-dark)}
.sc-on .sc-year{color:var(--accent)}
.sc-on .sc-meta{color:var(--on-dark-muted)}
.sc-on .sc-hook{color:#d9d4ca}
.sc-on .sc-status .go{color:var(--accent-on-dark);padding-block:6px}
.sc-on :focus-visible{outline-color:var(--accent-on-dark)}
.league tr.champ .mv-zero{color:#ffb4a3}

/* ===== Session C template: chip row, the four sections, stakes callout, What changed, case note ===== */
/* Chip row under the hero: Title race · Runners-up · Top four · The bottom, each tagged Changes / No change */
.chips{background:var(--paper);border-bottom:1px solid var(--line)}
.chips ul{list-style:none;margin:0;padding:14px 0;display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 8px 8px 14px;border:2px solid var(--ink);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:var(--paper)}
.chip-tag{font-size:11px;letter-spacing:.08em;padding:4px 7px;background:var(--paper-2);color:#3d3b36;white-space:nowrap}
.chip-on .chip-tag{background:var(--accent-btn);color:#fff}
.chip:hover{background:var(--ink);color:var(--on-dark)}
.chip:hover .chip-tag{background:var(--on-dark);color:var(--ink)}
/* "On this page": the same row carries every jump link in page order; plain chips (no tag) sit either side of the four tagged ones */
.chips .wrap{display:flex;align-items:center;gap:0 18px}
.chips-h{flex:none;margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.chips ul{min-width:0}
.chip-plain{padding-right:14px}
@media(max-width:900px){
 .chips .wrap{display:block;padding-top:12px}
 .chips ul{flex-wrap:nowrap;overflow-x:auto;padding:8px var(--gutter) 14px;margin-inline:calc(-1 * var(--gutter));scrollbar-width:none;
   -webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}
 .chips ul::-webkit-scrollbar{display:none}
 html.js-tables .chips ul.at-end{-webkit-mask-image:none;mask-image:none}
 .chips li{flex:none}
 .chip{white-space:nowrap}
}
/* Section status tags */
.chg-tag{display:inline-block;margin-left:10px;padding:3px 7px;background:var(--accent-btn);color:#fff;font-size:11px;letter-spacing:.1em;vertical-align:2px;font-family:var(--sans);font-weight:800;text-transform:uppercase;line-height:1.3}
.chg-none{background:var(--paper-2);color:#3d3b36}
/* The four sections */
.sec{border-bottom:1px solid var(--line)}
.sec-full{padding-block:clamp(48px,7vw,84px)}
.sec-none{padding-block:clamp(26px,3.6vw,40px)}
.sec-h-none{font-size:clamp(20px,2.4vw,28px);font-stretch:80%;line-height:1.05;margin:0 0 10px;max-width:none}
.sec-h-none .chg-tag{vertical-align:3px}
.one-line{font-family:var(--serif);font-size:clamp(19px,2.1vw,23px);line-height:1.5;max-width:40em;margin:0}
.one-line .share-wrap{margin-left:6px}
.prose-solo{max-width:44em}
.sec-full:target .sec-h,.sec-none:target .sec-h-none{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:4px;text-underline-offset:6px}
.alias{display:block;height:0;overflow:hidden}
/* The stakes callout: one big figure, one line of context, a visible source, Share */
.stake{margin:34px 0;padding:24px 24px 22px;background:var(--dark);color:var(--on-dark);border-top:6px solid var(--accent);max-width:36em}
.stake .stake-k{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-on-dark);margin:0 0 10px}
.stake .stake-n{font-family:var(--sans);font-weight:900;font-stretch:65%;font-size:clamp(64px,10vw,120px);line-height:.82;color:var(--accent);margin:0 0 12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.stake .stake-l{font-family:var(--serif);font-size:18px;line-height:1.45;margin:0 0 8px;color:var(--on-dark)}
.stake .stake-src{font-family:var(--sans);font-size:12px;letter-spacing:.04em;color:var(--on-dark-muted);margin:0 0 16px}
.stake :focus-visible{outline-color:var(--accent-on-dark)}
.stake .share:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
.stake:target{outline:4px solid var(--accent);outline-offset:4px}
/* What changed: ranked cards */
.changed{counter-reset:none}
.hl .rank{display:inline-block;min-width:2.2em;margin-right:8px;padding:2px 5px;background:var(--ink);color:var(--on-dark);text-align:center;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.wc-intro{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--muted);max-width:40em;margin:-8px 0 28px}
.stake-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);text-decoration:none}
.stake-link:hover{text-decoration:underline;text-underline-offset:4px}
.stake-link-l{color:var(--muted)}
.stake-fig{text-transform:none}
/* The case note (slot 9a): small, quiet, dated */
.case-note{padding-block:28px 30px;border-bottom:1px solid var(--line);background:var(--paper)}
.case-h{font-size:12px;font-stretch:100%;letter-spacing:.14em;margin:0 0 8px;color:var(--muted);max-width:none;line-height:1.3}
.case-note p{font-family:var(--serif);font-size:15px;line-height:1.6;color:var(--muted);max-width:52em;margin:0}
.case-note .textlink{color:var(--accent-text);font-weight:600;white-space:nowrap}
/* Seasons menu: /verdict/ link; homepage verdict tease */
.sm-v{margin:8px 0 0;border-top:2px solid var(--ink)}
.sm-v a{display:flex;align-items:center;gap:.5em;min-height:44px;padding:8px 10px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--accent-text)}
.sm-v a:hover{background:var(--paper-2)}
.verdict-tease{margin:28px 0 0;font-family:var(--serif);font-size:clamp(18px,2vw,22px);display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}
@media print{.chips{display:none!important}}
.stake .stake-n small{font-size:.32em;font-stretch:100%;letter-spacing:.06em;text-transform:uppercase;margin-right:.3em;color:var(--on-dark-muted);vertical-align:.9em}

/* verdict */
/* /verdict/ ("Nine seasons without City"). Every class is vd-* (".verdict" is the Sliding Doors verdict figure).
   Ledger colours: gain #2458a6 / loss var(--accent-btn), validated as a diverging pair on --paper (CVD ΔE 21, protan);
   every coloured cell also carries a text label and a ▲ ▼ ◇ mark, so colour never carries meaning alone. */
:root{--vd-gain:#2458a6;--vd-gain-soft:#dce5f2}
.vd-hero h1{max-width:12ch}
.vd-roll{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border-top:4px solid var(--on-dark);max-width:1100px}
.vd-roll li{padding:12px 10px 0 0;display:flex;flex-direction:column;gap:4px;min-width:0}
.vd-roll li+li{border-left:1px solid #3a3935;padding-left:10px}
.vd-ry{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--on-dark-muted);font-variant-numeric:tabular-nums}
.vd-rc{font-weight:900;font-stretch:72%;text-transform:uppercase;font-size:clamp(14px,1.5vw,19px);line-height:1.05;white-space:nowrap}
.vd-rt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-on-dark)}
.vd-rt0{color:var(--on-dark-muted)}
.vd-roll li.vd-moved .vd-rc{color:var(--accent)}
@media(max-width:900px){.vd-roll{grid-template-columns:repeat(3,minmax(0,1fr))}.vd-roll li:nth-child(3n+1){border-left:0;padding-left:0}.vd-roll li{padding-bottom:12px;border-bottom:1px solid #3a3935}}
/* The long read */
.vd-prose{max-width:40em}
.vd-prose>p:not(.lede):not(.vd-closer){font-family:var(--serif);font-size:clamp(18px,2vw,20px);line-height:1.65;margin:0 0 1.1em}
.vd-drop::first-letter{font-family:var(--sans);font-weight:900;font-stretch:70%;float:left;font-size:4.2em;line-height:.8;margin:.06em .1em 0 0;color:var(--accent)}
.vd-ch{font-size:clamp(30px,4.4vw,56px);line-height:.92;margin:clamp(48px,7vw,80px) 0 22px;padding-top:18px;border-top:4px solid var(--ink);max-width:18ch}
.vd-explain{margin:30px 0 34px;padding:20px 22px;background:var(--paper-2);border-left:6px solid var(--ink)}
.vd-explain p{font-family:var(--serif);font-size:17px;line-height:1.55;margin:0}
.vd-explain p.vd-ex-k{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);margin:0 0 8px}
.vd-statrow{margin:36px 0 8px}
.vd-closer{font-family:var(--sans);font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(28px,3.6vw,46px);line-height:.96;border-left:6px solid var(--accent);padding-left:20px;margin:36px 0 0;text-wrap:balance}
/* The Ledger */
.vd-key{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted)}
.vd-key li{display:flex;align-items:center;gap:8px}
.vd-key i{display:inline-flex;align-items:center;justify-content:center;width:22px;height:18px;font-style:normal;font-size:11px;font-weight:800}
.vd-k-gain{background:var(--vd-gain);color:#fff}.vd-k-soft{background:var(--vd-gain-soft);color:var(--ink);border:1px solid var(--vd-gain)}
.vd-k-loss{background:var(--accent-btn);color:#fff}.vd-k-nom{border:1px dashed var(--muted);color:var(--ink)}
.vd-ledger-wrap,.vd-prec-wrap{position:relative;overflow-x:auto;border-top:4px solid var(--ink);-webkit-overflow-scrolling:touch}
.vd-ledger{border-collapse:separate;border-spacing:2px;width:100%;min-width:980px;font-variant-numeric:tabular-nums;font-size:14px}
.vd-ledger caption{caption-side:bottom;text-align:left;font-family:var(--serif);font-size:15px;color:var(--muted);line-height:1.5;padding:12px 0 0;max-width:calc(100vw - 2 * var(--gutter))}
.vd-ledger thead th{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;padding:10px 4px;border-bottom:2px solid var(--ink);vertical-align:bottom}
.vd-ledger thead th.vd-club-h{text-align:left}
.vd-ledger th[scope=row]{text-align:left;font-weight:900;font-stretch:82%;text-transform:uppercase;font-size:15px;line-height:1.05;padding:10px 10px 10px 0;position:sticky;left:0;background:var(--paper-2);z-index:1;min-width:8.5em}
.vd-ns{display:block;font-family:var(--sans);font-weight:600;font-stretch:100%;text-transform:none;font-size:11px;color:var(--muted);margin-top:3px}
.vd-c{text-align:center;padding:8px 4px;vertical-align:middle;min-width:64px;border-bottom:1px solid var(--line)}
.vd-lab{display:block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.15;margin-bottom:3px;white-space:nowrap}
.vd-mv{font-size:12px;color:var(--muted);white-space:nowrap}
.vd-c.vd-gain{background:var(--vd-gain);color:#fff;border-radius:4px}
.vd-c.vd-loss{background:var(--accent-btn);color:#fff;border-radius:4px}
.vd-c.vd-gain .vd-mv,.vd-c.vd-loss .vd-mv{color:#fff}
.vd-c.vd-soft{background:var(--vd-gain-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--vd-gain);border-radius:4px}
.vd-c.vd-soft .vd-mv{color:var(--ink)}
.vd-c.vd-nom{box-shadow:inset 0 0 0 1px var(--muted);border-radius:4px;background:var(--paper)}
.vd-c.vd-nom .vd-lab{white-space:normal}
.vd-c.vd-na{color:var(--muted)}
.vd-t{text-align:center;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap;border-left:1px solid var(--line)}
.vd-rn{display:block;font-weight:800;font-size:15px}
.vd-d{display:inline-block;margin-top:3px;font-size:12px;font-weight:800;color:var(--ink)}
.vd-d0{color:var(--muted);font-weight:600}
.vd-dg span[aria-hidden]{color:var(--vd-gain)}.vd-dl span[aria-hidden]{color:var(--accent-text)}
.vd-scroll-hint{display:none;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}
@media(max-width:1060px){.vd-scroll-hint{display:block}}
.vd-mh3{font-size:clamp(24px,3vw,34px);margin:48px 0 10px;padding-top:14px;border-top:4px solid var(--ink)}
.vd-mrule{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--muted);max-width:48em;margin:0 0 18px}
.vd-money{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
@media(max-width:860px){.vd-money{grid-template-columns:1fr}}
.vd-money li{border-top:1px solid var(--line);padding:14px 0 16px}
.vd-mh{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px}
.vd-mh span{color:var(--accent-text);margin-right:6px}
.vd-mb{font-family:var(--serif);font-size:16px;line-height:1.5;margin:0}
.vd-mf{font-family:var(--sans);font-weight:900;font-stretch:72%;font-size:28px;line-height:1;margin-right:4px;font-variant-numeric:tabular-nums}
.vd-gap{color:var(--muted)}
.vd-ms{display:block;font-family:var(--sans);font-size:12px;margin-top:4px;color:var(--muted)}
.vd-mc{display:block;font-size:14px;color:var(--muted);margin-top:4px}
/* Highlights reel */
.vd-reel{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
@media(max-width:960px){.vd-reel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.vd-reel{grid-template-columns:1fr}}
.vd-hl{border-top:4px solid var(--accent);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.vd-hl p{margin:0}
.vd-hl-y{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--accent-on-dark);font-variant-numeric:tabular-nums}
.vd-hl-fig{font-weight:900;font-stretch:65%;font-size:clamp(56px,6vw,80px);line-height:.85;color:var(--accent);font-variant-numeric:tabular-nums}
.vd-hl-fig small{font-size:11px;font-stretch:100%;letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-muted);margin-left:8px}
.vd-hl-h{font-size:clamp(24px,2.6vw,32px);line-height:.95;margin:4px 0 0;color:var(--on-dark)}
.vd-hl-d{font-family:var(--serif);font-size:16px;line-height:1.5;color:#d9d4ca;flex:1}
.vd-hl-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:4px}
.vd-hl:target{box-shadow:0 0 0 3px var(--accent);outline-offset:4px}
.vd-reel-sec .share:hover{background:var(--on-dark);color:var(--ink);border-color:var(--on-dark)}
/* The case */
.vd-case-intro{font-family:var(--serif);font-size:clamp(18px,2vw,21px);line-height:1.55;max-width:42em;margin:0 0 30px}
.vd-case-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start}
@media(max-width:900px){.vd-case-grid{grid-template-columns:1fr}}
.vd-h3{font-size:clamp(22px,2.6vw,30px);line-height:1;margin:36px 0 14px;padding-top:12px;border-top:4px solid var(--ink)}
.vd-case-block>.vd-h3{margin-top:0}
.vd-dated{list-style:none;margin:0;padding:0}
.vd-dated li{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.vd-date{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);padding-top:3px;font-variant-numeric:tabular-nums}
.vd-dt{font-family:var(--serif);font-size:16px;line-height:1.55}
@media(max-width:520px){.vd-dated li{grid-template-columns:1fr}}
.vd-list{margin:0;padding-left:1.1em;font-family:var(--serif);font-size:16px;line-height:1.55}
.vd-list li{margin-bottom:.7em}
.vd-case-block>p{font-family:var(--serif);font-size:16px;line-height:1.55}
.vd-case-p{font-family:var(--serif);font-size:16px;line-height:1.55;color:var(--muted);max-width:50em}
.vd-small{font-size:15px;margin-top:14px}
.vd-prec{border-collapse:collapse;width:100%;min-width:820px;font-size:14px}
.vd-prec th,.vd-prec td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.45}
.vd-prec thead th{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid var(--ink)}
.vd-prec th[scope=row]{font-weight:800;min-width:10em;position:sticky;left:0;background:var(--paper)}
.vd-prec td{font-family:var(--serif)}
.vd-prec td.vd-pp{font-family:var(--sans);font-weight:800;white-space:nowrap}
/* Every season */
.vd-seasons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:860px){.vd-seasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.vd-seasons{grid-template-columns:1fr}}
.vd-seasons li{background:var(--paper);display:flex}
.vd-sl{display:flex;flex-direction:column;gap:8px;padding:22px;width:100%;text-decoration:none;min-height:44px}
.vd-sl-y{font-weight:900;font-stretch:70%;font-size:40px;line-height:.85;font-variant-numeric:tabular-nums}
.vd-sl-h{font-weight:900;font-stretch:80%;text-transform:uppercase;font-size:20px;line-height:1;flex:1}
.vd-sl-go{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}
.vd-sl:hover .vd-sl-h{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
@media print{.vd-scroll-hint{display:none!important}}
/* end verdict */

/* ===== Session C2 formatting pass (research/desk/visual-review.md V01–V21) ===== */
/* Global nav below 720px: the logo on its own row, then the four sections as an edge-to-edge tab bar of equal cells.
   Every label is always visible (a label may break onto two lines at 320px); nothing scrolls, so the Seasons panel is never clipped. */
@media(max-width:720px){
 .mast .wrap{min-height:0;padding-block:14px 0;gap:12px 0}
 .gnav{flex:0 0 calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));border-top:1px solid var(--line)}
 .gnav-list{gap:0}
 .gnav-list>li{flex:1 1 auto;min-width:0}
 .gnav-list>li+li{border-left:1px solid var(--line)}
 .season-menu,.season-menu>summary{width:100%}
 .gnav-a{width:100%;min-height:50px;padding:5px 6px 2px;font-size:11px;letter-spacing:.06em;text-align:center;gap:6px}
 .gnav-a:hover{background:var(--paper-2)}
 .gnav-a[aria-current]{background:var(--paper-2)}
 .nav-long{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .nav-short{display:inline}
 .season-menu[open]>summary{background:var(--paper-2)}
 .season-menu .caret{flex:none}
 .sm-panel{left:var(--gutter);top:100%;margin-top:6px;width:min(300px,calc(100vw - 2 * var(--gutter)))}
}
@media(max-width:360px){.gnav-list{padding-inline:6px}.gnav-a{font-size:10.5px;letter-spacing:.04em;padding-inline:3px;gap:4px}}
@media(max-width:380px){.brand{font-size:23px}}
/* V03 share menu: never clipped (no overflow:hidden above it), kept inside the viewport by site.js */
.share-menu.sm-right{left:auto;right:0}
.share-menu.sm-up{top:auto;bottom:100%;margin:0 0 6px}
/* V01/V05 ranked cards: the figure column is capped (fit-content(38%)); on narrow screens the figure sits under the dek */
@media(max-width:560px){
 .hl{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "fig" "row"}
 .hl .fig{text-align:left;font-size:clamp(44px,13vw,56px)}
 .hl .fig small{margin-left:0;max-width:none}
}
/* V09 podium at small widths */
@media(max-width:400px){
 .podium li{padding-right:8px}
 .podium li+li{padding-left:10px}
 .podium .pclub{font-size:15px}
 .podium .pts{font-size:36px}
}
/* V21 hero actions: equal heights; stacked full width on small phones */
.hero-meta .button,.hero-meta .share{min-height:52px}
.hero-meta .share{padding-inline:16px}
@media(max-width:480px){
 .hero-meta{gap:12px}
 .hero-meta .button,.hero-meta>.share-wrap{flex:1 1 100%;justify-content:center}
 .hero-meta>.share-wrap .share{width:100%;justify-content:center}
}
/* V10/V11 wide tables: a hint line when the table is wider than its frame, and a right-edge fade until the end is reached
   (site.js sets .is-scrollable / .at-end on every scrolling table frame) */
.scroll-hint{display:none;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:10px 0 0}
@media(max-width:760px){.scroll-hint{display:block}}
html.js-tables .scroll-hint{display:none}
html.js-tables .table-wrap.is-scrollable+.scroll-hint{display:block}
.table-wrap.is-scrollable:not(.at-end),.vd-ledger-wrap.is-scrollable:not(.at-end),.vd-prec-wrap.is-scrollable:not(.at-end){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),rgba(0,0,0,.25));mask-image:linear-gradient(to right,#000 calc(100% - 36px),rgba(0,0,0,.25))}
/* V10 /verdict/ precedents: stacked cards below 600px (club, then points, fine, what happened, source) */
@media(max-width:600px){
 .vd-prec{min-width:0}
 .vd-prec thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .vd-prec,.vd-prec tbody,.vd-prec tr,.vd-prec th,.vd-prec td{display:block}
 .vd-prec tr{padding:14px 0 12px;border-bottom:1px solid var(--line)}
 .vd-prec th[scope=row]{position:static;min-width:0;padding:0 0 6px;border:0;font-size:17px;background:none}
 .vd-prec td{padding:3px 0;border:0}
 .vd-prec td.vd-pp{white-space:normal}
 .vd-prec td:nth-child(2)::before,.vd-prec td:nth-child(3)::before,.vd-prec td:nth-child(5)::before{font-family:var(--sans);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:8px}
 .vd-prec td:nth-child(2)::before{content:"Points"}
 .vd-prec td:nth-child(3)::before{content:"Fine"}
 .vd-prec td:nth-child(5)::before{content:"Source"}
 .vd-prec td:nth-child(4){margin:4px 0}
}
/* V18 Sliding Doors: "Share this door" sits under the deck; the ending carries only "Share the verdict" */
.door-share{margin:-26px 0 36px}
/* The case note: optional season sentences (content()["case_extra"]) follow the dated core */
.case-note p+p{margin-top:.75em}
.case-note a.textlink:not(:last-child){white-space:normal}

/* /verdict/ #the-notices (EDITOR-SIGNOFF-C2 §5): classes for the verdict agent's markup; see seasons/README.md */
.vd-notices .lede{max-width:40em}
.vd-nclubs{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:1000px){.vd-nclubs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.vd-nclubs{grid-template-columns:1fr}}
.vd-nclub{background:var(--paper);padding:20px 20px 22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.vd-nclub-h{font-size:clamp(24px,2.4vw,30px);line-height:.95;margin:0;padding-top:10px;border-top:4px solid var(--ink)}
.vd-nnums{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
.vd-nnums dt,.vd-nnums dd{margin:0;padding:6px 0;border-bottom:1px solid var(--line);font-size:13px}
.vd-nnums dt{font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:11px;color:var(--muted);align-self:center}
.vd-nnums dd{text-align:right;font-weight:900;font-stretch:80%;font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vd-nnums dd .from{color:var(--muted);font-weight:700}
.vd-nseasons{font-family:var(--serif);font-size:15px;line-height:1.5;margin:0}
.vd-nmoney{list-style:none;margin:0;padding:0;font-family:var(--serif);font-size:15px;line-height:1.45}
.vd-nmoney li{padding:8px 0;border-top:1px dashed var(--line);overflow-wrap:break-word}
.vd-nmoney .vd-mf{font-size:22px}
.vd-nrule{font-family:var(--serif);font-size:15px;line-height:1.5;color:var(--muted);max-width:48em;margin:14px 0 0}
.vd-nagg{font-family:var(--sans);font-weight:900;font-stretch:78%;text-transform:uppercase;font-size:clamp(22px,2.6vw,32px);line-height:1;margin:28px 0 0;max-width:30ch;text-wrap:balance}
.vd-nprose{max-width:40em;margin-top:36px}
.vd-nprose p{font-family:var(--serif);font-size:clamp(18px,2vw,20px);line-height:1.6;margin:0 0 1em}
.vd-ndate{font-family:var(--sans)!important;font-weight:900;font-stretch:76%;text-transform:uppercase;font-size:clamp(26px,3.4vw,42px)!important;line-height:.98!important;border-left:6px solid var(--accent);padding-left:20px;text-wrap:balance}
/* a highlight card outside the dark reel (hl-notices): same parts as .vd-hl, paper colours */
.vd-hl-solo{max-width:40em;margin-top:40px}
.vd-hl-solo .vd-hl-y{color:var(--accent-text)}
.vd-hl-solo .vd-hl-fig small{color:var(--muted)}
.vd-hl-solo .vd-hl-h{color:var(--ink)}
.vd-hl-solo .vd-hl-d{color:var(--muted)}
.band-dark .vd-hl-solo .vd-hl-y{color:var(--accent-on-dark)}
.band-dark .vd-hl-solo .vd-hl-fig small{color:var(--on-dark-muted)}
.band-dark .vd-hl-solo .vd-hl-h{color:var(--on-dark)}
.band-dark .vd-hl-solo .vd-hl-d{color:#d9d4ca}
.podium .pts small{font-size:max(11px,.3em)}
.stake-link small{font-size:1em;text-transform:none}
@media(max-width:360px){.podium .pclub{font-size:13.5px;letter-spacing:-.01em}}
.vd-hl-solo .vd-hl-fig small{display:block;margin:8px 0 0}

/* ===== Homepage (Session D brief §2): every class is home-* or reuses the house components ===== */
.home-signoff{display:flex;align-items:center;gap:14px;margin:26px 0 0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--on-dark-muted)}
.home-signoff::before{content:"";flex:none;width:36px;height:4px;background:var(--accent)}
.home-hero .hero-meta{margin-top:32px}
/* What this is, and isn't */
.home-stance-sec h2{max-width:none}
.home-stance{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px clamp(28px,4vw,48px)}
.home-stance li{border-top:5px solid var(--ink);padding-top:18px}
.home-stance h3{font-size:clamp(26px,2.7vw,34px);margin:0 0 14px;max-width:14ch}
.home-stance li:first-child{border-top-color:var(--accent)}
.home-stance p{font-family:var(--serif);font-size:clamp(17px,1.8vw,19px);line-height:1.55;margin:0;max-width:34em}
@media(max-width:860px){.home-stance{grid-template-columns:1fr}.home-stance h3{max-width:none}}
/* The nine seasons: the feature card, then one card per season; the whole card is its title link */
#seasons .lede,.home-desk .lede,.home-row .wrap>div>p{text-wrap:pretty}
.home-feature{margin-top:36px}
.home-feature .sc-tit{text-wrap:balance}
.home-sc{position:relative}
.home-sc .sc-year{color:var(--accent-text)}
.home-sc .sc-tit a{text-decoration:none}
.home-sc .sc-tit a::after{content:"";position:absolute;inset:0}
.home-sc .sc-tit a:focus-visible{outline:none}
.home-sc:focus-within{outline:3px solid var(--accent-btn);outline-offset:-3px}
.home-sc:hover .sc-tit a{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:4px}
.home-sc:hover{background:#f7f5ef}
.home-sc .sc-meta{overflow-wrap:break-word}
/* The verdict tease */
.home-verdict h2{font-size:clamp(38px,6.4vw,84px);max-width:none;margin-bottom:34px}
.home-verdict h2 span{display:block}
.home-verdict h2 span:last-child{color:var(--accent)}
.home-verdict .button:hover{background:var(--on-dark);color:var(--ink)}
/* Compact rows: Why now, How, How this was made (heading left, text right; stacked on phones) */
.home-row{padding-block:clamp(44px,6.5vw,72px)}
.home-row .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:18px clamp(28px,5vw,64px);align-items:start}
.home-row h2{font-size:clamp(34px,4.4vw,56px);margin:0;max-width:12ch}
.home-row .wrap>div>p{font-family:var(--serif);font-size:clamp(18px,2vw,22px);line-height:1.55;margin:0 0 .8em;max-width:36em}
.home-row .go{padding-block:10px}
#why-now .wrap>div>p{font-size:clamp(17px,1.8vw,19px);color:#3d3b36}
@media(max-width:760px){.home-row .wrap{grid-template-columns:1fr}}
.home-made .wrap>div>p:first-child{font-family:var(--sans);font-weight:900;font-stretch:78%;text-transform:uppercase;font-size:clamp(24px,2.8vw,34px);line-height:1;text-wrap:balance}
.home-addr{font-family:var(--sans);font-weight:800;font-size:.92em;white-space:nowrap;color:var(--accent-text)}
@media(max-width:560px){.home-made .wrap>div>p:first-child{font-size:22px}}
/* The desk: what's next (teasers only: plain text, no links) */
.home-desk-label{margin:36px 0 14px}
.home-desk-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 28px}
.home-desk-list li{border-top:4px solid var(--ink);padding-top:14px}
.home-desk-list h3{font-size:clamp(22px,2vw,26px);margin:0 0 10px;color:var(--accent-text)}
.home-desk-list p{font-family:var(--serif);font-size:17px;line-height:1.5;margin:0}
@media(max-width:1100px){.home-desk-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-desk-list{grid-template-columns:1fr;gap:22px}}

/* ===== /clubs/ "Your club" (every club, every season: links only, no results) and the homepage link to it ===== */
.clubs-page .lede{margin-bottom:clamp(32px,5vw,48px)}
.ci-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
@media(max-width:1000px){.ci-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ci-grid{grid-template-columns:1fr}}
.ci{background:var(--paper);padding:20px 20px 22px;display:flex;flex-direction:column;gap:14px;min-width:0}
.ci-h{font-size:clamp(22px,2.1vw,28px);line-height:.95;margin:0;max-width:none;padding-top:10px;border-top:4px solid var(--ink)}
.ci-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ci-s{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border:2px solid var(--ink);font-size:13px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;text-decoration:none;background:var(--paper)}
.ci-s:hover{background:var(--ink);color:var(--on-dark)}
.ci:target .ci-h{border-top-color:var(--accent)}
.clubs-more{margin:24px 0 0}
.band-accent .go{color:var(--ink)}

/* The players (Session E): careers that turn with the table. After The bottom, before What if…? Same card grammar as What changed. */
.pl-intro{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--muted);max-width:40em;margin:-8px 0 28px}
.pl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
.pl-list.pl-one{grid-template-columns:minmax(0,44em)}
@media(max-width:860px){.pl-list{grid-template-columns:minmax(0,1fr)}}
.pl{border-top:4px solid var(--ink);padding:18px 0 30px;display:flex}
.pl-in{display:flex;flex-direction:column;width:100%}
.pl-k{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.4}
.pl-name{color:var(--ink)}
.pl-tag{color:var(--accent-text);margin-left:6px;padding-left:9px;border-left:2px solid var(--line)}
.pl-h{font-size:clamp(26px,2.9vw,38px);line-height:.92;margin:0 0 12px;max-width:20ch}
.pl-body{font-family:var(--serif);font-size:17px;line-height:1.5;margin:0 0 14px;max-width:36em}
.pl-q{margin:0 0 16px;border-left:4px solid var(--accent);padding:2px 0 2px 16px;max-width:34em}
.pl-q blockquote{margin:0}
.pl-q p{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.45;margin:0 0 6px}
.pl-q figcaption{font-size:12px;letter-spacing:.04em;color:var(--muted)}
.pl-fact{margin:auto 0 12px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums;line-height:1.45;overflow-wrap:break-word}
.pl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
.pl:target{background:#fbe3dc}
.pl-also{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--muted);max-width:44em;margin:6px 0 0}
.pl-also .textlink,.pl-body .textlink{color:var(--accent-text)}