/*
 * Campaign typography consistency
 * Scoped to matching content components only. Header, footer, tabs, modal,
 * buttons, prices, navigation and layout styles remain unchanged.
 */

:root {
  --campaign-section-title-size: clamp(30px, 3vw, 46px);
  --campaign-paragraph-size: clamp(15px, 1.05vw, 18px);
}

/* Section headings use one responsive size throughout the landing page. */
.age-well-intro-title,
.healthy-aging-title,
.aging-checkup-heading h2,
.privilege-heading h2,
.package-highlight-heading h2,
.branch-package-heading h2,
.related-articles-heading h2,
.related-videos-heading h2,
.doctor-consult-title {
  font-size: var(--campaign-section-title-size);
}

/* Visible paragraph copy uses one responsive size throughout the content. */
.age-well-intro p,
.health-copy p,
.aging-checkup-heading p,
.aging-check-card p,
.privilege-heading p,
.package-highlight-heading p,
.branch-package-heading p,

.related-article-body p {
  font-size: var(--campaign-paragraph-size);
}

/* --------------------------------------------------
   Featured campaign headings
   Keep only these three section headings consistent.
-------------------------------------------------- */
.aging-checkup-heading h2,
.privilege-heading h2,
.package-highlight-heading h2 {
  font-size: var(--campaign-section-title-size);
  font-weight: 600;
  line-height: 1.35;
}

/* Keep the supporting lines beneath those headings consistent. */
.aging-checkup-heading p,
.privilege-heading p,
.package-highlight-heading p,.branch-package-section p {
  color: #77756f;
  font-size: clamp(16px, 1.15vw, 20px) !important;
  font-weight: 500;
  line-height: 1.5;
}