:root{
  --bg:#ffffff; --fg:#1f2328; --muted:#59636e; --rule:#e4e8ec;
  --code-bg:#f3f5f7; --accent:#9a4a06; --link:#0a5fb4; --shot-ring:#e0e4e8;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0d1117; --fg:#e6edf3; --muted:#8b949e; --rule:#21262d;
    --code-bg:#161b22; --accent:#e8a44c; --link:#79b8ff; --shot-ring:#21262d;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--fg);
  font:18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  padding:0 22px;
}
main{max-width:730px;margin:0 auto;padding:64px 0 96px}
h1{font-size:2.05em;line-height:1.2;letter-spacing:-.015em;margin:0 0 .6em;font-weight:700}
h2{font-size:1.42em;line-height:1.3;margin:2.2em 0 .55em;font-weight:700;letter-spacing:-.01em}
h3{font-size:1.13em;margin:2em 0 .5em;font-weight:700;color:var(--fg)}
p{margin:0 0 1.15em}
a{color:var(--link);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--link) 35%,transparent)}
a:hover{border-bottom-color:var(--link)}
ul{margin:0 0 1.15em;padding-left:1.3em}
li{margin:.3em 0}
code{font-family:ui-monospace,SFMono-Regular,"DejaVu Sans Mono",Menlo,Consolas,monospace;font-size:.86em;background:var(--code-bg);padding:.15em .4em;border-radius:4px}
pre{background:var(--code-bg);border:1px solid var(--rule);border-radius:8px;padding:16px 18px;overflow-x:auto;margin:0 0 1.4em}
pre code{background:none;padding:0;font-size:.82em;line-height:1.55}
blockquote{margin:0 0 1.2em;padding:.1em 0 .1em 1.1em;border-left:3px solid var(--rule);color:var(--muted)}
hr{border:none;border-top:1px solid var(--rule);margin:2.6em 0}
figure{margin:1.9em 0}
figure img{display:block;width:100%;height:auto;border-radius:8px}
figure img.shot{outline:1px solid var(--shot-ring);outline-offset:-1px}
figure.code pre{margin:0}
figcaption,
.caption{margin-top:.7em;font-size:.86em;line-height:1.5;color:var(--muted);font-style:italic}
.caption p{margin:0}
em{font-style:italic}
strong{font-weight:650}
@media (max-width:600px){body{font-size:17px;padding:0 18px}main{padding:40px 0 64px}h1{font-size:1.72em}}
