@layer components{.card{background:var(--bg-elevated);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:var(--space-4);transition:border-color var(--duration-fast)var(--easing-out)}.card-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}a.card-link{display:flex;align-items:center;gap:var(--space-2);color:var(--fg);font-weight:var(--weight-semibold)}a.card-link:hover{color:var(--accent);border-color:var(--accent);text-decoration:none}}