/* Align the Materials & Finishes and Architectural Integration type hierarchy
   with the approved Installation page. */
.mf-detail h1,
.mf-detail h2,
.ai-detail h1,
.ai-detail h2 {
  font-family: var(--font-text) !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
}

@media (min-width: 901px) {
  .mf-detail h1,
  .mf-detail h2,
  .ai-detail h1,
  .ai-detail h2 {
    font-size: clamp(26px, calc(2.58vw + 2.75px), 38px) !important;
  }

  .mf-detail h1,
  .ai-detail h1 {
    line-height: 1.18 !important;
  }

  .mf-detail h2,
  .ai-detail h2 {
    line-height: 1.2 !important;
  }
}

@media (max-width: 900px) {
  .mf-detail h1,
  .ai-detail h1 {
    font-size: var(--type-hero) !important;
    line-height: 1.18 !important;
  }

  .mf-detail h2,
  .ai-detail h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
}

@media (max-width: 560px) {
  .mf-detail h2,
  .ai-detail h2 {
    font-size: 34px !important;
    line-height: 1.25 !important;
  }
}

.mf-path-units span,
.mf-units span,
.mf-confirm-points span,
.ai-units span {
  font-family: var(--font-text);
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1.72 !important;
}

.mf-path-units p,
.mf-units p,
.mf-confirm-points p,
.ai-units p {
  font-size: 14px !important;
  line-height: 1.7 !important;
}

@media (max-width: 560px) {
  .mf-path-units span,
  .mf-units span,
  .mf-confirm-points span,
  .ai-units span {
    font-size: 26px !important;
  }
}