:root{--bg:#f6f7f9;--card:#fff;--ink:#12161f;--ink2:#3a4353;--mut:#6b7482;--line:#e3e7ee;--acc:#4f46e5;--warn:#9a5b0a;--warn-soft:#fbf1e2}
@media (prefers-color-scheme: dark){:root{--bg:#0a0c10;--card:#12161f;--ink:#eef1f6;--ink2:#c3ccda;--mut:#8b96a6;--line:#232a38;--acc:#8b8dfb;--warn:#e0a557;--warn-soft:#2a2011}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 Georgia,"Times New Roman",serif;padding:0 18px}
main{max-width:720px;margin:0 auto;padding:48px 0 80px}
h1{font:700 32px/1.15 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.02em;margin:0 0 6px}
h2{font:650 20px/1.3 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;margin:36px 0 6px}
.maj{color:var(--mut);font:14px -apple-system,BlinkMacSystemFont,sans-serif;margin:0 0 28px}
nav{font:14px -apple-system,BlinkMacSystemFont,sans-serif;margin:0 0 28px;color:var(--mut)}
nav a{margin-right:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:16px 0}