:root { color-scheme: light dark; --bg:#F7F5EE; --card:#FFFFFF; --text:#1C2416; --muted:#4F5B47; --accent:#2F7D1E; --line:#D9D4C3; }
@media (prefers-color-scheme: dark) { :root { --bg:#0B0F0A; --card:#151C13; --text:#F4F8EF; --muted:#B7C4AE; --accent:#D9F99D; --line:#2E3B2A; } }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.55 system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
main { max-width:720px; margin:0 auto; padding:16px 18px 60px; }
.draft { background:#FDEBC8; color:#7A4205; border:2px dashed #B45309; border-radius:12px; padding:12px 14px; font-weight:700; margin:12px 0 20px; }
h1 { font-size:26px; margin:8px 0 2px; } h2 { font-size:19px; margin:26px 0 6px; }
p, li { color:var(--text); } .muted { color:var(--muted); font-size:14px; }
a { color:var(--accent); } .ph { background:#FFF3B0; color:#5C4300; padding:0 4px; border-radius:4px; font-weight:650; }
nav { font-size:15px; } nav a { margin-right:14px; }
.asis { color:var(--muted); font-size:14px; border-left:3px solid var(--line); padding-left:10px; }