/* SlabDigest — A7.1b brand. Light default, Midnight dark. */
:root{
  --bg:#ECECEA;--panel:#F8F8F6;--haze:#DADAD6;--ink:#1C1A19;--muted:#55555A;--rule:#CDCDC8;
  --accent:#9E2A2B;--stamp-bg:#1C1A19;--stamp-fg:#F8F8F6;--gain:#1B6E45;--loss:#A3261C;
  --ticker-bg:#1C1A19;--ticker-fg:#F8F8F6;--t-gain:#8FD9A8;--t-loss:#FF9C8A;
  --display:'Abril Fatface',Georgia,serif;--body:'Archivo Narrow',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#12161C;--panel:#1B2129;--haze:#2A323D;--ink:#F1EDE4;--muted:#A9B1BC;--rule:#34404D;
  --accent:#D9402F;--stamp-bg:#F1EDE4;--stamp-fg:#12161C;--gain:#4CC38A;--loss:#FF7A6B;
  --ticker-bg:#F1EDE4;--ticker-fg:#12161C;--t-gain:#17703F;--t-loss:#B42318;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.45}
a{color:inherit}
a:hover{opacity:.8}
.wrap{max-width:1200px;margin:0 auto;padding:20px 16px 48px;display:flex;flex-direction:column;gap:22px}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.gain{color:var(--gain)}.loss{color:var(--loss)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kicker{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.kicker.accent{color:var(--accent)}

/* nav */
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em}
.nav-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pill{min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:transparent;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;cursor:pointer}
.pill[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
.lookup{position:relative;flex:1 1 240px;min-width:200px}
.lookup input{width:100%;min-height:44px;padding:0 16px;border-radius:999px;border:2px solid var(--ink);background:var(--panel);color:var(--ink);font-family:var(--mono);font-size:13px}
.lookup-results{position:absolute;top:50px;left:0;right:0;z-index:5;background:var(--panel);border:2px solid var(--ink);display:none;flex-direction:column;max-height:360px;overflow:auto}
.lookup-results.open{display:flex}
.lookup-results a{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-bottom:1px solid var(--rule);text-decoration:none;letter-spacing:0}
.lookup-results b{font-family:var(--body);font-size:16px}
.lookup-results span{font-size:11px;color:var(--muted)}

/* masthead */
.mast{position:relative;padding-top:14px;padding-right:26px}
.slab{background:var(--panel);border:3px solid var(--ink);border-radius:22px;padding:12px;box-shadow:inset 0 0 0 7px var(--haze)}
.banner{background:var(--accent);color:#fff;border-radius:6px;padding:8px 16px;font-family:var(--display);font-size:clamp(15px,2.2vw,24px);letter-spacing:.02em}
.wordmark{margin:0;padding:8px 14px 0;font-family:var(--display);font-weight:400;font-size:clamp(56px,11vw,150px);line-height:1;letter-spacing:-.01em}
.mast-foot{border-top:2px solid var(--ink);margin:8px 14px 4px;padding-top:8px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.12em}
.stamp{position:absolute;top:0;right:0;transform:rotate(7deg);background:var(--stamp-bg);color:var(--stamp-fg);border:4px solid var(--panel);outline:3px solid var(--stamp-bg);border-radius:8px;width:clamp(84px,11vw,140px);height:clamp(84px,11vw,140px);display:flex;flex-direction:column;align-items:center;justify-content:center}
.stamp small{font-family:var(--mono);font-size:clamp(9px,1vw,12px);font-weight:600;letter-spacing:.14em}
.stamp b{font-family:var(--display);font-weight:400;font-size:clamp(48px,7vw,88px);line-height:.9}
.mini-mast{text-decoration:none;display:flex;align-items:center;gap:12px}
.mini-mast .slab{border-radius:12px;padding:4px;box-shadow:inset 0 0 0 3px var(--haze)}
.mini-mast .banner{font-size:26px;padding:4px 12px;line-height:1.1}

/* preview notice */
.notice{margin:0;padding:10px 14px;border:1px dashed var(--muted);font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--muted)}

/* index strip */
.indexes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border:2px solid var(--ink);background:var(--panel)}
.idx{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:1px solid var(--rule)}
.idx .val{font-family:var(--display);font-size:36px;line-height:1}
.idx .chg{font-family:var(--mono);font-size:14px;font-weight:600}

/* ticker */
.ticker{background:var(--ticker-bg);color:var(--ticker-fg);font-family:var(--mono);font-size:14px;padding:11px 16px;display:flex;gap:28px;overflow-x:auto;white-space:nowrap}
.ticker .up{color:var(--t-gain)}.ticker .down{color:var(--t-loss)}

/* story */
.story{display:flex;flex-wrap:wrap;gap:24px;border-top:4px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0}
.story-main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column;gap:12px}
.story h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(32px,4.6vw,56px);line-height:1.02}
.story p{margin:0;font-size:20px;max-width:680px}
.box{background:var(--panel);border:2px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:10px}
.story .box{flex:1 1 280px;min-width:0;align-self:flex-start}
.big{font-family:var(--display);font-size:52px;line-height:1}
.kv{border-top:1px solid var(--rule);padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px;font-family:var(--mono);font-size:13px}

/* signup */
.signup{background:var(--accent);color:#fff;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}
.signup h3{margin:0;font-family:var(--display);font-weight:400;font-size:28px;line-height:1.1}
.signup p{margin:0}
.signup form{flex:1 1 340px;min-width:0;display:flex;gap:8px;flex-wrap:wrap}
.signup input{flex:1 1 200px;min-width:0;min-height:48px;padding:0 14px;border:2px solid #fff;border-radius:6px;background:#fff;color:#1C1A19;font-family:var(--mono);font-size:14px}
.signup button{min-height:48px;padding:0 20px;border:2px solid #fff;border-radius:6px;background:#1C1A19;color:#fff;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.08em;cursor:pointer}

/* section heads + tables */
.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:3px solid var(--ink);padding-bottom:6px}
.sec-head h2,.sec-head h3{margin:0;font-family:var(--display);font-weight:400;font-size:34px}
.sec-head em{font-size:18px}
.sec-head .mono{font-size:12px;color:var(--muted)}
.empty{margin:0;padding:14px 0;color:var(--muted)}
.scroll{overflow-x:auto}
.bx{min-width:640px}
.bx-row{display:grid;grid-template-columns:1.2fr 1.4fr 1.3fr 110px;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--rule)}
.bx-head{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--muted);border-bottom:1px solid var(--ink);padding:8px 0}
.boards{display:flex;flex-wrap:wrap;gap:24px}
.board{flex:1 1 460px;min-width:0;display:flex;flex-direction:column}
.mrow{display:grid;grid-template-columns:minmax(0,1fr) 72px 76px 80px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule)}
.mrow .name{font-weight:600;font-size:18px;text-decoration:none}
.sub{font-family:var(--mono);font-size:11px;color:var(--muted)}
.sub a{color:var(--accent);font-weight:600}
.num{font-family:var(--mono);font-size:15px;text-align:right}
.num.b{font-weight:600}
.dh{background:var(--panel);border:3px solid var(--ink);padding:18px 18px 8px;display:flex;flex-direction:column;gap:4px}
.dh .sec-head h2{font-size:40px}
.dh-row{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 0;border-bottom:1px solid var(--rule)}
.dh-main{flex:999 1 380px;min-width:0;display:flex;flex-direction:column;gap:4px}
.dh-stats{flex:1 1 220px;min-width:0;display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-family:var(--mono);font-size:13px;align-content:start}
.fine{margin:0;padding:10px 0 6px;font-family:var(--mono);font-size:11px;line-height:1.5;color:var(--muted)}
.two{display:flex;flex-wrap:wrap;gap:24px}
.two>.main{flex:999 1 560px;min-width:0;display:flex;flex-direction:column}
.two>aside{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px}
.crow{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid var(--rule)}
.outline{border:1px solid var(--ink);padding:16px;display:flex;flex-direction:column;gap:8px}
footer{border-top:3px double var(--ink);padding-top:14px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:12px;color:var(--muted)}
footer a{color:var(--muted)}

/* sport filter */
body[data-filter="NFL"] [data-sport="NBA"],body[data-filter="NBA"] [data-sport="NFL"]{display:none}

/* card page */
.crumb{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--muted)}
.card-head{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;border-bottom:4px solid var(--ink);padding-bottom:20px}
.card-head h1{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(36px,5.4vw,64px);line-height:1.02}
.price-slab{flex:1 1 260px;min-width:0;position:relative;padding-top:10px;padding-right:14px}
.price-slab .slab{border-radius:16px;padding:10px;box-shadow:inset 0 0 0 6px var(--haze);display:flex;flex-direction:column;gap:10px}
.price-slab .banner{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;padding:6px 12px}
.price-slab .stamp{width:64px;height:64px;border-width:3px;outline-width:2px;border-radius:6px}
.price-slab .stamp small{font-size:8px}.price-slab .stamp b{font-size:34px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));border:2px solid var(--ink);background:var(--panel)}
.tile{padding:14px 16px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:4px}
.tile .v{font-family:var(--display);font-size:30px;line-height:1.05}
.chart{background:var(--panel);border:1px solid var(--rule);padding:14px 10px 6px}
.chart svg{display:block;width:100%;height:260px}
.srow{display:grid;grid-template-columns:100px 1fr 90px;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:14px}
.btn{min-height:44px;display:inline-flex;align-items:center;padding:0 18px;border-radius:6px;font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.06em;text-decoration:none}
.btn.solid{background:var(--accent);color:#fff}
.btn.line{border:2px solid var(--ink)}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.related a{text-decoration:none;background:var(--panel);border:2px solid var(--ink);padding:14px;display:flex;flex-direction:column;gap:4px}
.faq>div{padding:14px 0;border-bottom:1px solid var(--rule)}
.faq h3{margin:0 0 6px;font-size:19px}
.faq p{margin:0}
.cards-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}
.cards-list a{text-decoration:none;border-bottom:1px solid var(--rule);padding:10px 0;display:flex;flex-direction:column}
@media (max-width:560px){.mast{padding-right:10px}.mast .banner{padding-right:84px}.dh-stats{grid-template-columns:1fr auto}.mrow{grid-template-columns:minmax(0,1fr) 70px 72px}.mrow svg{display:none}.srow{grid-template-columns:80px 1fr 80px}}

/* representative slab illustration */
.slabart{margin:0;flex:0 0 auto}
.slabart-lg{width:230px}
.slabart-sm{width:120px}
.sa-case{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(220,224,228,.6));border:3px solid var(--ink);border-radius:14px;padding:8px;box-shadow:inset 0 0 0 5px var(--haze),0 6px 0 -2px var(--rule);display:flex;flex-direction:column;gap:8px}
:root[data-theme="dark"] .sa-case{background:linear-gradient(160deg,#2A323D,#1B2129)}
.sa-label{background:var(--ink);color:var(--bg);border-radius:5px;padding:7px 8px;display:flex;justify-content:space-between;gap:6px;align-items:center}
.sa-label-l{display:flex;flex-direction:column;gap:1px;min-width:0;font-family:var(--mono);font-weight:600;letter-spacing:.04em}
.sa-set{font-size:8px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-player{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-no{font-size:8px;opacity:.8}
.sa-grade{background:var(--accent);color:#fff;border-radius:4px;min-width:40px;height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 auto}
.sa-grade small{font-family:var(--mono);font-size:6px;font-weight:600;letter-spacing:.1em}
.sa-grade b{font-family:var(--display);font-weight:400;font-size:24px;line-height:.9}
.sa-window{background:rgba(0,0,0,.05);border-radius:6px;padding:10px 18px;display:flex;justify-content:center}
.sa-card{width:100%;aspect-ratio:2.5/3.5;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.sa-face{flex:1;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;overflow:hidden}
.sa-team{font-family:var(--display);font-size:46px;line-height:1;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.sa-pos{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:#fff;opacity:.9}
.sa-name{font-family:var(--body);font-weight:700;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-foot{font-family:var(--mono);font-size:7px;letter-spacing:.14em;color:var(--muted);text-align:center}
/* set styles */
.slabart-chrome .sa-card{background:linear-gradient(135deg,#d9dde2,#f4f6f8 40%,#b9c0c8)}
.slabart-chrome .sa-face{background:linear-gradient(115deg,#2b3540,#566170 45%,#2b3540)}
.slabart-chrome .sa-face::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,120,180,.35) 42%,rgba(120,200,255,.35) 52%,rgba(160,255,170,.3) 60%,transparent 72%)}
.slabart-chrome .sa-name{color:#1C1A19}
.slabart-prizm .sa-card{background:#11151a}
.slabart-prizm .sa-face{background:conic-gradient(from 210deg at 50% 60%,#3a4552,#69788a,#2c3540,#8796a8,#3a4552,#556273,#3a4552)}
.slabart-prizm .sa-name{color:#F1EDE4}
.slabart-paper .sa-card{background:#fbfaf6;border:1px solid #d8d4ca}
.slabart-paper .sa-face{background:linear-gradient(180deg,#3d4a57,#24303b);border:3px solid #fff;outline:1px solid #d8d4ca}
.slabart-paper .sa-name{color:#1C1A19}
.slabart-sm .sa-label{padding:4px 5px}.slabart-sm .sa-player{font-size:7px}.slabart-sm .sa-set,.slabart-sm .sa-no{font-size:5px}
.slabart-sm .sa-grade{min-width:24px;height:24px}.slabart-sm .sa-grade small{display:none}.slabart-sm .sa-grade b{font-size:15px}
.slabart-sm .sa-window{padding:6px 10px}.slabart-sm .sa-team{font-size:24px}.slabart-sm .sa-pos{font-size:7px}.slabart-sm .sa-name{font-size:8px}.slabart-sm .sa-foot{display:none}
.slabart-sm .sa-case{border-width:2px;border-radius:9px;padding:5px;gap:5px;box-shadow:inset 0 0 0 3px var(--haze)}
.related a{flex-direction:row;align-items:center;gap:12px}
@media (max-width:560px){.slabart-lg{width:180px}}

/* honeypot, teaser, form errors, share buttons, archive list */
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.teaser{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;border:2px solid var(--ink);padding:10px 12px;background:var(--panel)}
.teaser-copy{flex:1 1 220px;font-weight:600;font-size:16px}
.teaser input[type=email]{flex:1 1 200px;min-width:0;min-height:46px;padding:0 12px;border:2px solid var(--ink);border-radius:6px;background:#fff;color:#1C1A19;font-family:var(--mono);font-size:14px}
.teaser button{min-height:46px;padding:0 18px;border:2px solid var(--accent);border-radius:6px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:.08em;cursor:pointer}
.form-error{flex-basis:100%;margin:0;font-family:var(--mono);font-size:13px;font-weight:600}
.signup .form-error{color:#fff}
.teaser .form-error{color:var(--accent)}
.share{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-top:1px solid var(--ink)}
.share-btns{display:flex;flex-wrap:wrap;gap:8px}
.sbtn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid var(--ink);border-radius:6px;background:transparent;color:var(--ink);font-family:var(--mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-decoration:none;cursor:pointer}
.sbtn:hover{background:var(--ink);color:var(--bg)}
.brief-list{display:flex;flex-direction:column}
.brief-row{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.brief-row:hover span:last-child{text-decoration:underline}
@media (max-width:520px){.brief-row{grid-template-columns:1fr;gap:2px}}

/* story of the day: lede, why, behind the move, also moving */

.story p.story-lede{font-size:19px;line-height:1.45;max-width:62ch}
.story-why,.story-behind{display:flex;flex-direction:column;gap:6px;max-width:62ch;padding-top:10px;border-top:1px solid var(--rule)}
.story .story-why p,.story .story-behind p{margin:0;font-size:16px;line-height:1.5}
.story-why{border-left:3px solid var(--accent);border-top:0;padding:2px 0 2px 12px}
.story-also{margin:0;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:15px}
.story-also a{font-weight:600}

/* darkhorse detail */
.dh-intro{margin:0 0 4px;max-width:70ch;font-size:16px}
.dh-card{display:flex;flex-direction:column;gap:10px;padding:16px 0;border-bottom:1px solid var(--rule)}
.dh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px 16px;flex-wrap:wrap}
.dh-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.dh-name a{font-weight:700;font-size:22px;text-decoration:none}
.dh-badges{display:flex;gap:10px;align-items:center}
.chip{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;border:1.5px solid var(--ink);padding:3px 8px;border-radius:2px}
.gapscore{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;padding:4px 8px;background:var(--accent);color:#fff;font-family:var(--mono);font-weight:700;font-size:22px;line-height:1}
.gapscore small{font-size:9px;letter-spacing:.12em;font-weight:600;margin-bottom:2px}
.dh p.dh-case{margin:0;font-size:18px;line-height:1.45;max-width:70ch;font-weight:500}
.dh-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px}
.dh-side{display:flex;flex-direction:column;gap:6px;min-width:0}
.dh-side p{margin:0;font-size:15px;line-height:1.45}
.dh-game{font-size:12px!important}
.dh-kv{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-family:var(--mono);font-size:13px}
.dh-kv span:nth-child(even){text-align:right;font-weight:600}
.dh-spark{width:100%;max-width:220px;height:32px;color:var(--muted)}
.dh-how{margin:0}
.dh-score{display:flex;flex-direction:column;gap:4px;padding-top:10px}
.dh-scorerow{display:grid;grid-template-columns:1fr auto auto;gap:12px;font-size:15px;align-items:baseline}
.dh .dh-side p.fine{font-size:12px;line-height:1.4}