/* English-language refinements for the current Chinese-site layouts. */

html[lang="en"] {
  overflow-wrap: anywhere;
}

html[lang="en"] body.ll-shell {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

html[lang="en"] :is(h1, h2, h3, p, a, button, label, th, td) {
  letter-spacing: 0;
}

html[lang="en"] :is(.ll-hero__brand, .ll-view__headline, .ab-hero h1, .pd-hero h1, .pp-hero h1, .ln-hero h1) {
  text-wrap: balance;
}

html[lang="en"] .ll-view__headline {
  grid-column: 1 / -1;
  width: 100%;
  margin-inline: auto;
  justify-self: center;
  text-align: center;
}

html[lang="en"] :is(.ll-hero__lead, .ab-hero__lead, .pd-hero__lead, .pp-hero__lead, .ln-hero__lead, .ln-article__dek) {
  text-wrap: pretty;
}

html[lang="en"] .ll-pill__link,
html[lang="en"] .ll-pill__cta {
  white-space: nowrap;
}

html[lang="en"] body.ll-shell :is(
  a.ll-pill__cta,
  a.ll-header__mobile-cta,
  a.ll-btn--primary,
  a.pd-btn--primary,
  a.pc-btn--primary
) {
  color: #fff;
}

html[lang="en"] :is(.pd-btn, .pc-btn, .sp-end__link, .ll-design-center__cta) {
  min-width: 0;
  text-align: center;
  white-space: normal;
}

html[lang="en"] .ct-r1-form__head h2 {
  max-width: 18ch;
}

html[lang="en"] .en-release-badge {
  display: grid;
  justify-items: end;
  gap: 0.15rem;
  color: #0878d1;
  text-align: right;
}

html[lang="en"] .en-release-badge strong {
  font-size: clamp(2.8rem, 5.5vw, 5.25rem);
  font-weight: 760;
  line-height: 0.9;
  text-shadow: 0 8px 28px rgba(8, 120, 209, 0.14);
}

html[lang="en"] .en-release-badge span {
  font-size: 0.72rem;
  font-weight: 650;
  text-transform: uppercase;
}

html[lang="en"] .ll-company__visual img {
  object-position: 64% center;
  filter: saturate(0.82) brightness(1.04);
}

html[lang="en"] .ll-design-center__title {
  max-width: 100%;
  font-size: clamp(2.5rem, 3.35vw, 3.35rem);
  line-height: 1.08;
}

html[lang="en"] .ll-design-center__title span {
  white-space: normal;
  text-wrap: balance;
}

html[lang="en"] .ab-hero__media img {
  object-position: center 48%;
}

html[lang="en"] .ab-news-card__cover img {
  object-position: center 46%;
}

html[lang="en"] .ab-en-hero-wordmark {
  position: absolute;
  z-index: 2;
  left: var(--ll-gutter);
  bottom: clamp(2rem, 5vw, 4.5rem);
  display: grid;
  gap: 0.35rem;
  color: #145987;
}

html[lang="en"] .ab-en-hero-wordmark strong {
  font-size: clamp(3.4rem, 7vw, 7rem);
  font-weight: 780;
  line-height: 0.9;
}

html[lang="en"] .ab-en-hero-wordmark span {
  font-size: clamp(0.85rem, 1.2vw, 1.05rem);
  font-weight: 620;
}

html[lang="en"] .ct-r1-required-note,
html[lang="en"] .ct-field__hint,
html[lang="en"] .ct-r1-demo-note {
  line-height: 1.5;
}

html[lang="en"] .ln-filter__button {
  min-width: 0;
  white-space: normal;
}

@media (max-width: 1023px) {
  html[lang="en"] .ll-header__mobile-cta {
    white-space: nowrap;
  }
}

@media (max-width: 640px) {
  html[lang="en"] .en-release-badge {
    top: 4.6rem;
    right: 0.75rem;
  }

  html[lang="en"] .en-release-badge strong {
    font-size: 2.25rem;
  }

  html[lang="en"] .en-release-badge span {
    font-size: 0.58rem;
  }

  html[lang="en"] .ct-r1-form__head h2 {
    max-width: 15ch;
    font-size: clamp(1.3rem, 7vw, 1.75rem);
  }

  html[lang="en"] :is(.pp-hero, .am-hero) h1 {
    font-size: clamp(2.35rem, 11.4vw, 2.8rem);
  }

  html[lang="en"] :is(.pp-hero__name, .am-hero__name) {
    white-space: normal;
    text-wrap: balance;
  }

  html[lang="en"] .ct-form :is(input, textarea, select) {
    font-size: 16px;
  }

  html[lang="en"] .pd-related__links a {
    line-height: 1.35;
  }
}