:root { --ink:#101923; --navy:#0b1320; --muted:#6b7785; --line:#dce2e8; --paper:#f5f7f8; --white:#fff; --green:#0e8f67; --red:#bd3a45; --gold:#e8b24b; --subtle:#f8fafb; --copy:#40505e; --notice:#fff9e9; --notice-ink:#101923; }
body[data-theme="dark"] { --ink:#f4f7fa; --navy:#060a0f; --muted:#9aa8b5; --line:#29333d; --paper:#10161d; --white:#172029; --green:#1bc47d; --red:#f05c66; --gold:#9cf043; --subtle:#0d1319; --copy:#c6d0d9; --notice:#1c281b; --notice-ink:#e3f4e5; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.coming-soon { min-height:100vh; display:grid; place-items:center; background:radial-gradient(circle at 50% 38%,#1d3a27 0%,#10161d 34%,#060a0f 78%); color:var(--gold); }
.coming-soon-content { display:grid; justify-items:center; gap:20px; padding:30px; text-align:center; }
.coming-lock { width:min(250px,60vw); filter:drop-shadow(0 16px 28px rgba(156,240,67,.2)); }
.coming-soon-content p { margin:0; color:#f4f7fa; font-size:.78rem; font-weight:900; letter-spacing:.26em; }
.masthead { display:flex; justify-content:space-between; gap:24px; align-items:center; min-height:130px; padding:16px max(24px,calc((100vw - 1240px)/2)); color:var(--white); background:radial-gradient(circle at 82% 0%,#224566,transparent 40%),var(--navy); border-bottom:4px solid var(--gold); }
.eyebrow { margin:0 0 7px; font-size:.7rem; font-weight:800; letter-spacing:.14em; color:var(--muted); }
.masthead .eyebrow { color:#9bb3cb; }
h1,h2,p { margin-top:0; }
h1 { margin-bottom:0; font-size:clamp(2rem,5vw,3.35rem); letter-spacing:-.055em; }
h1 span { color:var(--gold); }
.brand-lockup { display:flex; align-items:center; gap:13px; }
.tagline { margin:4px 0 0; color:#b8c8d8; font-size:.82rem; font-weight:650; }
.mascot { display:block; width:96px; height:104px; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 8px 12px rgba(0,0,0,.45)); }
.header-actions { display:flex; justify-content:flex-end; gap:8px; }
button { cursor:pointer; color:var(--navy); background:var(--gold); border:0; padding:10px 14px; font-weight:800; border-radius:5px; }
.theme-toggle { color:var(--ink); background:transparent; border:1px solid #526171; }
main { width:min(1240px,calc(100% - 40px)); margin:0 auto; }
.intro { display:grid; grid-template-columns:2fr 1fr; gap:30px; padding:46px 0 30px; align-items:end; }
.intro h2 { font-size:clamp(1.55rem,3vw,2.3rem); margin-bottom:10px; letter-spacing:-.04em; }
.intro p:not(.eyebrow) { max-width:720px; color:var(--copy); line-height:1.55; }
.notice { padding:18px; color:var(--notice-ink); background:var(--notice); border-left:4px solid var(--gold); font-size:.86rem; line-height:1.45; }
.case-intro { padding-bottom:24px; }
.edition-intro { padding-bottom:22px; }.edition-intro h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.4rem,5vw,4.5rem); line-height:.96; letter-spacing:-.06em; }
.edition-brief { display:flex; gap:22px; align-items:baseline; padding:15px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.edition-brief .eyebrow { flex:0 0 auto; margin:0; color:var(--gold); }.edition-brief p:last-child { margin:0; color:var(--copy); font-family:Georgia,"Times New Roman",serif; font-size:1.02rem; line-height:1.4; }
.case-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; overflow:hidden; margin:0 0 22px; border:1px solid var(--line); border-radius:9px; background:var(--line); }
.case-principles > div { display:flex; align-items:flex-start; gap:12px; min-height:108px; padding:18px; background:var(--white); }
.principle-number { color:var(--gold); font-size:.75rem; font-weight:950; letter-spacing:.09em; }.case-principles strong { display:block; margin-bottom:4px; font-size:.9rem; }.case-principles p { margin:0; color:var(--muted); font-size:.78rem; line-height:1.45; }
.filters { display:grid; grid-template-columns:1.6fr repeat(4,1fr); gap:12px; padding:17px; background:var(--white); border:1px solid var(--line); border-radius:9px; box-shadow:0 8px 22px rgba(16,25,35,.05); }
label { display:grid; gap:5px; font-size:.69rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#647180; }
input,select { width:100%; color:var(--ink); background:var(--subtle); border:1px solid var(--line); border-radius:5px; padding:10px; font:inherit; text-transform:none; letter-spacing:normal; }
.board-head { display:flex; justify-content:space-between; align-items:end; margin:38px 0 16px; }
.board-head h2 { margin-bottom:0; font-size:1.55rem; letter-spacing:-.035em; }
#method-note { margin:0; color:var(--muted); font-size:.82rem; }
.cards { display:grid; gap:26px; padding-bottom:40px; }
.edition { display:grid; gap:42px; padding-bottom:54px; }.editorial-head { margin:38px 0 22px; }.editorial-head h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.7rem,3vw,2.35rem); }
.edition-game { border-top:3px solid var(--gold); }.edition-game > header { display:grid; grid-template-columns:1fr auto; gap:2px 20px; align-items:end; padding:17px 0; border-bottom:1px solid var(--line); }.edition-game > header .eyebrow { grid-column:1/-1; margin:0; }.edition-game > header h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:1.5rem; letter-spacing:-.035em; }.edition-game > header span { color:var(--muted); font-size:.71rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.edition-stories { display:grid; }
.newspaper-story { padding:26px 0 0; border-bottom:1px solid var(--line); }.newspaper-story:last-child { border-bottom:0; }.story-kicker { display:flex; justify-content:space-between; gap:16px; color:var(--muted); font-size:.69rem; font-weight:850; letter-spacing:.075em; text-transform:uppercase; }.line-ticket { display:flex; align-items:center; gap:8px; text-align:right; }.line-ticket b { padding:5px 8px; color:#07130d; background:var(--gold); border-radius:3px; }.line-ticket em { color:var(--muted); font-size:.63rem; font-style:normal; }.story-layout { display:grid; grid-template-columns:minmax(0,1fr) 245px; gap:34px; padding:12px 0 20px; }.story-main h3 { max-width:790px; margin:0 0 12px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(1.75rem,3.5vw,3rem); line-height:1.02; letter-spacing:-.045em; }.story-deck { max-width:740px; margin:0; color:var(--copy); font-family:Georgia,"Times New Roman",serif; font-size:1.06rem; line-height:1.52; }.story-deck strong { color:var(--ink); }.story-margin { align-self:stretch; padding:5px 0 0 18px; border-left:1px solid var(--line); }.margin-label { color:var(--gold); font-size:.65rem; font-weight:900; letter-spacing:.1em; }.story-margin p { margin:10px 0; color:var(--copy); font-size:.83rem; line-height:1.45; }
.story-chart { max-width:720px; margin:22px 0 0; padding:15px 17px; background:var(--subtle); border:1px solid var(--line); }.story-chart figcaption { display:flex; justify-content:space-between; gap:15px; align-items:baseline; margin-bottom:13px; }.story-chart figcaption span { color:var(--gold); font-size:.64rem; font-weight:900; letter-spacing:.1em; }.story-chart figcaption strong { font-family:Georgia,"Times New Roman",serif; font-size:.95rem; letter-spacing:-.015em; }.chart-row { display:grid; grid-template-columns:112px minmax(80px,1fr) 48px; gap:10px; align-items:center; font-size:.73rem; }.chart-row + .chart-row { margin-top:10px; }.chart-row > span { color:var(--muted); font-weight:800; }.chart-row b { text-align:right; color:var(--ink); font-size:.92rem; }.chart-track,.rank-track { height:9px; overflow:hidden; background:var(--line); border-radius:99px; }.chart-track i,.rank-track i { display:block; height:100%; border-radius:inherit; }.chart-row.recent .chart-track i { background:var(--gold); }.chart-row.line .chart-track i { background:#607384; }.rank-visual { display:grid; grid-template-columns:44px minmax(90px,1fr); gap:8px 11px; align-items:center; }.rank-visual b { color:var(--gold); font-family:Georgia,"Times New Roman",serif; font-size:1.6rem; line-height:1; }.rank-track i { background:#ee6a6f; }.rank-visual span { grid-column:2; color:var(--copy); font-size:.72rem; }.role-visual { display:flex; align-items:center; gap:16px; }.role-ring { position:relative; display:grid; flex:0 0 auto; width:70px; height:70px; place-items:center; border-radius:50%; background:conic-gradient(var(--gold) var(--share),var(--line) 0); }.role-ring::before { content:""; position:absolute; width:56px; height:56px; border-radius:50%; background:var(--subtle); }.role-ring b { z-index:1; font-size:.86rem; }.role-visual p { margin:0; color:var(--copy); font-size:.78rem; line-height:1.42; }
.story-details { background:var(--subtle); border-top:1px solid var(--line); }.story-details summary { display:flex; justify-content:space-between; padding:15px 18px; cursor:pointer; color:var(--ink); font-size:.8rem; font-weight:850; }.story-details summary span { color:var(--gold); font-size:1.15rem; }.story-details[open] summary span { transform:rotate(45deg); }.story-details-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; border-top:1px solid var(--line); background:var(--line); }.story-details-grid section { padding:17px; background:var(--white); }.story-details-grid .eyebrow { margin-bottom:7px; }.story-details-grid p:last-child { margin:0; color:var(--copy); font-size:.8rem; line-height:1.48; }
.case-card { overflow:hidden; border:1px solid var(--line); border-radius:11px; background:var(--white); box-shadow:0 10px 26px rgba(0,0,0,.09); }
.case-card.over { border-top:4px solid var(--green); }.case-card.under { border-top:4px solid var(--red); }.case-card.neutral { border-top:4px solid #71808d; }
.case-topline { display:flex; justify-content:space-between; align-items:center; padding:14px 20px; background:var(--subtle); border-bottom:1px solid var(--line); }.case-number { color:var(--muted); font-size:.7rem; font-weight:900; letter-spacing:.12em; }
.case-title { display:flex; justify-content:space-between; align-items:flex-start; gap:18px; padding:20px 22px 17px; }.case-matchup { margin:0 0 5px; color:var(--muted); font-size:.78rem; font-weight:750; }.case-title h3 { margin:0; font-size:clamp(1.35rem,2.5vw,1.75rem); letter-spacing:-.045em; }.case-title h3 small { color:var(--muted); font-size:.65em; letter-spacing:normal; }.confidence { display:flex; align-items:center; gap:8px; flex:0 0 auto; }.confidence span { display:grid; width:42px; height:42px; place-items:center; color:#07130d; background:var(--gold); border-radius:50%; font-size:.96rem; font-weight:950; }.confidence small { color:var(--muted); font-size:.62rem; font-weight:800; line-height:1.2; letter-spacing:.05em; text-transform:uppercase; }
.case-verdict { margin:0 22px; padding:15px 17px; border-left:3px solid var(--gold); background:color-mix(in srgb,var(--gold) 9%,transparent); }.case-verdict .eyebrow { margin-bottom:4px; }.case-verdict p:last-child { margin:0; color:var(--ink); font-size:1rem; font-weight:750; line-height:1.4; }
.case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin:22px; border:1px solid var(--line); border-radius:7px; overflow:hidden; }.case-grid section { display:flex; min-height:140px; flex-direction:column; padding:16px; border-right:1px solid var(--line); }.case-grid section:last-child { border-right:0; }.case-grid .eyebrow { margin-bottom:8px; }.case-grid strong { display:block; font-size:1.55rem; letter-spacing:-.04em; }.benchmark { color:var(--gold); }.case-grid span { margin-top:2px; font-size:.78rem; font-weight:750; }.case-grid small { margin-top:auto; color:var(--muted); font-size:.73rem; line-height:1.35; }
.evidence-summary { display:flex; justify-content:space-between; align-items:center; gap:25px; margin:0 22px 22px; padding:17px; border:1px solid var(--line); border-radius:7px; }.evidence-summary .eyebrow { margin-bottom:4px; }.evidence-summary p:last-child { margin:0; color:var(--copy); font-size:.87rem; line-height:1.5; }.delta-pill { display:grid; flex:0 0 auto; min-width:96px; padding:10px; text-align:center; color:#07130d; background:var(--gold); border-radius:6px; }.delta-pill strong { font-size:1.2rem; letter-spacing:-.03em; }.delta-pill span { font-size:.62rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.evidence-drawer { border-top:1px solid var(--line); }.evidence-drawer summary { display:flex; justify-content:space-between; gap:14px; padding:17px 22px; color:var(--ink); cursor:pointer; font-size:.86rem; font-weight:850; }.drawer-hint { color:var(--muted); font-size:.7rem; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }.drawer-content { display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; padding:0 22px 22px; }.drawer-content > div { min-height:145px; padding:15px; background:var(--subtle); border-radius:6px; }.drawer-content .eyebrow { margin-bottom:8px; }.drawer-content ul { margin:0; padding-left:18px; color:var(--copy); font-size:.78rem; line-height:1.5; }.pending-list li::marker { color:var(--gold); }.counter p:not(.eyebrow) { margin:0 0 12px; color:var(--copy); font-size:.8rem; line-height:1.45; }.counter span { color:var(--muted); font-size:.69rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.game-group { overflow:hidden; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.02); }
.game-header { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:17px 20px; border-bottom:1px solid var(--line); background:var(--subtle); }
.game-header .eyebrow { margin-bottom:4px; }.game-header h3 { margin:0; font-size:1.15rem; letter-spacing:-.025em; }
.game-summary { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:.72rem; font-weight:750; text-transform:uppercase; letter-spacing:.06em; }.game-summary b { border-radius:999px; padding:5px 7px; font-size:.66rem; }.over-text { color:#073d2a; background:var(--green); }.under-text { color:white; background:var(--red); }
.game-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:14px; }
.card { background:var(--white); border:1px solid var(--line); border-radius:9px; padding:20px; box-shadow:0 5px 16px rgba(16,25,35,.04); }
.card.over { border-top:4px solid var(--green); }.card.under { border-top:4px solid var(--red); }.card.neutral { border-top:4px solid #7d8b98; }
.card-top { display:flex; justify-content:space-between; gap:12px; }.player { font-size:1.2rem; font-weight:850; letter-spacing:-.025em; }.matchup { margin:3px 0 0; color:var(--muted); font-size:.8rem; }
.badge { flex:0 0 auto; height:max-content; border-radius:4px; padding:5px 8px; color:white; font-size:.72rem; font-weight:900; letter-spacing:.07em; }.over .badge { background:var(--green); }.under .badge { background:var(--red); }.neutral .badge { background:#71808d; }
.line { margin:19px 0 14px; font-size:1.6rem; font-weight:850; letter-spacing:-.04em; }.line small { color:var(--muted); font-size:.77rem; font-weight:700; letter-spacing:normal; }
.metrics { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:13px 0; gap:10px; }.metric-value { display:block; font-weight:850; font-size:1.05rem; }.metric-label { display:block; margin-top:2px; color:var(--muted); font-size:.65rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.summary { margin:15px 0 0; color:var(--copy); font-size:.86rem; line-height:1.5; }.card-foot { display:flex; justify-content:space-between; margin-top:15px; color:var(--muted); font-size:.72rem; }.score { color:var(--ink); font-weight:850; }
.empty,.error { padding:26px; margin-bottom:35px; text-align:center; background:var(--white); border:1px dashed var(--line); color:var(--muted); }.error { border-color:#e7aab0; color:#f59aa3; background:#35191f; }
footer { display:flex; justify-content:space-between; gap:20px; padding:23px max(24px,calc((100vw - 1240px)/2)); color:#bac7d5; background:var(--navy); font-size:.72rem; } footer span:first-child { color:var(--gold); font-weight:900; letter-spacing:.1em; }

/* Editorial front page */
.edition { display:block; padding:0 0 68px; }.lead-story,.spotlight-story,.story-pair,.story-grid { margin-top:24px; }.editorial-card { overflow:hidden; background:var(--white); border:1px solid var(--line); border-radius:16px; box-shadow:0 18px 38px rgba(0,0,0,.12); }.story-link { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr); min-height:330px; color:inherit; text-decoration:none; }.card-copy { display:flex; flex-direction:column; align-items:flex-start; padding:38px; }.card-kicker { margin:0 0 14px; color:var(--gold); font-size:.66rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.card-copy h3 { max-width:650px; margin:0; font-family:Georgia,"Times New Roman",serif; font-size:clamp(2rem,4vw,4.2rem); line-height:.96; letter-spacing:-.065em; }.card-copy > p:not(.card-kicker) { max-width:590px; margin:17px 0 0; color:var(--copy); font-family:Georgia,"Times New Roman",serif; font-size:1.07rem; line-height:1.45; }.story-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; max-width:650px; margin-top:auto; padding-top:28px; }.story-metrics > div { display:grid; gap:2px; min-height:62px; padding-right:10px; border-right:1px solid var(--line); }.story-metrics > div + div { padding-left:13px; }.story-metrics > div:last-child { border-right:0; }.story-metrics span { color:var(--muted); font-size:.57rem; font-weight:900; letter-spacing:.09em; }.story-metrics strong { color:var(--ink); font-size:1.55rem; letter-spacing:-.06em; }.story-metrics .up strong { color:var(--green); }.story-metrics .down strong { color:var(--red); }.story-metrics small { color:var(--copy); font-size:.67rem; }.read-case { margin-top:22px; color:var(--ink); font-size:.75rem; font-weight:900; letter-spacing:.04em; }.read-case b { margin-left:4px; color:var(--gold); font-size:1.2rem; }.player-art { position:relative; display:grid; overflow:hidden; min-height:330px; padding:30px; isolation:isolate; color:#0b1116; background:radial-gradient(circle at 72% 20%,rgba(156,240,67,.9),transparent 22%),linear-gradient(135deg,#244862,#0a1722); }.player-art::before,.player-art::after { content:""; position:absolute; inset:auto -20% 29% -10%; z-index:-1; height:2px; background:rgba(255,255,255,.23); transform:rotate(-22deg); }.player-art::after { bottom:16%; transform:rotate(-22deg); }.art-position { align-self:start; color:#dbe8f4; font-size:.75rem; font-weight:950; letter-spacing:.2em; }.art-initials { align-self:center; color:rgba(255,255,255,.9); font-size:clamp(8rem,18vw,16rem); line-height:.7; letter-spacing:-.14em; }.art-name { align-self:end; color:#fff; font-size:.92rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }.defense-mark { position:absolute; right:28px; bottom:28px; display:flex; align-items:center; gap:8px; color:#07130d; }.defense-mark b { display:grid; width:62px; height:62px; place-items:center; background:var(--gold); border-radius:50%; font-family:Georgia,"Times New Roman",serif; font-size:2.6rem; }.defense-mark small { color:#e9f3fa; font-size:.55rem; font-weight:900; letter-spacing:.07em; }.art-line { position:absolute; z-index:-1; top:0; right:26%; width:2px; height:100%; background:rgba(255,255,255,.18); transform:skew(-18deg); }.spotlight-story { width:78%; margin-left:auto; }.spotlight-story .story-link { min-height:285px; grid-template-columns:1.2fr .8fr; }.spotlight-story .card-copy { padding:31px; }.spotlight-story .card-copy h3 { font-size:clamp(1.8rem,3.2vw,3.1rem); }.spotlight-story .player-art { min-height:285px; }.spotlight-story .art-initials { font-size:clamp(6rem,12vw,10rem); }.story-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }.story-pair .story-link { display:block; min-height:0; }.story-pair .card-copy { min-height:300px; padding:29px; }.story-pair .card-copy h3 { font-size:clamp(1.7rem,2.8vw,2.55rem); }.story-pair .player-art { min-height:190px; }.story-pair .art-initials { font-size:7rem; }.story-pair .defense-mark { right:20px; bottom:18px; }.story-pair .defense-mark b { width:48px; height:48px; font-size:2rem; }.story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.story-grid .story-link { display:block; min-height:0; }.story-grid .card-copy { min-height:270px; padding:24px; }.story-grid .card-copy h3 { font-size:clamp(1.45rem,2vw,2rem); }.story-grid .card-copy > p:not(.card-kicker) { font-size:.91rem; }.story-grid .story-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.story-grid .story-metrics > div:last-child { display:none; }.story-grid .player-art { display:none; }
.compact-masthead { min-height:78px; }.back-link { color:var(--white); font-size:.77rem; font-weight:850; text-decoration:none; }.case-page { min-height:calc(100vh - 170px); }.case-file { padding:60px 0 70px; }.case-file h1 { max-width:900px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(3rem,7vw,6.6rem); line-height:.91; letter-spacing:-.075em; }.case-lede { max-width:680px; margin:20px 0 35px; color:var(--copy); font-family:Georgia,"Times New Roman",serif; font-size:1.2rem; line-height:1.5; }.case-hero { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border-radius:12px; background:var(--navy); }.case-hero div { display:grid; gap:6px; min-height:170px; padding:25px; border-right:1px solid #344250; }.case-hero div:last-child { border-right:0; }.case-hero span { color:#aebdca; font-size:.62rem; font-weight:900; letter-spacing:.1em; }.case-hero strong { color:var(--gold); font-family:Georgia,"Times New Roman",serif; font-size:3rem; letter-spacing:-.07em; }.case-hero small { color:#dce7ef; font-size:.74rem; }.case-evidence { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:24px; background:var(--line); }.case-evidence > div { padding:26px; background:var(--white); }.case-evidence h2 { margin:0 0 10px; font-family:Georgia,"Times New Roman",serif; font-size:1.55rem; letter-spacing:-.04em; }.case-evidence p:last-child { margin:0; color:var(--copy); line-height:1.5; }
@media (max-width:800px) { .masthead,.intro,.board-head,footer,.game-header { display:block; }.masthead { min-height:0; padding-top:20px; }.brand-lockup { align-items:flex-start; }.mascot { width:72px; height:84px; }.tagline { font-size:.73rem; }.header-actions { justify-content:flex-start; margin-top:18px; }.intro { padding-top:32px; }.notice { margin-top:20px; }.edition-brief { display:block; }.edition-brief .eyebrow { margin-bottom:7px; }.edition-game > header { display:block; }.edition-game > header span { display:block; margin-top:8px; }.story-kicker { display:block; }.story-kicker span { display:block; }.story-kicker .line-ticket { display:flex; justify-content:flex-start; margin-top:8px; }.story-layout { display:block; }.story-main h3 { font-size:2rem; }.story-margin { margin-top:20px; padding:15px 0 0; border-left:0; border-top:1px solid var(--line); }.story-chart figcaption { display:block; }.story-chart figcaption strong { display:block; margin-top:4px; }.chart-row { grid-template-columns:92px minmax(60px,1fr) 42px; gap:8px; }.story-callouts { grid-template-columns:1fr; }.story-callouts > div,.story-callouts > div + div { padding:11px 0; border-right:0; border-bottom:1px solid var(--line); }.story-callouts > div:last-child { border-bottom:0; }.story-details-grid { grid-template-columns:1fr; }.case-principles { grid-template-columns:1fr; }.case-principles > div { min-height:0; }.filters { grid-template-columns:1fr 1fr; }.filters label:first-child { grid-column:span 2; }.game-cards { grid-template-columns:1fr; }.game-summary { justify-content:flex-start; margin-top:10px; }.case-title { padding:18px; }.case-grid { grid-template-columns:1fr; margin:18px; }.case-grid section { min-height:110px; border-right:0; border-bottom:1px solid var(--line); }.case-grid section:last-child { border-bottom:0; }.case-verdict,.evidence-summary { margin-left:18px; margin-right:18px; }.evidence-summary { display:block; }.delta-pill { width:max-content; margin-top:14px; }.evidence-drawer summary { padding:16px 18px; }.drawer-hint { display:none; }.drawer-content { grid-template-columns:1fr; padding:0 18px 18px; } .board-head #method-note { margin-top:8px; } footer span { display:block; margin-bottom:8px; } }
@media (max-width:800px) { .story-link { display:flex; flex-direction:column; }.card-copy { min-height:0 !important; padding:26px; }.card-copy h3 { font-size:2.35rem !important; }.player-art { order:-1; min-height:245px !important; }.art-initials { font-size:8rem !important; }.spotlight-story { width:auto; margin-left:0; }.story-pair,.story-grid { grid-template-columns:1fr; }.story-grid .player-art { display:grid; min-height:175px !important; }.story-grid .story-metrics > div:last-child { display:grid; }.case-file { padding:35px 0 45px; }.case-hero,.case-evidence { grid-template-columns:1fr; }.case-hero div { min-height:125px; border-right:0; border-bottom:1px solid #344250; }.case-evidence > div + div { border-top:1px solid var(--line); }.case-file h1 { font-size:3.1rem; } }

/* Live NFLverse player portraits replace generic metric boxes. */
.player-photo { position:absolute; z-index:-1; right:-3%; bottom:0; width:104%; height:108%; object-fit:contain; object-position:center bottom; filter:drop-shadow(-14px 10px 15px rgba(0,0,0,.48)); }
.art-name,.defense-mark small { text-shadow:0 2px 7px #000; }
.story-grid .player-art { display:grid; min-height:155px; padding:18px; }
.story-grid .art-initials { font-size:6rem; }
.story-grid .defense-mark { right:16px; bottom:14px; }
.story-grid .defense-mark b { width:42px; height:42px; font-size:1.7rem; }
.bet-line { display:grid; gap:4px; max-width:610px; margin-top:18px; padding:12px 14px; color:var(--ink); background:color-mix(in srgb,var(--gold) 12%,var(--subtle)); border-left:4px solid var(--gold); }.bet-line span { color:var(--muted); font-size:.6rem; font-weight:900; letter-spacing:.1em; }.bet-line strong { font-size:1.02rem; }.bet-line em { color:var(--green); font-style:normal; }.under .bet-line em { color:var(--red); }.bet-line small { color:var(--copy); font-size:.71rem; line-height:1.35; }

/* Fact-first game board */
.edition { display:grid; gap:34px; }.game-board { border-top:3px solid var(--gold); }.game-board > header { display:flex; justify-content:space-between; align-items:end; gap:18px; padding:17px 0; border-bottom:1px solid var(--line); }.game-board > header h3 { margin:0; font-family:Georgia,"Times New Roman",serif; font-size:1.65rem; letter-spacing:-.04em; }.game-board > header > span { color:var(--muted); font-size:.7rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.plaque-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,310px)); justify-content:start; gap:17px; padding-top:17px; }.pick-plaque { position:relative; overflow:hidden; background:var(--white); border:1px solid var(--line); border-radius:11px; box-shadow:0 10px 24px rgba(0,0,0,.08); }.pick-plaque.over { border-top:4px solid var(--green); }.pick-plaque.under { border-top:4px solid var(--red); }.pick-plaque a { display:block; height:100%; padding:20px; color:inherit; text-decoration:none; }.plaque-lock { position:absolute; top:13px; right:14px; display:grid; width:31px; height:31px; place-items:center; font-size:.88rem; background:var(--subtle); border:1px solid var(--line); border-radius:50%; }.plaque-player { display:flex; align-items:center; gap:12px; min-height:66px; padding-right:34px; }.plaque-player img,.plaque-player > span { display:grid; flex:0 0 auto; width:60px; height:66px; place-items:center; object-fit:contain; object-position:center bottom; color:var(--gold); background:linear-gradient(145deg,#203b51,#101920); border-radius:7px; font-size:.7rem; font-weight:900; }.plaque-player p { margin:0 0 3px; color:var(--muted); font-size:.65rem; font-weight:850; letter-spacing:.08em; }.plaque-player h3 { margin:0; font-size:1.3rem; letter-spacing:-.04em; }.plaque-line { display:grid; gap:4px; margin-top:18px; padding:14px; background:var(--subtle); border-left:4px solid var(--gold); }.plaque-line span { color:var(--muted); font-size:.6rem; font-weight:900; letter-spacing:.1em; }.plaque-line strong { color:var(--ink); font-size:1.02rem; line-height:1.3; }.plaque-line small { color:var(--copy); font-size:.72rem; }.plaque-fact { min-height:82px; margin:17px 0; color:var(--copy); font-size:.82rem; line-height:1.5; }.pick-plaque footer { display:flex; justify-content:space-between; gap:8px; padding:12px 0 0; color:var(--muted); background:transparent; border-top:1px solid var(--line); font-size:.68rem; font-weight:850; }.pick-plaque footer span:last-child { color:var(--gold); }
.game-visual { display:flex; align-items:center; gap:12px; }.game-visual > div { display:flex; align-items:center; gap:6px; }.game-visual img,.game-visual > div > span { width:34px; height:34px; object-fit:contain; }.game-visual b { font-size:.78rem; letter-spacing:.06em; }.game-visual > span { color:var(--muted); font-size:.72rem; font-weight:800; }.game-visual p { margin:0 0 0 8px; padding-left:14px; color:var(--muted); border-left:1px solid var(--line); font-size:.72rem; font-weight:750; }.line-source { display:flex; align-items:center; gap:7px; }.line-source small { color:var(--copy); font-size:.7rem; text-transform:capitalize; }.book-badge { display:grid; width:27px; height:27px; place-items:center; color:#fff; background:#344454; border-radius:50%; font-size:.55rem; font-weight:950; letter-spacing:-.04em; }.book-badge.draftkings { color:#fff; background:#53a318; }.book-badge.fanduel { background:#1677ff; }.book-badge.betmgm { color:#d8b66d; background:#191919; }.book-badge.caesars { color:#111; background:#e8c772; }.book-badge.multi { color:#07130d; background:var(--gold); font-size:.48rem; letter-spacing:-.07em; }
@media (max-width:800px) { .game-board > header { display:block; }.game-board > header > span { display:block; margin-top:8px; }.plaque-grid { grid-template-columns:1fr; }.plaque-fact { min-height:0; } }