:root{--ink:#0c0b0b;--panel:#171412;--cream:#f6efe4;--muted:#c9bfb2;--gold:#c9a76a;--gold2:#f0d49a;--line:rgba(240,212,154,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,rgba(201,167,106,.12),transparent 28%),var(--ink);color:var(--cream);font:16px/1.75 Inter,Arial,sans-serif}a{color:var(--gold2)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}.shell{width:min(920px,92vw);margin:auto}.site-header{border-bottom:1px solid var(--line)}.site-header .shell{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font:600 1.45rem/1.1 Georgia,serif;letter-spacing:.11em;text-decoration:none;color:var(--cream)}.brand span{color:var(--gold2)}nav{display:flex;flex-wrap:wrap;gap:18px}nav a,footer a{color:var(--muted);text-decoration:none}nav a:hover,footer a:hover{text-decoration:underline;color:var(--gold2)}main{padding:64px 0 80px}article{background:linear-gradient(180deg,rgba(24,21,19,.96),rgba(16,15,14,.96));border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,54px);box-shadow:0 22px 70px #0005}.eyebrow{color:var(--gold2);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2{font-family:Georgia,serif;color:var(--cream);line-height:1.15}h1{font-size:clamp(2.5rem,7vw,4.6rem);margin:.3em 0}h2{font-size:1.7rem;margin:1.7em 0 .45em}p,li{color:#ded5ca}.updated,.muted{color:var(--muted)}.notice{border-left:3px solid var(--gold);background:rgba(201,167,106,.08);padding:14px 18px;margin:24px 0}.card{border:1px solid var(--line);border-radius:16px;padding:20px;margin:20px 0;background:#0f0e0d}.button{display:inline-block;border-radius:999px;background:linear-gradient(135deg,var(--gold2),#b78c48);color:#17120c;text-decoration:none;font-weight:800;padding:12px 20px}footer{border-top:1px solid var(--line);padding:34px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:28px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:flex-end}@media(max-width:680px){.site-header .shell{align-items:flex-start;flex-direction:column;padding:20px 0}nav{gap:10px 16px}main{padding:34px 0 54px}article{border-radius:18px}.footer-grid{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}