.card-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--spacer-md);gap:var(--spacer-md);.card{background:var(--bg-surface);border-radius:var(--radius);padding:var(--spacer-sm);border:1px solid var(--border);text-decoration:none;transition:transform var(--transition),background var(--transition);label{display:block;font-family:var(--font-heading);font-weight:600}p{margin-bottom:0;color:var(--text-muted)}&:hover{border:1px solid var(--primary);label{cursor:pointer;text-decoration:underline}}}}