:root{--ink:#18204A;--primary:#3949C2;--accent:#F5B83D;--ground:#FAF8F4;--muted:color-mix(in srgb,var(--ink) 68%,var(--ground));--line:color-mix(in srgb,var(--ink) 12%,var(--ground));--card:#fff}
@media (prefers-color-scheme:dark){:root{--ink:#F1F2FA;--primary:#8E9BF0;--ground:#0F1430;--card:color-mix(in srgb,#F1F2FA 6%,#0F1430)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--primary)}
.wrap{max-width:720px;margin:0 auto;padding:0 20px}
header{padding:22px 0}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.brand svg{width:32px;height:32px}
main{padding:24px 0 56px}
.chip{display:inline-block;padding:4px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,var(--ground));color:var(--ink);font-size:14px;font-weight:600}
h1{font-size:clamp(34px,7vw,52px);line-height:1.1;margin:16px 0 12px;letter-spacing:-.02em}
h2{font-size:21px;margin:32px 0 8px}
.lead{font-size:19px;color:var(--muted);max-width:34em}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin-top:28px}
.card p{margin:6px 0}
footer{border-top:1px solid var(--line);padding:22px 0 40px;font-size:15px;color:var(--muted)}
footer a{color:inherit;margin-right:16px}
.doc p,.doc li{color:color-mix(in srgb,var(--ink) 88%,var(--ground))}
.doc ul{padding-left:22px}
.updated{color:var(--muted);font-size:15px}