/* === components/cards.css ==============================================
   Kártyák, dobozok, összefoglaló blokkok
======================================================================= */

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

.card h3 {
  margin-top: 0;
  font-size: 1rem;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
}

.card.highlight {
  border-color: var(--brand);
}

.card.small {
  padding: 12px;
  font-size: 0.9rem;
}