:root{color-scheme:dark;--bg:#09111f;--panel:#101c2d;--ink:#edf2f8;--muted:#aebbd0;--line:#32435d;--blue:#9cb5ff;--mint:#82edc3;--warn:#ffdca0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#182744 0,#09111f 48rem);color:var(--ink);line-height:1.65}.page{max-width:1120px;margin:auto;padding:clamp(1rem,4vw,3rem)}.skip{position:absolute;left:-999px;top:1rem;background:#fff;color:#09111f;padding:.7rem 1rem;z-index:2}.skip:focus{left:1rem}.hero{padding:2rem 0 1rem}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:800;color:var(--mint);margin:0 0 .55rem}.hero h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.05;max-width:850px;margin:.25rem 0 1rem}.lead{max-width:790px;font-size:1.15rem;color:#d2dceb}.boundary,.caution{border:1px solid #6a583c;background:#2b2419;padding:1rem 1.2rem;border-radius:1rem;color:#f8e8c9}.pathway,.evidence,footer{margin:2rem 0;padding:1.5rem;border:1px solid var(--line);border-radius:1.3rem;background:#0d1828}.pathway h2,.evidence h2,footer h2{margin:.2rem 0 1rem;font-size:clamp(1.4rem,3.4vw,2rem)}.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;list-style:none;margin:1.2rem 0;padding:0}.timeline li{min-height:112px;border:1px solid var(--line);border-radius:.9rem;padding:.8rem;background:linear-gradient(155deg,#14233a,#0b1524)}.timeline li:nth-child(3){border-color:#398e72;background:linear-gradient(155deg,#12372f,#0b1b23)}.timeline b,.timeline span{display:block}.timeline b{color:var(--blue);font-size:1.02rem}.timeline span{font-size:.85rem;color:var(--muted);line-height:1.4;margin-top:.3rem}.caution{margin:.5rem 0 0;border-color:#344761;background:#101c2d;color:var(--muted)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:2.5rem 0 1rem}.section-heading h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:.2rem 0}.section-heading>p{max-width:400px;color:var(--muted)}.case{border:1px solid var(--line);background:linear-gradient(160deg,#122039,#0d1727);border-radius:1.2rem;padding:clamp(1rem,3vw,1.7rem);margin:1.2rem 0}.case-head{display:flex;gap:1rem;align-items:flex-start}.case-number{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:#20385b;color:var(--mint);font-weight:900;flex:none}.case h3{margin:.25rem 0 1rem;font-size:clamp(1.2rem,2.7vw,1.65rem);line-height:1.3}.record{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0 0 1.2rem}.record div{padding:.7rem .8rem;background:#091321;border:1px solid #27364b;border-radius:.7rem;min-width:0}.record dt{color:var(--muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.record dd{margin:.2rem 0 0;overflow-wrap:anywhere}fieldset{border:0;border-top:1px solid var(--line);margin:1rem 0;padding:1rem 0 0}legend{padding:0 .5rem 0 0;font-weight:800}fieldset label{display:flex;gap:.75rem;align-items:flex-start;margin:.5rem 0;padding:.7rem .8rem;border:1px solid #34435a;border-radius:.8rem;background:#0a1422;cursor:pointer}fieldset label:has(input:checked){border-color:var(--blue);background:#182943}input{accent-color:#92edc4;flex:none;margin:.4rem 0 0;min-width:1.1rem;min-height:1.1rem}button{border:0;border-radius:999px;padding:.75rem 1.1rem;background:var(--mint);color:#0a1720;font-weight:850;font-size:1rem;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffe08b;outline-offset:3px}.feedback{min-height:3.5rem;border-left:3px solid var(--line);padding:.5rem .8rem;margin:.9rem 0 0;color:var(--muted)}.feedback[data-result="correct"]{border-color:var(--mint);color:#c9ffe8}.feedback[data-result="incorrect"]{border-color:#ff9e9e;color:#ffd5d5}.evidence li{padding:.25rem 0}.evidence p,footer p{color:var(--muted)}a{color:#b8ccff;text-underline-offset:.2em}footer ul{padding-left:1.4rem}footer li{margin:.4rem 0}@media(max-width:760px){.timeline{grid-template-columns:1fr;gap:.4rem}.timeline li{min-height:0;display:grid;grid-template-columns:9rem 1fr;gap:.6rem;align-items:center}.timeline span{margin:0}.record{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:block}.section-heading>p{margin:.4rem 0}}@media(max-width:430px){.page{padding:1rem}.record{grid-template-columns:1fr}.case-head{gap:.7rem}.timeline li{grid-template-columns:7.5rem 1fr}}
