:root{--bg:#0a0a0b;--card:#141416;--border:#262629;--fg:#f4f4f5;--muted:#a1a1aa;--red:#e10600;--max:880px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 -apple-system,"Segoe UI",Roboto,Inter,sans-serif}
.top{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;padding:.9rem 1.25rem;border-bottom:1px solid var(--border)}
.brand{color:var(--fg);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:.5rem}
.dot{width:12px;height:12px;border-radius:3px;background:var(--red);display:inline-block}
nav{display:flex;flex-wrap:wrap;gap:.25rem 1rem}nav a{color:var(--muted);text-decoration:none;font-size:.92rem}nav a:hover,nav a[aria-current]{color:var(--fg)}
main{max-width:var(--max);margin:0 auto;padding:2rem 1.25rem 4rem}
h1{font-size:1.9rem;letter-spacing:-.02em;margin:.2em 0}h2{margin-top:2.2em;border-bottom:1px solid var(--border);padding-bottom:.3em}
.eyebrow{color:var(--red);text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.12em}
.lede{color:var(--muted);font-size:1.05rem}
a{color:#ff6b66}code{background:var(--card);border:1px solid var(--border);border-radius:6px;padding:.1em .4em;font-size:.88em}
pre{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1em;overflow-x:auto}pre code{border:0;padding:0}
table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border:1px solid var(--border);padding:.5em .7em;text-align:left}th{background:var(--card)}
.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1em 1.2em;margin:1em 0}
.warn{border-left:3px solid var(--red);padding:.6em 1em;background:var(--card);margin:1em 0}
footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center;color:var(--muted);font-size:.85rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5em 0}
.grid a{display:block;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1em;text-decoration:none;color:var(--fg)}
.grid a:hover{border-color:var(--red)}.grid b{display:block;margin-bottom:.3em}.grid span{color:var(--muted);font-size:.9rem}
