.pagehead{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:16px}
.pagehead h1{margin:0 0 6px;font-size:18px}
.pagehead p{margin:0;color:var(--muted)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.in{border:1px solid var(--border);background:#fff;border-radius:999px;padding:12px 14px;outline:none;min-width:220px;flex:1}
.grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
@media(min-width:720px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;gap:6px}
.topline{display:flex;align-items:center;justify-content:space-between}
.emo{font-size:20px}
.tag{font-size:11px;color:var(--muted);border:1px solid var(--border);padding:3px 10px;border-radius:999px}
.card small{color:var(--muted)}