:root { --fg:#1c1c1e; --bg:#fff; --muted:#6e6e73; --accent:#1f6feb; --rule:#e5e5ea; --card:#f5f5f7; }
@media (prefers-color-scheme: dark) {
  :root { --fg:#f2f2f7; --bg:#0b0b0d; --muted:#98989d; --accent:#6ea8fe; --rule:#2c2c2e; --card:#1c1c1e; }
}
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif; color:var(--fg); background:var(--bg); }
main { max-width:760px; margin:0 auto; padding:3rem 1.25rem 4rem; }
h1 { font-size:2rem; letter-spacing:-.02em; margin:0 0 .5rem; }
h2 { margin-top:2rem; }
.muted { color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; margin:2rem 0; }
.card { display:block; background:var(--card); border-radius:10px; padding:1.25rem; color:inherit; }
.card h3 { margin:0 0 .35rem; }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
code { background:var(--card); padding:.1rem .35rem; border-radius:4px; }
table { border-collapse:collapse; width:100%; font-size:.95rem; }
th, td { border:1px solid var(--rule); padding:.5rem .6rem; text-align:left; vertical-align:top; }
footer { margin-top:3rem; padding-top:1.25rem; border-top:1px solid var(--rule); color:var(--muted); font-size:.9rem; }
footer a { margin-right:.75rem; }