:root{ --bg:#f6f7fb; --card:#fff; --text:#0f172a; --muted:#6b7280; --brand:#2563eb; --chip:#eef2ff; --chipb:#e0e7ff; }
*{ box-sizing:border-box; }
body{ margin:0; font:14px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial; background:var(--bg); color:var(--text); }
.container{ max-width:980px; margin:0 auto; padding:16px; }
.banner{ background:var(--brand); color:#fff; }
.banner h1{ margin:0 0 6px 0; }
.filters{ display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
.filters input, .filters select, .filters button, .filters .reset{ padding:8px 10px; border:1px solid #e5e7eb; border-radius:8px; }
.filters button{ background:var(--brand); color:#fff; border-color:transparent; }
.filters .reset{ background:#fff; color:var(--brand); text-decoration:none; }
.cards{ display:grid; grid-template-columns:1fr; gap:12px; }
.card{ background:var(--card); border:1px solid #e5e7eb; border-radius:14px; padding:14px 16px; }
.card h3{ margin:0 0 6px; }
.meta{ color:var(--muted); font-size:12px; margin-bottom:6px; }
.chips{ margin-top:8px; }
.chip{ display:inline-block; padding:3px 8px; margin:3px 6px 0 0; background:var(--chip); border:1px solid var(--chipb); border-radius:999px; font-size:12px; color:#1e1b4b; }
.links a{ color:var(--brand); text-decoration:none; }
.footer{ color:var(--muted); font-size:12px; padding:10px 0 18px; }