:root{--bg:#f8fafc;--surface:#ffffff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--accent:#0f766e;--radius:12px}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--surface:#111a2e;--border:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--accent:#2dd4bf}}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}main{max-width:68rem;margin:0 auto;padding:2rem 1.25rem 4rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.badge,.muted{color:var(--muted)}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;border:1px solid var(--border);font-size:.8rem}h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2}h1,h2{margin:0 0 .5rem}h2{font-size:1.1rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.05rem .35rem}ul.plain{margin:0;padding-left:1.1rem}