:root{--ink:#1a1d23;--mut:#5b6470;--acc:#0b66ff;--bg:#fff;--soft:#f4f6f9;--line:#e3e7ee}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
main{max-width:780px;margin:0 auto;padding:32px 20px 64px}
h1{font-size:1.9rem;line-height:1.25;margin:.2em 0 .4em}
h2{font-size:1.25rem;margin:1.6em 0 .5em}
p{margin:.6em 0}a{color:var(--acc)}
.mut{color:var(--mut)}.pill{display:inline-block;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 12px;font-size:.85rem;margin-right:6px}
table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.95rem}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
th{background:var(--soft)}
.cta{display:inline-block;background:var(--acc);color:#fff;border-radius:8px;padding:12px 22px;font-weight:600;text-decoration:none;margin:.6em 0}
.cta:hover{filter:brightness(1.08)}
.box{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px 18px;margin:1.2em 0}
ol li{margin:.4em 0}
code{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:1px 6px;font-size:.9em;word-break:break-all}
footer{max-width:780px;margin:0 auto;padding:18px 20px 40px;color:var(--mut);font-size:.85rem;border-top:1px solid var(--line)}
nav{max-width:780px;margin:0 auto;padding:14px 20px;font-size:.92rem}
nav a{margin-right:14px}