:root{--bg:#fffaf0;--fg:#1a1a1a;--mut:#555;--line:#e8dfcc;--acc:#1a1a1a}
@media (prefers-color-scheme:dark){:root{--bg:#16130d;--fg:#f3eee2;--mut:#b9b2a0;--line:#2e291d;--acc:#f3eee2}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:34px;line-height:1.2;margin:0 0 8px}
h2{font-size:21px;margin:32px 0 8px}
.mut{color:var(--mut)}
a{color:var(--acc)}
ul,ol{padding-left:22px}
nav{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:28px;font-weight:600}
nav a{text-decoration:none}
hr{border:0;border-top:1px solid var(--line);margin:36px 0}
footer{margin-top:48px;color:var(--mut);font-size:14px}