:root{
  --bg: #f6f8fa;
  --card: #ffffff;
  --accent: #1f6feb;
  --muted: #6b7280;
}
body{font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background:var(--bg);color:#111;margin:0}
.container{max-width:900px;margin:48px auto;padding:24px}
h1{margin:0 0 8px;font-size:28px}
.lead{color:var(--muted);margin:0 0 20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.cards article{background:var(--card);padding:16px;border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.04)}
a{color:var(--accent);text-decoration:none}
code{background:#1118270f;padding:2px 6px;border-radius:4px;font-family:monospace}