/* ============================================================
   KLS INTRO / LARGE BODY TEXT STANDARDIZATION — 2026-09-05
   Typography only. No layout/spacing/dimensions are changed.
   Loaded last on every page to override legacy lead/intro scales.
   ============================================================ */

/* Actual descriptive/lead classes used across the site. */
html body :is(
  p.lead,
  p[class*="-lead"],
  p[class*="__lead"],
  span[class*="-lead"],
  span[class*="__lead"],
  p[class*="-description"],
  p[class*="__description"],
  span[class*="-description"],
  span[class*="__description"],
  p[class*="-para"],
  p[class*="__para"],
  p.desc,
  p.ia-para,
  p.id-para,
  p.dg-para,
  p.dg3-para,
  p.dg5-para,
  p.dm-para,
  p.pv-para,
  p.pv2-para,
  p.sl2-para,
  p.pnh-para,
  p.hero-subtitle,
  p.asthma-hero__subtitle,
  p.copd-hero__subtitle,
  p.fibrosis-subtitle,
  p.lung-cancer-subtitle,
  p.tsub--lead,
  span.pv4-mtext
):not(.kn-desc):not([class*="title"]):not([class*="heading"]):not([class*="eyebrow"]):not([class*="kicker"]):not([class*="label"]):not([class*="badge"]):not([class*="number"]):not([class*="counter"]):not([class*="button"]):not([class*="btn"]):not([class*="nav"]) {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: #33443A !important;
  letter-spacing: normal !important;
  font-style: normal !important;
}

/* Legacy hero/section lead rules have very high specificity in integration CSS. */
html body section.hero p.lead,
html body header.hero p.lead,
html body .hero.hero.hero p.lead,
html body .hero.hero.hero .lead,
html body .hero-copy p.lead,
html body section.hero .hero-copy .lead,
html body header.intro p.lead,
html body .intro p.lead {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1.55 !important;
  color: #33443A !important;
  letter-spacing: normal !important;
  font-style: normal !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  html body :is(
    p.lead,
    p[class*="-lead"], p[class*="__lead"],
    span[class*="-lead"], span[class*="__lead"],
    p[class*="-description"], p[class*="__description"],
    span[class*="-description"], span[class*="__description"],
    p[class*="-para"], p[class*="__para"],
    p.desc, p.ia-para, p.id-para, p.dg-para, p.dg3-para, p.dg5-para,
    p.dm-para, p.pv-para, p.pv2-para, p.sl2-para, p.pnh-para,
    p.hero-subtitle, p.asthma-hero__subtitle, p.copd-hero__subtitle,
    p.fibrosis-subtitle, p.lung-cancer-subtitle, p.tsub--lead,
    span.pv4-mtext
  ):not(.kn-desc):not([class*="title"]):not([class*="heading"]):not([class*="eyebrow"]):not([class*="kicker"]):not([class*="label"]):not([class*="badge"]):not([class*="number"]):not([class*="counter"]):not([class*="button"]):not([class*="btn"]):not([class*="nav"]),
  html body section.hero p.lead,
  html body header.hero p.lead,
  html body .hero.hero.hero p.lead,
  html body .hero.hero.hero .lead,
  html body .hero-copy p.lead,
  html body section.hero .hero-copy .lead,
  html body header.intro p.lead,
  html body .intro p.lead {
    font-size: 17px !important;
  }
}

@media (max-width: 767px) {
  html body :is(
    p.lead,
    p[class*="-lead"], p[class*="__lead"],
    span[class*="-lead"], span[class*="__lead"],
    p[class*="-description"], p[class*="__description"],
    span[class*="-description"], span[class*="__description"],
    p[class*="-para"], p[class*="__para"],
    p.desc, p.ia-para, p.id-para, p.dg-para, p.dg3-para, p.dg5-para,
    p.dm-para, p.pv-para, p.pv2-para, p.sl2-para, p.pnh-para,
    p.hero-subtitle, p.asthma-hero__subtitle, p.copd-hero__subtitle,
    p.fibrosis-subtitle, p.lung-cancer-subtitle, p.tsub--lead,
    span.pv4-mtext
  ):not(.kn-desc):not([class*="title"]):not([class*="heading"]):not([class*="eyebrow"]):not([class*="kicker"]):not([class*="label"]):not([class*="badge"]):not([class*="number"]):not([class*="counter"]):not([class*="button"]):not([class*="btn"]):not([class*="nav"]),
  html body section.hero p.lead,
  html body header.hero p.lead,
  html body .hero.hero.hero p.lead,
  html body .hero.hero.hero .lead,
  html body .hero-copy p.lead,
  html body section.hero .hero-copy .lead,
  html body header.intro p.lead,
  html body .intro p.lead {
    font-size: 16px !important;
  }
}