/* Minimal starter CSS */
:root { --fg: #1f2937; --bg: #ffffff; --muted:#6b7280; --accent:#2563eb; }
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; background: var(--bg); color: var(--fg); }
.container { max-width: 900px; margin: 0 auto; padding: 2rem; }
nav { display:flex; gap:1rem; margin-bottom:1rem; flex-wrap: wrap; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { margin: 0 0 0.25rem 0; font-size: 2rem; }
.tag { display:inline-block; font-size: .8rem; color:#fff; background: var(--accent); padding: .2rem .5rem; border-radius: .4rem; margin-right:.5rem; }
.card { border:1px solid #e5e7eb; border-radius: .75rem; padding:1rem; margin:1rem 0; }
ul { padding-left:1.2rem; }
footer { margin-top:2rem; font-size:.875rem; color: var(--muted); }
.hero { padding: 2rem; border: 2px dashed #e5e7eb; border-radius: .75rem; background:#f9fafb; }
.btn { display:inline-block; padding:.6rem 1rem; border-radius:.6rem; border:1px solid #d1d5db; }
.btn:hover { background:#f3f4f6; }