/* Shared frontend heading system loaded after page-specific CSS. */
.rootopathy-reference-home .rr-hero-copy h1,
.systems-disease-page .sd-hero-copy h1,
.root360-page .r360-hero-copy h1,
.targeted-restoration-page .tr-hero-copy h1,
.research-safety-page .rs-hero-copy h1,
.contact-rootopathy-page .cc-hero h1,
.appointment-rootopathy-page .ap-hero h1,
.institute-page .institute-hero h1,
.page-hero .hero-title {
  font-family: "Inter", sans-serif !important;
  font-size: clamp(36px, 3.2vw, 48px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  text-shadow: none !important;
}

.rootopathy-reference-home .rr-hero-copy h1 span,
.systems-disease-page .sd-hero-copy h1 span,
.root360-page .r360-hero-copy h1 span,
.targeted-restoration-page .tr-hero-copy h1 span,
.research-safety-page .rs-hero-copy h1 span,
.contact-rootopathy-page .cc-hero h1 span,
.appointment-rootopathy-page .ap-hero h1 span,
.institute-page .institute-hero h1 span,
.page-hero .hero-title span {
  font-family: "Inter", sans-serif !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

.systems-disease-page .sd-hero-copy h2,
.root360-page .r360-hero-copy h2,
.targeted-restoration-page .tr-hero-copy h2,
.research-safety-page .rs-hero-copy h2,
.contact-rootopathy-page .cc-hero h2,
.appointment-rootopathy-page .ap-hero h2 {
  font-family: "Inter", sans-serif !important;
  font-size: clamp(24px, 2.2vw, 34px) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.22 !important;
  text-shadow: none !important;
}

.rootopathy-reference-home .rr-section-title h2,
.systems-disease-page .sd-title h2,
.root360-page .r360-title h2,
.targeted-restoration-page .tr-title h2,
.research-safety-page .rs-title h2,
.contact-rootopathy-page .cc-section-title h2,
.contact-rootopathy-page .cc-touch h2,
.contact-rootopathy-page .cc-message h2,
.contact-rootopathy-page .cc-online h2,
.contact-rootopathy-page .cc-emergency h2,
.appointment-rootopathy-page .ap-panel h2,
.appointment-rootopathy-page .ap-why-panel h2,
.institute-page .institute-section-title h2,
.institute-page .approach-panel h2,
.institute-page .institute-cta h2,
.section-title h2 {
  font-family: "Inter", sans-serif !important;
  font-size: clamp(28px, 2.35vw, 38px) !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  line-height: 1.18 !important;
  text-shadow: none !important;
}

.rootopathy-reference-home .rr-section-title p,
.systems-disease-page .sd-title p,
.root360-page .r360-title p,
.targeted-restoration-page .tr-title p,
.research-safety-page .rs-title p,
.contact-rootopathy-page .cc-section-title p,
.appointment-rootopathy-page .ap-panel > p,
.institute-page .institute-section-title p,
.section-title p,
.hero-subtitle {
  font-family: "Inter", sans-serif !important;
  font-size: clamp(15px, 1.15vw, 17px) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1.6 !important;
  text-shadow: none !important;
}

.rootopathy-reference-home .rr-section-title h2,
.systems-disease-page .sd-title h2,
.root360-page .r360-title h2,
.targeted-restoration-page .tr-title h2,
.research-safety-page .rs-title h2,
.contact-rootopathy-page .cc-section-title h2,
.institute-page .institute-section-title h2,
.section-title h2 {
  text-transform: uppercase !important;
}

@media (max-width: 768px) {
  .rootopathy-reference-home .rr-hero-copy h1,
  .systems-disease-page .sd-hero-copy h1,
  .root360-page .r360-hero-copy h1,
  .targeted-restoration-page .tr-hero-copy h1,
  .research-safety-page .rs-hero-copy h1,
  .contact-rootopathy-page .cc-hero h1,
  .appointment-rootopathy-page .ap-hero h1,
  .institute-page .institute-hero h1,
  .page-hero .hero-title {
    font-size: clamp(31px, 8.5vw, 40px) !important;
  }

  .rootopathy-reference-home .rr-section-title h2,
  .systems-disease-page .sd-title h2,
  .root360-page .r360-title h2,
  .targeted-restoration-page .tr-title h2,
  .research-safety-page .rs-title h2,
  .contact-rootopathy-page .cc-section-title h2,
  .appointment-rootopathy-page .ap-panel h2,
  .institute-page .institute-section-title h2,
  .section-title h2 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}