
:root{--bg:#fff;--fg:#1d2433;--mute:#5b6577;--line:#e3e7ee;--accent:#0b5cad;--code:#f4f6f9;--warn:#fff6e0;--warnline:#e8c46a}
@media (prefers-color-scheme:dark){:root{--bg:#12161d;--fg:#e6e9ef;--mute:#9aa4b5;--line:#2a313d;--accent:#6aa9f0;--code:#1b212b;--warn:#2b2414;--warnline:#8a6d2a}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}main{overflow-wrap:anywhere}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 -apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
header{border-bottom:1px solid var(--line)}header .in,main{max-width:920px;margin:0 auto;padding:0 16px}
header .in{display:flex;flex-wrap:wrap;align-items:center;gap:6px 20px;padding-top:14px;padding-bottom:14px}
.brand{font-weight:700;font-size:20px;color:var(--fg);text-decoration:none;margin-right:auto}
nav a{color:var(--mute);text-decoration:none;font-size:15px}nav a.on,nav a:hover{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:4px 18px}
main{padding-top:24px;padding-bottom:60px}a{color:var(--accent)}h1{font-size:30px;line-height:1.25}h2{margin-top:2em;border-bottom:1px solid var(--line);padding-bottom:4px}
table{border-collapse:collapse;display:block;overflow-x:auto;margin:1em 0}th,td{border:1px solid var(--line);padding:6px 10px;text-align:left;vertical-align:top;font-size:14.5px}th{background:var(--code)}
code{background:var(--code);padding:1px 5px;border-radius:4px;font-size:.9em}pre{background:var(--code);padding:12px 14px;border-radius:6px;overflow-x:auto}pre code{padding:0;background:none}
.note{background:var(--warn);border:1px solid var(--warnline);border-radius:6px;padding:10px 14px;margin:1em 0}
figure{margin:1.5em 0}figure img{max-width:100%;border:1px solid var(--line);border-radius:6px}figcaption{color:var(--mute);font-size:14px;margin-top:4px}
footer{border-top:1px solid var(--line);color:var(--mute);font-size:13px}footer .in{max-width:920px;margin:0 auto;padding:16px}
