:root{--fg:#1e293b;--muted:#64748b;--line:#e2e8f0;--bg:#fff;--accent:#0f172a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 4rem}
header{border-bottom:1px solid var(--line);padding-bottom:1.25rem;margin-bottom:2rem}
.brand{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}
h1{font-size:1.75rem;line-height:1.25;margin:0 0 .5rem;color:var(--accent)}
.meta{font-size:.875rem;color:var(--muted);margin:0}
h2{font-size:1.1rem;margin:2rem 0 .6rem;color:var(--accent)}
h3{font-size:.98rem;margin:1.4rem 0 .4rem}
p,li{color:var(--fg)}
ul{padding-left:1.25rem}
li{margin:.3rem 0}
table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.925rem;display:block;overflow-x:auto}
th,td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}
th{background:#f8fafc;font-weight:600}
footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid var(--line);
  font-size:.875rem;color:var(--muted)}
a{color:#1d4ed8}
code{background:#f1f5f9;padding:.1rem .3rem;border-radius:3px;font-size:.9em}
@media (max-width:520px){.wrap{padding:1.75rem 1rem 3rem}h1{font-size:1.4rem}}