:root { --bg:#F6F3EF; --text:#1d1d22; --muted:#5b5b66; --red:#D32F2F; --mark:#fff3b0; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --bg:#17171D; --text:#f2f2f5; --muted:#a9a9b5; --red:#FF5A5F; --mark:#5a4a12; } }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:760px; margin:0 auto; padding:32px 16px 64px; }
h1 { font-size:1.8rem; margin:0 0 4px; } h2 { font-size:1.2rem; margin-top:2em; }
a { color:var(--red); } .muted { color:var(--muted); } mark { background:var(--mark); color:inherit; padding:0 4px; }
nav { display:flex; gap:16px; margin-bottom:24px; font-weight:600; }
hr { border:0; border-top:1px solid color-mix(in srgb, var(--muted) 30%, transparent); margin:48px 0; }