:root { --bg:#f4f1e8; --ink:#27304a; --muted:#5b6480; --accent:#3f8f52; }
@media (prefers-color-scheme: dark) { :root { --bg:#141a2b; --ink:#f4f1e8; --muted:#9aa6c2; --accent:#7cc98d; } }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; padding-inline:16px; padding-block:32px 64px; }
main { max-width:680px; margin:0 auto; }
h1 { font-size:32px; line-height:1.15; margin:0 0 4px; }
h1.logo { font-size:40px; }
h2 { font-size:19px; margin:28px 0 6px; }
.meta, .back { color:var(--muted); font-size:14px; margin:0 0 20px; }
a { color:var(--accent); }
ul { padding-left:20px; }
.links { list-style:none; padding:0; display:flex; flex-direction:column; gap:8px; }