/* Keep supporting copy legible on phones without changing the desktop type hierarchy. */
@media (max-width: 767px) {
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }

  :is(
      .nav .menu .sub-menu a,
      footer .footer .left .block a,
      footer .footer .right .block .content,
      .breadcrumb span,
      .expr-top .expr .left .text,
      .expr-top .expr .right .right-content .other span,
      .expr-top .expr .right .right-content .text .other span,
      .home .services-top .services .blocks .block .index,
      .home .services-top .services .blocks .block p,
      .home .case-top .title .link a,
      .feedback .feedback-card .info .comp,
      .feedback p,
      .content-case .case-swiper-pagination,
      .case-swiper .case-box p,
      .case-swiper .title-wrap .comp,
      .home-animate .title-wrap .desc,
      .partner__card p:last-child,
      .case-study.top .top-content .info-conteiner .info span,
      .case-study.top .top-content .info-conteiner .main-info .detail,
      .case-page-swiper .case-box p,
      .case-page-swiper .title-wrap .comp,
      .case-gallery.case .case-list .case-item .detail,
      .consultant.top .text,
      .consultant.method .sub-title,
      .consultant.method .method-item .link span.dec,
      .consultant.service .service-item span:not(.title),
      .consultant.skill .skill-items span,
      .top.online .top-content .info-conteiner .main-info .detail,
      .lecturer.online .intro p,
      .top.online2 .top-content .info-conteiner .main-info .detail,
      .online2 .online2FeedbackSwiper .swiper-slide,
      .online2 .online2FeedbackSwiper .swiper-slide .info .comp,
      .lecturer.online2 .intro p,
      .products-top.products .desc,
      .ssl.products .twcs-ssl .ssl-item .price-top,
      .microsoft365-scheme .scheme-item span,
      .microsoft365_card__info span,
      .microsoft365_card__info sup,
      .microsoft365_card p.spec,
      .microsoft365_card__list li,
      .microsoft365_card__icon p,
      .feature.training .feature-info .detail span,
      .course.training .course-list .header,
      .course.training .course-list .course-container .course-item .more-btn span,
      .top.training .title p,
      .course.training .course-list .course-container .course-item .course-name span,
      .qa.training .detail,
      .middle.join .jobs .job-card__content p,
      .middle.join .jobs .list .job-card__link,
      .static-form-note
    ) {
    font-size: 1rem;
  }

  :is(
      .home .services-top .services .blocks .block p,
      .feedback p,
      .case-swiper .case-box p,
      .partner__card p:last-child,
      .case-page-swiper .case-box p,
      .case-gallery.case .case-list .case-item .detail,
      .consultant.top .text,
      .lecturer.online .intro p,
      .lecturer.online2 .intro p,
      .products-top.products .desc,
      .qa.training .detail,
      .middle.join .jobs .job-card__content p
    ) {
    line-height: 1.65;
  }

  html.static-site .ssl.products .ssl-why .section-1 > span:first-of-type,
  html.static-site .ssl.products .ssl-why .section-2 .row:nth-child(3) .title {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}