:root{--bg:#0B171F;--surface:#112230;--ink:#DCE7EE;--muted:#93A7B5;--accent:#4FB5DB;--accent-ink:#8ED2EC;--brass:#E2AB4C;--rule:#22384A;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 "Charter","Iowan Old Style","Palatino Linotype",Georgia,serif;-webkit-text-size-adjust:100%}
h1,h2,h3,header,nav,footer,.btn,.eyebrow{font-family:"Avenir Next","Avenir","Helvetica Neue",system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent-ink);text-underline-offset:2px}
header{display:flex;justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:22px 24px}
header .brand{text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--ink)}
header .brand span{color:var(--brass)}
header nav a{margin-left:20px;text-decoration:none;color:var(--muted);font-size:15px}
header nav a:hover{color:var(--accent-ink)}
main{max-width:720px;margin:0 auto;padding:24px 24px 96px}
h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:.4em 0 .4em}
h2{font-size:22px;margin-top:40px;color:var(--brass)}
p,li{color:var(--ink)}
.muted{color:var(--muted)}
.updated{color:var(--muted);font-size:14px}
.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
footer{max-width:960px;margin:0 auto;padding:32px 24px 56px;color:var(--muted);font-size:14px;border-top:1px solid var(--rule)}
footer a{color:var(--muted)}
.btn{display:inline-block;background:var(--brass);color:#1a1409;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:999px}
.btn.ghost{background:transparent;color:var(--accent-ink);border:1px solid var(--rule)}
code{font-family:"SF Mono",Menlo,monospace;font-size:.9em;background:var(--surface);padding:.1em .35em;border-radius:4px}