:root{--bg:#ffffff;--fg:#1a1d21;--muted:#5b6570;--line:#e2e6ea;--accent:#c07a06;--max:44rem}
@media (prefers-color-scheme:dark){:root{--bg:#14181c;--fg:#e8ebee;--muted:#9aa5b1;--line:#2a3138}}
*{box-sizing:border-box}
body{margin:0;padding:2.5rem 1rem 5rem;background:var(--bg);color:var(--fg);
 font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
main{max-width:var(--max);margin:0 auto}
h1{font-size:1.7rem;line-height:1.25;margin:0 0 .4rem}
h2{font-size:1.1rem;margin:2.2rem 0 .6rem;padding-top:1.1rem;border-top:1px solid var(--line)}
h2:first-of-type{border-top:0;padding-top:0}
.sub{color:var(--muted);font-size:.9rem;margin:0 0 2rem}
.lang{font-size:.88rem;margin:0 0 2rem}
.lang a{color:var(--accent)}
.box{background:rgba(192,122,6,.08);border-left:3px solid var(--accent);padding:.9rem 1rem;margin:1.2rem 0;border-radius:0 4px 4px 0}
ul{padding-left:1.25rem}
li{margin:.35rem 0}
a{color:var(--accent)}
code{background:rgba(127,127,127,.15);padding:.1rem .35rem;border-radius:3px;font-size:.9em}
footer{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}