*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0}
a{color:#38bdf8;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:820px;margin:auto;padding:0 24px}
nav{border-bottom:1px solid #1e293b}
nav .wrap{display:flex;gap:24px;align-items:center;padding:18px 24px}
nav b{margin-right:auto;font-size:1.05rem}
h1{font-size:2.3rem;margin:48px 0 8px}h2{margin-top:36px}
.lead{color:#94a3b8;font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:32px 0}
.card{background:#1e293b;border-radius:12px;padding:20px}.card b{color:#38bdf8;font-size:1.3rem}
pre{background:#1e293b;padding:16px;border-radius:10px;overflow-x:auto;font-size:.9rem}
table{width:100%;border-collapse:collapse;margin:20px 0}
td,th{text-align:left;padding:10px 8px;border-bottom:1px solid #1e293b}
.ok{color:#4ade80}
footer{margin-top:64px;border-top:1px solid #1e293b;color:#64748b;font-size:.85rem;padding:24px 0}