:root { --ink:#1C211E; --quiet:#66706A; --canvas:#F1F4EF; --surface:#FCFDFA; --brand:#245C43; --line:#DCE3DA; }
@media (prefers-color-scheme: dark) { :root { --ink:#F1F4EF; --quiet:#9DA69F; --canvas:#121714; --surface:#202724; --brand:#5BA37E; --line:#2F3833; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--canvas); color:var(--ink); font:17px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width:720px; margin:0 auto; padding:48px 16px 64px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:13px; }
h1 { font-size:30px; margin:0; letter-spacing:-0.01em; }
h2 { font-size:18px; margin:28px 0 6px; }
p, li { color:var(--ink); }
.quiet { color:var(--quiet); font-size:15px; }
.card { background:var(--surface); border:1px solid var(--line); border-radius:18px; padding:20px 22px; }
a { color:var(--brand); }
nav { margin-top:40px; font-size:15px; }
nav a { margin-right:18px; }