/* Minimal styling, no CDN */
:root { --bg:#0f172a; --fg:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; --ok:#16a34a; --err:#ef4444; --warn:#f59e0b; }
* { box-sizing: border-box; }
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; background:#0b1220; color:var(--fg); }
.container { max-width: 1100px; margin: 0 auto; padding: 1rem; }
.topbar { background: linear-gradient(90deg, #38bdf8, #22c55e); color:#0b1220; }
a { color:#93c5fd; text-decoration:none; }
a:hover { text-decoration:underline; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:.9rem; }
.table { width:100%; border-collapse: collapse; background:#0b1325; }
.table th, .table td { border-bottom:1px solid #1f2937; padding:.5rem .6rem; text-align:left; vertical-align:top; }
.table th { color:#93c5fd; }
.ok { color: var(--ok); font-weight:600; }
.err { color: var(--err); font-weight:600; }
.warn { color: var(--warn); }
.grid2 { display:grid; grid-template-columns: 1fr 1fr; gap:1rem; }
.kv { list-style:none; padding:0; margin:0; }
.kv li { display:grid; grid-template-columns: 180px 1fr; gap:.5rem; padding:.25rem 0; border-bottom:1px dashed #1f2937; }
pre.code { background:#0b1325; border:1px solid #1f2937; border-radius:.375rem; padding:.75rem; overflow:auto; }
.footer { color:var(--muted); margin-top:2rem; border-top:1px solid #1f2937; padding-top:1rem; }
/* Toolbar and buttons */
.toolbar { display:flex; gap:.5rem; align-items:center; margin:.75rem 0 1rem; }
button { background: var(--accent); color:#052e16; border:none; padding:.5rem .9rem; border-radius:.375rem; cursor:pointer; font-weight:600; }
button:hover { filter: brightness(1.05); }
button.danger { background: var(--err); color:#fff; }