:root{
  --ink:#07090C; --ivory:#F6F3EC; --gold:#D8C29D; --gold-hi:#F3E4C4;
  --muted:#9A9386; --dim:#5D594F; --line:rgba(216,194,157,.18);
  --f-display:"Michroma","Arial Narrow",Helvetica,sans-serif;
  --f-body:"Manrope","Helvetica Neue",Arial,sans-serif;
  --f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#F2ECE2;font:400 17px/1.7 var(--f-body);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--ink)}
a{color:var(--gold-hi)}
a:hover{color:#fff}
main a{text-decoration-thickness:1px;text-underline-offset:3px}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;height:80px;padding:0 max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));background:rgba(7,9,12,.66);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .3s}
.top.scrolled{border-bottom-color:rgba(216,194,157,.14)}
.brand{font:400 13px/1 var(--f-display);letter-spacing:.42em;padding-left:.42em;text-decoration:none;color:#F2ECE2}
.brand span{color:var(--gold)}
.back{font:500 13px/1 var(--f-body);color:var(--muted);text-decoration:none}
.back:hover{color:var(--gold-hi)}
main{max-width:760px;margin:0 auto;padding:64px 22px 96px}
.eyebrow{font:500 11px/1 var(--f-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
h1{font:400 clamp(28px,4vw,42px)/1.2 var(--f-display);letter-spacing:.02em;margin:18px 0 12px}
.updated{font:400 13px/1.5 var(--f-mono);color:var(--dim);margin:0 0 36px}
h2{font:400 18px/1.35 var(--f-display);letter-spacing:.03em;margin:40px 0 12px}
p,li{color:#D9D2C6}
ul,ol{padding-left:1.2em}
li+li{margin-top:8px}
.note{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:rgba(216,194,157,.06);margin:28px 0}
.note p{margin:0}
dl{margin:0;display:grid;gap:0;border-top:1px solid var(--line)}
dl div{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px 24px;padding:14px 0;border-bottom:1px solid var(--line)}
dt{font:500 12px/1.4 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
dd{margin:0}
.miss{color:var(--gold-hi)}
footer{border-top:1px solid var(--line);padding:28px 22px 40px}
footer nav{display:flex;flex-wrap:wrap;gap:10px 22px;max-width:760px;margin:0 auto 12px}
footer a{font-size:14px;color:var(--muted);text-decoration:none}
footer a[aria-current="page"],footer a:hover{color:var(--gold-hi)}
footer p{max-width:760px;margin:0 auto;font-size:13px;color:var(--dim)}
@media (max-width:560px){dl div{grid-template-columns:1fr;gap:4px}}