:root{--text:#1f2328;--muted:#59636e;--line:#d8dee4;--soft:#f6f8fa;--accent:#0b5cad;--bg:#fff}
@media (prefers-color-scheme:dark){:root{--text:#e6edf3;--muted:#9da7b3;--line:#30363d;--soft:#161b22;--accent:#6cb6ff;--bg:#0d1117}}
*{box-sizing:border-box}
body{font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;max-width:720px;margin:0 auto;padding:24px 16px 64px;color:var(--text);background:var(--bg)}
h1{font-size:1.6em;line-height:1.25;margin:0 0 4px}
h2{font-size:1.25em;margin:40px 0 8px;padding-top:8px;border-top:1px solid var(--line)}
h3{font-size:1.05em;margin:24px 0 4px}
p,ul,ol{margin:8px 0}
li{margin:4px 0}
a{color:var(--accent)}
.muted{color:var(--muted);font-size:.92em}
.box{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:12px 16px;margin:12px 0}
nav ol{padding-left:20px}
kbd{font:inherit;font-weight:600;white-space:nowrap}
.new dt{font-weight:600;margin-top:12px}
.new dd{margin:2px 0 0 0}
.lead{font-size:1.1em}
.cards{display:grid;gap:12px;margin:16px 0}
.card{display:block;border:1px solid var(--line);border-radius:8px;padding:14px 16px;text-decoration:none;color:inherit}
.card:hover{border-color:var(--accent)}
.card strong{color:var(--accent)}
footer{margin-top:48px;padding-top:12px;border-top:1px solid var(--line)}