:root{--bg:#facc15;--surface:#ffed86;--border:#11110b;--text:#11110b;--muted:rgba(17,17,11,.68);--purple:#11110b;--cyan:#3d330f;}
*{box-sizing:border-box;}
body{margin:0;background:radial-gradient(circle at top left,rgba(255,255,255,.3),transparent 35%),radial-gradient(circle at 1px 1px,rgba(17,17,11,.16) 1px,transparent 0),var(--bg);background-size:auto,28px 28px,auto;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7;}
nav{height:68px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(250,204,21,.92);backdrop-filter:blur(18px);}
.brand{color:#11110b;text-decoration:none;font-weight:800;}.brand span{color:#11110b;}
.back{color:var(--muted);text-decoration:none;font-size:14px;}.back:hover{color:#11110b;}
main{max-width:780px;margin:0 auto;padding:72px 24px 96px;}
.eyebrow{color:var(--purple);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
h1{font-size:clamp(38px,8vw,62px);line-height:1.05;margin:10px 0 14px;letter-spacing:-.04em;}
.updated{color:var(--muted);font-size:14px;margin-bottom:48px;}
section{background:var(--surface);border:2px solid var(--border);border-radius:18px;padding:24px 26px;margin:18px 0;box-shadow:7px 7px 0 #11110b;}
h2{font-size:20px;margin:0 0 8px;}p,li{color:var(--muted);}a{color:var(--cyan);}ul{padding-left:20px;}
footer{border-top:1px solid var(--border);padding:28px;text-align:center;color:var(--muted);font-size:13px;}
@media(max-width:600px){nav{padding:0 18px;}main{padding-top:48px;}section{padding:20px;}}