.card {
  background-color: var(--theme-surface);
  border: 1px solid var(--theme-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-lg);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  gap: var(--space-md);
}

.card__title {
  font-size: var(--text-lg);
  font-weight: 600;
}

.card__meta {
  font-size: var(--text-sm);
  color: var(--theme-muted);
}