@font-face{font-family:Cinzel;src:url(assets/fonts/cinzel.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(assets/fonts/inter.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;--bg:#0E0C0A;--surface:#1A1714;--accent:#C8553D;--gold:#C9A227;--text:#F2EBDD;--muted:#A89F91;--space:1.5rem;--radius:6px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.7 Inter,system-ui,sans-serif}a{color:var(--gold);text-underline-offset:.22em}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}header,main,footer{width:min(960px,100%);margin:auto;padding:var(--space)}header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #C9A22755}.brand{display:flex;align-items:center;gap:.8rem;color:var(--text);font-family:Cinzel;letter-spacing:.2em;text-decoration:none}.brand img{width:52px;height:52px}nav{margin-left:auto;display:flex;gap:1.2rem;flex-wrap:wrap}nav a{padding:.4rem .2rem;min-height:44px}h1,h2{font-family:Cinzel;font-weight:500;line-height:1.3}h1{font-size:clamp(2rem,6vw,3.4rem);letter-spacing:.07em}h2{margin-top:2.4rem;color:var(--gold)}.lead{font-size:1.15rem;color:var(--muted);max-width:65ch}.draft{padding:1rem;border-left:3px solid var(--gold);background:var(--surface);border-radius:var(--radius)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem;margin:2rem 0}.card{padding:1.4rem;background:var(--surface);border:1px solid #C9A22733;border-radius:var(--radius)}.card h2{margin:0 0 1rem}.card a{display:inline-block;padding:.5rem 0}details{margin:1rem 0;padding:1rem;background:var(--surface);border:1px solid #C9A22733;border-radius:var(--radius)}summary{cursor:pointer;min-height:44px;display:list-item;padding:.4rem 0;font-weight:600}summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}p,li{max-width:80ch;overflow-wrap:anywhere}footer{margin-top:3rem;border-top:1px solid #C9A22755;color:var(--muted);font-size:.9rem}.skip{position:absolute;left:1rem;top:-100px}.skip:focus{top:1rem;background:var(--surface);padding:.6rem}code{font-family:monospace;color:var(--text)}@media(max-width:600px){nav{margin:0;width:100%}h1{margin-top:1.6rem}}