/* ══ BASIC BACKGROUND CARD (bbc-card) ════════════════════════════════════════ */
/* Clamp values that cannot be expressed as Tailwind utility classes.           */
/* All other styling lives in Tailwind classes on the markup.                   */

.bbc-card {
  border-radius: clamp(10px, 1.2vw, 14px);
  min-height: clamp(240px, 22vw, 300px);
}

.bbc-card-inner {
  padding: clamp(20px, 3vw, 32px);
}

.bbc-card-title {
  font-size: clamp(16px, 1.6vw, 20px);
  margin: 0 0 clamp(8px, 1vw, 14px);
  padding: 0;
}

.bbc-card-description {
  font-size: clamp(12px, 1.2vw, 14px);
  margin: 0;
  padding: 0;
}

/* ── Fix: heading must span full width so short headings (1-line) stay
   left-aligned. Without this, alignItems:center in the flex-col parent
   centres a narrow heading like "Free Health Camps". ── */
.bbc-card-title {
  width: 100%;
}

/* ── Fix: replace accidental <br> in heading with a space (via view.js) ── */