:root { --bg:#faf6f2; --card:#fff; --ink:#12263f; --muted:#5b6b7e; --accent:#2f7fb5; }
@media (prefers-color-scheme: dark) { :root { --bg:#101820; --card:#18232f; --ink:#e8eef5; --muted:#9fb0c2; --accent:#7fc0ea; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:760px; margin:0 auto; padding:24px 16px 64px; }
header.site { max-width:760px; margin:0 auto; padding:20px 16px 0; display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
header.site a { color:var(--ink); text-decoration:none; font-weight:700; }
header.site nav a { font-weight:500; color:var(--accent); margin-right:14px; }
h1 { font-size:32px; line-height:1.2; margin:8px 0 4px; }
h2 { font-size:22px; margin-top:32px; }
section.card { background:var(--card); border-radius:20px; padding:8px 22px 22px; margin:20px 0; box-shadow:0 1px 6px rgba(0,0,0,.06); }
a { color:var(--accent); }
.muted { color:var(--muted); font-size:15px; }
li { margin:4px 0; }