/*
 * English copy refinements for the Mobile Application page.
 * The shared layout and responsive behaviour remain in mobile-application.css.
 */

.page-mobile-application-en .mobile-app-download__title {
  max-width: 960px;
  white-space: normal;
}

.page-mobile-application-en .mobile-app-download__description {
  max-width: 760px;
}

.page-mobile-application-en .mobile-app-features__title,
.page-mobile-application-en .mobile-app-guide__title {
  line-height: 1.2;
}

.page-mobile-application-en .mobile-app-feature-card__title {
  font-size: clamp(18px, 1.12vw, 21.5px);
  line-height: 1.18;
}

.page-mobile-application-en .mobile-app-feature-card__description {
  margin-top: clamp(14px, 1.15vw, 20px);
  font-size: clamp(13.5px, 0.8vw, 15.5px);
  line-height: 1.42;
}

.page-mobile-application-en .mobile-app-guide__layout {
  grid-template-columns: 26% minmax(0, 1fr);
}

.page-mobile-application-en .mobile-app-guide__tab {
  font-size: clamp(14px, 0.84vw, 16px);
  line-height: 1.25;
}

.page-mobile-application-en .mobile-app-guide__step-description {
  font-size: clamp(11.5px, 0.72vw, 13.8px);
  line-height: 1.42;
}

@media (max-width: 900px) {
  .page-mobile-application-en .mobile-app-guide__layout {
    display: block;
  }

  .page-mobile-application-en .mobile-app-guide__tab {
    min-width: 220px;
    flex-basis: 220px;
  }
}

@media (max-width: 600px) {
  .page-mobile-application-en .mobile-app-features__title,
  .page-mobile-application-en .mobile-app-guide__title {
    font-size: clamp(31px, 9vw, 38px);
  }

  .page-mobile-application-en .mobile-app-feature-card__title {
    font-size: 19px;
  }

  .page-mobile-application-en .mobile-app-feature-card__description {
    font-size: 14px;
  }

  .page-mobile-application-en .mobile-app-guide__tab {
    min-width: 190px;
    flex-basis: 190px;
    font-size: 14px;
  }
}

/* Mobile Portrait: keep the English guide proportional to the TH layout. */
@media (max-width: 520px) and (orientation: portrait) {
  .page-mobile-application-en .mobile-app-guide__title {
    font-size: clamp(22px, 5.8vw, 25.5px);
    line-height: 1.15;
    white-space: nowrap;
  }

  .page-mobile-application-en .mobile-app-guide__tab {
    min-width: 0;
    flex-basis: auto;
    font-size: 16px;
    line-height: 1.25;
  }

  .page-mobile-application-en .mobile-app-guide__step-description {
    font-size: 12.5px;
    line-height: 1.4;
  }
}