:root { color-scheme: light dark; --bg:#f8fafc; --fg:#0f172a; --muted:#475569; --accent:#4f46e5; --card:#ffffff; --line:#e2e8f0; }
    @media (prefers-color-scheme: dark) { :root { --bg:#0b0f19; --fg:#f1f5f9; --muted:#94a3b8; --accent:#a5b4fc; --card:#111827; --line:#1f2937; } }
    body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
    main { max-width:720px; margin:0 auto; padding:24px 16px 64px; }
    h1 { font-size:1.8rem; margin:.2em 0; }
    h2 { font-size:1.25rem; margin-top:2em; }
    p, li { color:var(--fg); }
    .muted { color:var(--muted); font-size:.9rem; }
    nav a { color:var(--accent); margin-right:16px; font-weight:600; }
    section { background:var(--card); border:1px solid var(--line); border-radius:16px; padding:8px 20px 20px; margin-top:24px; }
    a { color:var(--accent); }
    code { background:var(--line); padding:1px 5px; border-radius:5px; }
body>p.muted{max-width:720px;margin:0 auto;padding:16px 16px 0}
body>p.muted a{margin-right:0;font-weight:600}