/* Shared typography for Indonesian, French, Vietnamese and Thai editions. */
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) {
  word-break: normal;
  overflow-wrap: break-word;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"]) body {
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}
html[lang="th-TH"] body {
  font-family: "Leelawadee UI", "Noto Sans Thai", Tahoma, sans-serif;
  line-height: 1.75;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) :is(h1,h2,h3) {
  word-break: normal;
  text-wrap: balance;
  letter-spacing: -.015em;
}
html[lang="th-TH"] :is(h1,h2,h3,.eyebrow,.r-eyebrow,.ub-button,button) {
  letter-spacing: normal;
  line-height: 1.5;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) p {
  text-wrap: pretty;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-mega-intro h2 {
  font-size: clamp(1.35rem, 2vw, 2rem);
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) :is(.ub-mega-link,.r-hero-paths a > div) {
  min-width: 0;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-language-name small {
  white-space: normal;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-about .ab-faq-list summary > span {
  width: 1em;
  height: 1em;
  line-height: 1;
  display: grid;
  place-items: center;
  margin-inline: 5px;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-cookie-settings {
  appearance: none;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  padding: 8px 0;
  cursor: pointer;
}
html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-cookie-settings:hover {
  text-decoration: underline;
}
@media (min-width: 801px) and (max-width: 1100px) {
  html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-topic .in-explorer {
    grid-template-columns: 205px minmax(0, 1fr);
  }
}
@media (max-width: 767px) {
  /* Keep the video control above a translated industry strip of any height. */
  html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .hero > .video-toggle {
    position: relative;
    inset: auto;
    align-self: flex-end;
    margin: -60px 20px 28px;
    max-width: calc(100% - 40px);
  }
  html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-about .ab-jump > .ab-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"],[lang="th-TH"]) .ub-about .ab-jump a {
    white-space: normal;
  }
  html:is([lang="id-ID"],[lang="fr-FR"],[lang="vi-VN"]) h1 {
    font-size: clamp(2rem, 8.5vw, 3.2rem);
    line-height: 1.15;
  }
  html[lang="th-TH"] h1 {
    font-size: clamp(1.8rem, 7.7vw, 2.8rem);
    line-height: 1.5;
  }
}