/* The Rabbit Hole Case Library — dark case-file theme. Fonts and status colours follow dossier-system-v1.0/STYLE-GUIDE.md (lightened for dark ground). */
:root{--bg:#0f1110;--bg2:#171a18;--card:#1d211f;--line:#2e332f;--ink:#F4F0E7;--ink2:#b9b6ad;--accent:#d0695a;--ok:#5fb08f;--mix:#d4a24c;--warn:#d0695a;--paper:#F4F0E7;
--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--mono:"Courier New",Courier,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--sans)}
a{color:var(--ink)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mix);outline-offset:2px}
img{max-width:100%;display:block}.mono{font-family:var(--mono)}.sr{position:absolute;left:-9999px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:var(--ink);color:var(--bg);padding:8px;z-index:9}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:rgba(15,17,16,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{font:700 15px var(--serif);text-decoration:none;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.brand-sub{font:12px var(--mono);color:var(--ink2);text-transform:uppercase;letter-spacing:.1em}
.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}
nav a{font-size:14px;text-decoration:none;color:var(--ink2);margin-left:14px}nav a:hover{color:var(--ink)}.nav-cta{white-space:nowrap;color:var(--ink)!important;border:1px solid var(--line);padding:6px 10px;border-radius:999px}
@media(max-width:520px){.brand-sub{display:none}nav a{margin-left:10px}}
header nav{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;flex-shrink:0}
@media(max-width:420px){header nav a{margin-left:8px;font-size:13px}.nav-cta{padding:5px 9px}}
.video iframe{pointer-events:auto;z-index:1}
main{max-width:1180px;margin:0 auto;padding:0 18px 60px}
.hero{padding:72px 0 40px;background:radial-gradient(ellipse at 20% 0%,rgba(208,105,90,.18),transparent 60%)}.hero.small{padding:48px 0 24px}
.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
h1{font:700 36px/1.08 var(--serif);margin:0 0 16px;max-width:20ch}@media(min-width:800px){h1{font-size:56px}}
h2{font:700 26px/1.2 var(--serif);margin:48px 0 14px}@media(min-width:800px){h2{font-size:30px}}h3{font:700 19px/1.3 var(--serif);margin:6px 0 8px}
.lead{font:20px/1.5 var(--serif);color:var(--ink2);max-width:60ch;margin:0 0 22px}@media(min-width:800px){.lead{font-size:23px}}
.btn{display:inline-block;background:var(--paper);color:#111;font-weight:700;text-decoration:none;padding:12px 18px;border-radius:6px;border:1px solid var(--paper);margin:4px 6px 4px 0;font-size:16px;cursor:pointer}
.btn:hover{background:#fff}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink2)}
.feature{display:grid;gap:22px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0 0 22px}.feature>div:last-child{padding:0 20px}.feature h2{margin-top:0}
@media(min-width:860px){.feature{grid-template-columns:1.2fr 1fr;align-items:center;padding:0}.feature>div:last-child{padding:28px}}
.steps{padding-left:22px;max-width:60ch}.steps li{margin:8px 0}.how p{max-width:60ch;color:var(--ink2)}
.finder{display:grid;gap:12px;margin:8px 0 8px}.search input{width:100%;font:17px var(--sans);padding:14px 16px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font:13px var(--sans);color:var(--ink2);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 12px;cursor:pointer}.chip.on{background:var(--ink);color:#111;border-color:var(--ink)}
.count{font-size:12px;color:var(--ink2);margin:10px 0}
.grid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.grid{grid-template-columns:1fr 1fr 1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.card[hidden]{display:none}
.thumb{position:relative;aspect-ratio:16/9;background:#0a0b0a}.thumb img{width:100%;height:100%;object-fit:cover}.noimg{width:100%;height:100%;background:repeating-linear-gradient(135deg,#151816 0 12px,#191c1a 12px 24px)}
.lock{position:absolute;left:10px;top:10px;font:700 12px var(--mono);letter-spacing:.04em;background:rgba(15,17,16,.9);border:1px solid var(--line);color:var(--ink);padding:5px 8px;border-radius:4px}.lock.early{color:var(--mix)}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.cid{font-size:12px;color:var(--accent);margin:0}.hook{color:var(--ink2);font-size:15px;margin:0 0 10px}
.meta{font-size:13px;color:var(--ink2);margin:0 0 10px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}.tag{font-size:12px;color:var(--ink2);border:1px solid var(--line);border-radius:4px;padding:2px 7px}
.card .btn{margin-top:auto}.card.soon h3{color:var(--ink2)}a.locked{display:inline-block;border:1px dashed var(--mix);color:var(--mix);padding:10px 14px;border-radius:6px;text-decoration:none;font-weight:700}
.codeform{display:grid;gap:10px;max-width:440px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:20px}.codeform label{font:700 14px var(--sans)}
.codeform input[name=code]{font:22px var(--mono);letter-spacing:.08em;padding:14px;border-radius:8px;border:1px solid var(--line);background:#0b0c0b;color:var(--ink);text-transform:uppercase;width:100%}
.err{color:var(--warn);font-weight:700;margin:0}
.case .cover{position:relative;margin:0 -18px;padding:64px 18px 36px;overflow:hidden}.cover-img{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;filter:grayscale(.3)}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,17,16,.2),var(--bg) 92%)}.cover-text{position:relative;z-index:1;max-width:900px}
.tally{display:flex;flex-wrap:wrap;gap:8px}.label{font:700 12px var(--mono);letter-spacing:.04em;padding:4px 8px;border-radius:4px;border:1px solid currentColor}.label.ok{color:var(--ok)}.label.mix{color:var(--mix)}.label.warn{color:var(--warn)}
.toc{position:sticky;top:53px;z-index:4;display:flex;gap:6px;overflow-x:auto;padding:10px 0;background:var(--bg);border-bottom:1px solid var(--line);scrollbar-width:none}.toc a{flex:none;font-size:13px;color:var(--ink2);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 11px}
section[id]{scroll-margin-top:110px}.prose p,.prose li{max-width:72ch}.muted{color:var(--ink2)}
.video{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden;border:1px solid var(--line)}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.chapters{list-style:none;padding:0;display:grid;gap:6px;grid-template-columns:1fr}@media(min-width:700px){.chapters{grid-template-columns:1fr 1fr}}.chapters a{display:block;text-decoration:none;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:15px}.chapters .mono{color:var(--accent);margin-right:6px}
.board{display:grid;gap:14px;grid-template-columns:1fr;margin-top:14px}@media(min-width:800px){.board{grid-template-columns:1fr 1fr}}
.claim{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--ink2);border-radius:8px;padding:14px 16px}.claim.ok{border-left-color:var(--ok)}.claim.mix{border-left-color:var(--mix)}.claim.warn{border-left-color:var(--warn)}.claim[hidden]{display:none}
.claim header,.source header{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.nature{font-size:12px;color:var(--ink2)}.assert{font:17px/1.5 var(--serif);margin:10px 0}
details summary{cursor:pointer;color:var(--ink2);font-size:14px}details[open] summary{margin-bottom:8px}details h4{font:700 13px var(--sans);margin:10px 0 4px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}
details ul{padding-left:18px;margin:0}details li,details p{font-size:15px}.loc{color:var(--ink2);font-size:13px}
.timeline{list-style:none;padding:0 0 0 18px;border-left:2px solid var(--line)}.timeline li{position:relative;padding:0 0 18px 14px}.timeline li:before{content:"";position:absolute;left:-25px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}
.when{color:var(--accent);margin:0;font-size:14px}.approx{color:var(--ink2)}.timeline p{margin:2px 0;max-width:72ch}.refs a{font-size:12px;margin-right:6px}
.plain{padding-left:18px}.plain li{margin:8px 0}.expls{display:grid;gap:14px}@media(min-width:800px){.expls{grid-template-columns:1fr 1fr}}.expl{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.expl p{font-size:15px}
.verdict{background:var(--paper);color:#222521;border-radius:12px;padding:6px 20px 14px;margin-top:40px}.verdict h2{margin-top:18px}.verdict p{max-width:72ch}
.sources{display:grid;gap:12px}@media(min-width:800px){.sources{grid-template-columns:1fr 1fr}}.source{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}.source:target{border-color:var(--mix)}
blockquote{margin:10px 0;padding:8px 12px;border-left:3px solid var(--line);font-size:14px;color:var(--ink2)}
.foot{max-width:1180px;margin:0 auto;padding:24px 18px 40px;border-top:1px solid var(--line);color:var(--ink2);font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.foot p{margin:0}
@media print{body{background:#fff;color:#222}.top,.toc,.video,.foot{display:none}}