/* ── Cards ──────────────────────────────────────────────────── */
.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1rem;
}

/* Two cards reading as one band: a detail card beside the thing it describes,
   rather than one above the other with a page of whitespace to its right. */
.card-row {
  display: flex;
  gap: 1rem;
  align-items: stretch;
  flex-wrap: wrap;
}
.card-row > .card {
  flex: 1 1 22rem;
  min-width: 0;
}