:root { --bg:#fdf8ee; --ink:#2a2f55; --soft:rgba(42,47,85,.65); --accent:#b8860b; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#131c3a; --ink:#f2e8d5; --soft:rgba(242,232,213,.65); --accent:#ffd97a; }
}
body { background:var(--bg); color:var(--ink); margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; line-height:1.55; }
main { max-width:640px; margin:0 auto; padding:48px 20px 80px; }
h1 { font-weight:800; font-size:1.9rem; margin:0 0 6px; }
h2 { font-weight:700; font-size:1.15rem; margin:28px 0 6px; }
p, li { color:var(--soft); }
a { color:var(--accent); }
.small { font-size:.85rem; }
nav a { margin-right:16px; font-size:.9rem; }