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

.bbc-section {
  padding: clamp(40px, 5vw, 80px) 0;
}

.bbc-container {
  padding: 0 clamp(16px, 4vw, 64px);
}

.bbc-header {
  margin: 0 auto clamp(24px, 3vw, 40px);
}

.bbc-heading {
  font-size: clamp(22px, 3.5vw, 42px);
  margin: 0 0 clamp(10px, 1.5vw, 16px);
  padding: 0;
}

.bbc-description {
  font-size: clamp(13px, 1.4vw, 16px);
  margin: 0;
  padding: 0;
}

.bbc-divider {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 0 0 clamp(24px, 3vw, 40px);
}

.bbc-grid {
  gap: clamp(16px, 2vw, 28px);
}
}

/* ── Fix: card title must span full width so short headings stay left-aligned.
   Without this, a short 1-line heading like "Free Health Camps" gets centered
   by the parent flex column's alignItems:center instead of staying left. ── */
.bbc-card-title {
  width: 100%;
}