body{font-family:Arial,Helvetica,sans-serif;background:#f4f6f8;color:#333;margin:0}
.container{max-width:1000px;margin:24px auto;background:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.06)}
h1{color:#2c3e50}
.search-form{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.search-form input,.search-form select{padding:8px;border:1px solid #ddd;border-radius:4px}
.search-form button{padding:8px 12px;border:0;border-radius:6px;background:#3498db;color:#fff;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{background:#fbfbfb;border:1px solid #eee;padding:12px;border-radius:6px}
.card h3{margin:0 0 6px}
.meta{font-size:.85em;color:#777}
.muted{color:#888;font-style:italic}
a{color:#3498db;text-decoration:none}