:root{--bg:#EEF1F3;--surface:#FFFFFF;--ink:#0F1A26;--muted:#56626F;--line:#D5DCE2;--brand:#0E6E63;
  --f-display:"Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif;--f-body:"IBM Plex Sans","Helvetica Neue",Arial,system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0B1117;--surface:#131C25;--ink:#E6ECF1;--muted:#97A4B1;--line:#243241;--brand:#3DB5A3;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-body);padding-inline:20px}
header,main,footer{max-width:760px;margin:0 auto}
header{display:flex;align-items:center;gap:10px;padding-block:20px;border-bottom:1px solid var(--line)}
header a{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
header img{width:30px;height:30px}
header b{font:800 22px var(--f-display);letter-spacing:-.03em}
main{padding-block:36px 48px}
h1{font:700 clamp(30px,5vw,42px)/1.1 var(--f-display);letter-spacing:-.02em;margin:0 0 6px}
h2{font:700 21px/1.25 var(--f-display);margin:32px 0 8px}
p,li{color:var(--ink)} .muted{color:var(--muted)}
a{color:var(--brand)}
table{border-collapse:collapse;width:100%;font-size:15px}
td,th{border-bottom:1px solid var(--line);padding:8px 6px;text-align:left;vertical-align:top}
.wrap-table{overflow-x:auto}
code{font-size:15px;user-select:all}
footer{border-top:1px solid var(--line);padding-block:24px;color:var(--muted);font-size:14px;display:flex;flex-wrap:wrap;gap:16px}
footer a{color:var(--muted)}