:root{--ink:#1b1b1b;--mute:#6f6f6f;--line:#e7e2dc;--gold:#b8924a;--bg:#fff;--card:#faf8f5}
@media (prefers-color-scheme:dark){:root{--ink:#f2efe9;--mute:#a9a39a;--line:#34302b;--bg:#141210;--card:#1d1a17}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;padding:max(24px,env(safe-area-inset-top)) 18px 40px}
main{max-width:760px;margin:0 auto}
.brand{font-weight:800;letter-spacing:.28em;font-size:22px;color:var(--gold);margin:8px 0 4px}
h1{font-size:28px;line-height:1.2;margin:.2em 0 .6em}
h2{font-size:19px;margin:1.8em 0 .4em}
p,li{color:var(--ink)}
.muted{color:var(--mute)}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0}
nav{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0 22px}
nav a,a{color:var(--gold)}
hr{border:0;border-top:1px solid var(--line);margin:34px 0}
footer{margin-top:40px;font-size:14px;color:var(--mute)}