:root{
  --bg:#08080a;
  --card:#111114;
  --ink:#f5f5f5;
  --muted:#a1a1aa;
  --gold:#c9a84c;
  --gold-light:#f0d060;
  --line:rgba(255,255,255,.08);
  --max:860px;
}
*{box-sizing:border-box;margin:0;padding:0}
::selection{background:var(--gold);color:#08080a}
html{scroll-behavior:smooth}
body{min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(201,168,76,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(201,168,76,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 100% 60% at 50% 0%,#000,transparent 85%)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus{outline:none}
.site-header{position:relative;z-index:1;border-bottom:1px solid var(--line)}
.nav{width:min(100% - 40px,1080px);height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:800;letter-spacing:.24em;color:#e8dcbb}
.brand img{width:34px;height:36px;object-fit:contain}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;line-height:1;transition:color .2s}
.back svg{width:16px;height:16px;flex:none;transition:transform .2s}
.back:hover{color:var(--gold-light)}
.back:hover svg{transform:translateX(-2px)}
main{position:relative;z-index:1;width:min(100% - 40px,var(--max));margin:0 auto;padding:72px 0 96px}
.eyebrow{color:var(--gold);font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
h1{margin-top:12px;font-size:clamp(38px,7vw,62px);line-height:1.05;letter-spacing:-.04em}
.intro{margin:24px 0 16px;color:var(--muted);font-size:17px;max-width:68ch}
.updated{color:rgba(255,255,255,.34);font-size:13px}
.content{margin-top:52px;padding:42px 46px;border:1px solid var(--line);border-radius:24px;background:rgba(17,17,20,.82)}
section+section{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
h2{margin-bottom:12px;font-size:20px;line-height:1.3;letter-spacing:-.015em}
p,li{color:var(--muted);font-size:15px}
p+p{margin-top:12px}
ul{margin-top:12px;padding-left:20px}
li+li{margin-top:8px}
.content a{color:var(--gold-light);text-decoration:underline;text-underline-offset:3px}
footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:28px 20px;text-align:center;color:rgba(255,255,255,.3);font-size:12px}
@media(max-width:620px){
  .nav{width:min(100% - 32px,1080px)}
  .brand span{display:none}
  main{width:min(100% - 32px,var(--max));padding:52px 0 72px}
  .content{margin-top:38px;padding:30px 22px;border-radius:18px}
}