:root{color-scheme:light;--brand:#6366f1;--ink:#0f1222;--ink-2:#4b4f63;--ink-3:#8a8ea3;--bg:#fff;--bg-2:#f7f8fb;--line:#e7e8ef}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--brand:#818cf8;--ink:#f2f3f8;--ink-2:#b9bccc;--ink-3:#7d8098;--bg:#0d0e16;--bg-2:#13141f;--line:#252738}}
*{box-sizing:border-box}
body{font-family:ui-sans-serif,system-ui,sans-serif;margin:0;line-height:1.65;color:var(--ink);background:var(--bg)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px 80px}
header{border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:40px}
.nav{display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo img{width:24px;height:24px;border-radius:6px;display:block}
.logo img.wm{width:auto;height:15px;border-radius:0}
.logo span{color:var(--brand)}
nav a{color:var(--ink-2);text-decoration:none;margin-left:16px;font-size:.92rem}
h1{font-size:1.9rem;letter-spacing:-.01em;margin:0 0 6px}
.updated{color:var(--ink-3);font-size:.85rem;margin-bottom:34px}
h2{font-size:1.12rem;margin:32px 0 8px}
p,li{color:var(--ink-2);font-size:.95rem}
a{color:var(--brand)}
footer{border-top:1px solid var(--line);margin-top:60px;padding-top:22px;font-size:.85rem;color:var(--ink-3)}