:root { --bg:#0B1220; --card:#10192C; --line:#1E2D4A; --ink:#E8EEF7; --muted:#93A4BB; --cy:#22D3EE; --gold:#FBBF24; --gr:#34D399; }
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;line-height:1.55}
.wrap{max-width:920px;margin:0 auto;padding:28px 20px 64px}
a{color:var(--cy);text-decoration:none}
a:hover{color:var(--gold)}
h1{font-size:clamp(32px,5vw,52px);letter-spacing:.04em;line-height:1.05;margin-bottom:.35em}
h2{font-size:22px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);margin:2em 0 .6em}
h3{font-size:16px;color:var(--cy);margin:1.2em 0 .4em}
.kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--cy);margin-bottom:10px}
.sub{color:var(--muted);font-size:15px;max-width:42em;margin-bottom:1.2em}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:11px;color:var(--muted);margin:2px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{color:var(--gold);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
code,.path{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:var(--gr)}
.nav{margin-bottom:1.2em;font-size:13px}
.nav a{margin-right:12px}
.meta{color:var(--muted);font-size:12px}
footer{margin-top:3em;color:var(--muted);font-size:12px}