:root { --ink:#190e2e; --muted:#545454; --line:rgba(25,14,46,.1); --coral:#b8432f; --bg:#ffffff; --soft:#f7f7f7; }
    @media (prefers-color-scheme: dark) { :root { --ink:#f7f8f8; --muted:#c3c6cb; --line:rgba(255,255,255,.1); --coral:#ff8a72; --bg:#0f1011; --soft:#18191b; } }
    * { box-sizing: border-box; }
    body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
    main { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }
    header img { height: 30px; }
    h1 { font-size: 32px; line-height: 1.2; margin: 28px 0 8px; letter-spacing: -.02em; }
    h2 { font-size: 22px; margin: 40px 0 8px; padding-top: 16px; border-top: 1px solid var(--line); }
    h3 { font-size: 17px; margin: 24px 0 4px; }
    p, li { color: var(--muted); }
    strong { color: var(--ink); }
    a { color: var(--coral); }
    ol, ul { padding-left: 22px; }
    li { margin: 6px 0; }
    .lead { font-size: 18px; }
    .note { background: var(--soft); border-radius: 10px; padding: 14px 16px; }
    code { background: var(--soft); padding: 1px 6px; border-radius: 4px; font-size: 14px; }