:root { --bg:#FAF7F2; --card:#FFFDF9; --ink:#2C3A47; --muted:#5A6A78; --teal:#2D7A72; --line:#E6E1D8; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#0F1A19; --card:#152321; --ink:#E9EEEC; --muted:#A3B2AF; --teal:#5CC0B3; --line:#24403C; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 20px 80px; }
header { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
header img { width:56px; height:56px; border-radius:13px; }
header a { color:inherit; text-decoration:none; font-weight:700; font-size:22px; }
h1 { font-size:30px; line-height:1.2; margin:0 0 6px; }
h2 { font-size:19px; margin:32px 0 8px; }
p, li { color:var(--ink); }
.muted { color:var(--muted); font-size:14px; }
a { color:var(--teal); }
.card { background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; margin:16px 0; }
ul { padding-left:22px; }
footer { margin-top:48px; font-size:14px; color:var(--muted); }