:root { --bg:#FAF6F2; --ink:#2A1F24; --muted:#6E5F66; --line:#E8DFD9; --accent:#B4405E; }
@media (prefers-color-scheme: dark) { :root { --bg:#161016; --ink:#F3ECEF; --muted:#B5A8AE; --line:#3A2E36; --accent:#E07D97; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
main { max-width:680px; margin:0 auto; padding:28px 20px 64px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-weight:600; font-size:32px; line-height:1.2; margin:0 0 4px; letter-spacing:-0.5px; }
.updated { color:var(--muted); font-size:14px; margin:0 0 28px; }
h2 { font-size:17px; margin:32px 0 8px; }
p, li { color:var(--ink); }
ul { padding-left:20px; }
li { margin:4px 0; }
a { color:var(--accent); }
.note { border:1px solid var(--line); border-radius:14px; padding:14px 16px; color:var(--muted); font-size:15px; }