:root{--bg:#fff;--fg:#1a1a1a;--muted:#5c5c5c;--line:#e6e6e6;--link:#0b57d0;--code:#f4f4f4}
@media (prefers-color-scheme:dark){:root{--bg:#111;--fg:#eaeaea;--muted:#9a9a9a;--line:#2a2a2a;--link:#8ab4f8;--code:#1c1c1c}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main,header,footer{max-width:680px;margin:0 auto;padding:0 16px}
header{padding-top:40px}header nav a{margin-right:18px;color:var(--muted);text-decoration:none}header nav a:hover{color:var(--link)}
h1{font-size:2rem;line-height:1.2;margin:28px 0 8px}h2{font-size:1.3rem;margin:36px 0 10px}h3{font-size:1.05rem;margin:24px 0 6px}
p,li{margin:0 0 14px}a{color:var(--link)}.muted{color:var(--muted)}
ul{padding-left:22px}hr{border:0;border-top:1px solid var(--line);margin:36px 0}
code{background:var(--code);padding:2px 5px;border-radius:4px;font-size:.92em}
pre{background:var(--code);padding:14px;border-radius:6px;overflow-x:auto;font-size:.9em;line-height:1.45}pre code{background:none;padding:0}
footer{padding:36px 16px 56px;color:var(--muted);font-size:.92em;border-top:1px solid var(--line);margin-top:48px}
.item{margin-bottom:22px}.item .t{font-weight:600}.item .d{color:var(--muted)}
time{color:var(--muted)}