:root{--bg:#141210;--panel:#1c1916;--ink:#efe8df;--mute:#a89c8e;--line:#3a332c;--tungsten:#f0a53a;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--tungsten)}a:hover{text-decoration-thickness:2px}
header{border-bottom:1px solid var(--line);background:#100e0c}
.bar{max-width:820px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{font:700 20px/1 "Saira Condensed","Arial Narrow",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tungsten);text-decoration:none}
nav a{color:var(--mute);text-decoration:none;font-size:14px;margin-left:16px}nav a:hover,nav a[aria-current]{color:var(--ink)}
main{max-width:820px;margin:0 auto;padding:32px 16px 64px}
h1{font:700 40px/1.05 "Saira Condensed","Arial Narrow",sans-serif;letter-spacing:.03em;text-transform:uppercase;margin:0 0 6px}
.eff{color:var(--mute);margin:0 0 28px;font-size:14px}
h2{font:600 20px/1.2 "Saira Condensed","Arial Narrow",sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:36px 0 8px;color:var(--ink)}
h3{font-size:16px;margin:20px 0 4px}
p,li{color:#ddd5ca}ul{padding-left:20px}li{margin:4px 0}
.box{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:14px 16px;margin:16px 0}
.box p{margin:0}
footer{border-top:1px solid var(--line);color:var(--mute);font-size:13px}
footer .bar{flex-wrap:wrap}
@media (max-width:560px){h1{font-size:32px}nav a{margin-left:10px}}
