/* Shared mobile narrative copy for the homepage and selected service routes. */
@media (max-width: 900px) {
  main p:not(.hero-lede):not([class*="eyebrow"]):not([class*="wordmark"]):not([class*="consent"]):not([class*="status"]):not([class*="error"]):not([class*="price-note"]):not([class*="catalog-price"]):not([class*="condition"]):not([class*="variant"]):not([class*="metric"]):not([class*="stat"]):not([class*="spec"]):not([class*="source"]):not([class*="selected-model"]):not([class*="presence"]):not([class*="copyright"]):not([class*="disclaimer"]):not([data-promo-calc-subtitle]):not([data-current-promo-number]):not(form *):not(table *):not(.mchd-file-rule *):not([role="dialog"] *):not(.product-dialog *):not(.callback-modal *):not(.monitoring-final *) {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }

  .hero-lede__text,
  .price-match__copy > p:not(.driver-price-match__condition),
  .price-copy__proof {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }

  .installation-page #included .work-item .mchd-resource-links .price-travel-link,
  .skzi-page #included .work-item .mchd-resource-links .price-travel-link {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.44 !important;
  }

  .installation-page #included .work-item .mchd-resource-links .price-travel-link > span:not(.arrow-link__arrow):not(.price-travel-link__arrow),
  .skzi-page #included .work-item .mchd-resource-links .price-travel-link > span:not(.arrow-link__arrow):not(.price-travel-link__arrow),
  .glonass-page #included .monitoring-workflow__links .price-travel-link > span:not(.arrow-link__arrow):not(.price-travel-link__arrow) {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  .installation-page #included .work-item .mchd-resource-links .price-travel-link svg,
  .skzi-page #included .work-item .mchd-resource-links .price-travel-link svg {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .glonass-page #included .monitoring-workflow__links .price-travel-link {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.44 !important;
  }

  .glonass-page #included .monitoring-workflow__links .price-travel-link svg {
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .glonass-page .monitoring-hero .hero-lede > span:not(.hero-lede__emphasis):not(.monitoring-hero__emphasis) {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }

  .glonass-page .monitoring-hero .hero-lede > strong {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.44 !important;
  }

  .glonass-page .monitoring-journey__offer > .monitoring-journey__offer-lead {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }

  .glonass-page #professional-installation .price-section-header .price-copy__proof,
  .glonass-page #professional-installation .estimate-card__head p {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }

  .glonass-page main #glonass-articles .tachograph-blog-selection__card p {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.44 !important;
  }
}

/* Preserve the CMS heading text; reveal its line break only on mobile. */
@media (max-width: 900px) {
  .glonass-page .monitoring-hero__title .hero-title__line:first-child .hero-title__fragment {
    white-space: pre-line;
  }
}

@media (max-width: 900px) {
  .glonass-page .monitoring-capability__text strong {
    font-family: Inter, "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
  }
}

/* Align the mobile workflow introduction with its step descriptions. */
@media (max-width: 900px) {
  .glonass-page #included .included-aside > .section-intro { margin-left: 110px; }
}
@media (max-width: 720px) {
  .glonass-page #included .included-aside > .section-intro { margin-left: 86px; }
}
@media (max-width: 600px) {
  .glonass-page #included .included-aside > .section-intro { margin-left: 66px; }
}