:root{color-scheme:dark;--bg:#101310;--ink:#f8f8f1;--yellow:#ffea00;--line:#383c36}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 system-ui,sans-serif}
a{color:var(--yellow);text-underline-offset:.18em}
a:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
nav,footer{background:#070807;padding:18px max(20px,6vw)}
nav{display:flex;flex-wrap:wrap;gap:10px 24px;border-bottom:2px solid var(--yellow)}
nav a:first-child{margin-right:auto;font-weight:750}
main{max-width:830px;margin:auto;padding:44px 22px 58px}
h1{font-size:clamp(2rem,6vw,3.5rem);line-height:1.08;margin:12px 0 22px}
h2{font-size:1.45rem;line-height:1.25;margin-top:1.75em}
h3{font-size:1.2rem}
.eyebrow{color:var(--yellow);font-size:.82rem;font-weight:800;letter-spacing:.15em}
.intro{font-size:1.15rem;color:#ddd}
aside{display:flex;flex-wrap:wrap;gap:12px 22px;padding-top:24px;border-top:1px solid var(--line);margin-top:36px}
footer{border-top:1px solid var(--line);font-size:.875rem}