:root { color-scheme: dark; --bg:#0b0e0c; --panel:#151a17; --text:#f8faf9; --muted:#a8b2ab; --accent:#35d66f; --border:#2b332e; }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.7 Inter,Arial,sans-serif; }
header, main, footer { width:min(840px, calc(100% - 40px)); margin:auto; }
header { padding:32px 0 20px; border-bottom:1px solid var(--border); }
main { padding:32px 0 56px; }
footer { padding:24px 0 40px; border-top:1px solid var(--border); color:var(--muted); }
h1 { font-size:2rem; margin:0 0 8px; }
h2 { margin-top:32px; font-size:1.25rem; }
p, li { color:var(--muted); }
a { color:var(--accent); }
.brand { color:var(--accent); font-weight:700; text-decoration:none; }
.updated { font-size:.9rem; }
.notice { background:var(--panel); border:1px solid var(--border); padding:16px; border-radius:6px; }
:focus-visible { outline:3px solid #f8b84e; outline-offset:3px; }