/* One type scale for every main section heading and introductory paragraph. */
:root {
  --section-heading-size: 42px;
  --section-heading-leading: 1.5;
  --section-lead-size: 18px;
}
main > section[class] :is(h2, h2.section-title) {
  font-family: var(--font-display);
  font-size: var(--section-heading-size);
  font-weight: 800;
  line-height: var(--section-heading-leading);
  letter-spacing: -.025em;
  text-wrap: balance;
}
main > section[class] h2 :is(span, em) { font-size: inherit; font-weight: inherit; line-height: inherit; }
main > section[class] h2 .heading-phrase { display: inline-block; color: inherit; }
main :is(.channels-lead, .consultation-lead, .info-lead, .journey-subtitle) {
  font-family: var(--font-body);
  font-size: var(--section-lead-size);
  font-weight: 400;
  line-height: 1.85;
  margin-top: 20px;
}
.journey-intro-description { margin-top: 20px; color: var(--color-muted); }
.journey-intro .journey-intro-description p {
  font-family: var(--font-body);
  font-size: var(--section-lead-size);
  font-weight: 400;
  line-height: 1.85;
  color: inherit;
  margin: 0;
  text-wrap: pretty;
}
.journey-intro .journey-intro-description p + p { margin-top: 4px; }
.journey-intro .journey-flow { margin-top: 30px; }
@media (max-width: 1000px) {
  :root { --section-heading-size: 34px; --section-lead-size: 16px; }
}
@media (max-width: 600px) {
  :root { --section-heading-size: 26px; --section-lead-size: 14px; }
}