:root { --bg:#F5F3EE; --text:#15232B; --muted:#4D5B63; --accent:#2E6B65; --card:#FBFAF7; --border:#DCD6CB; }
@media (prefers-color-scheme: dark) { :root { --bg:#10151A; --text:#EEF2F3; --muted:#A6B3B9; --accent:#82C4BC; --card:#161E24; --border:#2A3741; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--text); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:680px; margin:0 auto; padding:48px 16px 72px; }
h1 { font-size:30px; margin:0 0 4px; } h2 { font-size:20px; margin:32px 0 8px; }
p, li { color:var(--muted); } a { color:var(--accent); }
.card { background:var(--card); border:1px solid var(--border); border-radius:20px; padding:20px; margin-top:24px; }
nav a { margin-right:16px; font-weight:600; text-decoration:none; }
small { color:var(--muted); }