/* English shares the Chinese design tokens, layout and photos. Only Latin
   line lengths and wrapping change. No Chinese page is affected. */
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) { font-family: Arial, Helvetica, sans-serif; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) :where(h1, h2, h3) { text-wrap: balance; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) :where(p, dd, li, small) { overflow-wrap: break-word; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) p { text-wrap: pretty; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-intro,
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-hero__copy > p:last-child { text-wrap: balance; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .desktop-nav { gap: clamp(16px, 1.6vw, 26px); }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .header-quote { padding-inline: 16px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero h1 { letter-spacing: -.035em; max-width: 740px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-intro { max-width: 660px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-points { gap: 24px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-points > span { white-space: normal; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .fact-grid small { max-width: 170px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .manufacturing-copy { max-width: 750px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .manufacturing-facts small > span { display: inline; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .badge-list small { white-space: normal; line-height: 1.4; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-company-facts { grid-template-columns: 140px minmax(0, 1fr); }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-company-facts dd { overflow-wrap: anywhere; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-statement { white-space: normal; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-industry p { flex-wrap: wrap; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-solution-facts dt { width: auto; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .sol-button,
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-button { white-space: normal; text-align: center; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .detail-panels dl { overflow-wrap: anywhere; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .footer-language { font: inherit; font-size:14px; }
/* Keep the shared 44px controls reachable when a language name is long. */
@media (max-width: 680px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .site-header[data-shared-mobile-header] .language-short { display: inline; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .site-header[data-shared-mobile-header] .language-full { display: none; }
}
@media (min-width: 901px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-industry h3 { min-height: 2.8em; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-industry p { min-height: 3em; }
}
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) :where(.catalog-type, .catalog-label, .catalog-status, .result-count, .catalog-disclaimer, .detail-source) { font-size: 13px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-summary { font-size: 14px; line-height: 1.6; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-text h3 { font-size: 18px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-text > a { font-size: 14px; }
html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) :where(.detail-panel dt, .detail-panel dd, .detail-panel ul) { font-size: 14px; }
@media (max-width: 1100px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero h1 { font-size: clamp(40px, 5vw, 50px); }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-intro { max-width: 580px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-points { flex-wrap: wrap; row-gap: 14px; }
}
@media (max-width: 680px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero,
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-content { min-height: 690px; height: auto; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-content { padding-block: 46px 28px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero h1 { font-size: clamp(35px, 9.4vw, 43px); line-height: 1.1; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-title-mobile > span { white-space: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-intro-mobile > span { white-space: normal; font-size: 16px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; gap: 12px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-actions .btn { padding-inline: 18px; min-height: 48px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-points { margin-top: 32px; width: 100%; gap: 20px 16px; padding-bottom: 0; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero-points > span { align-items: center; font-size: 14px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .fact-grid small { font-size: 13px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .category-card { grid-template-columns: 100px minmax(0, 1fr); }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .category-body { padding-inline: 14px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .category-body h3 { font-size: 19px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .category-body p,
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .why-card p { text-wrap: pretty; word-break: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .industry-caption { bottom: 20px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .industry-caption strong,
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .industry-caption small { white-space: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .inquiry-copy h2 > span { white-space: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .inquiry-copy h2 { font-size: 29px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .manufacturing-title-mobile > span { white-space: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .manufacturing-copy h2 { font-size: 30px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4 h1 { font-size: 38px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4 h2 { font-size: 29px; line-height: 1.2; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-company-facts { grid-template-columns: 1fr; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-company-facts dt { margin-bottom: 4px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .about-v4-company-facts dd { margin-bottom: 18px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .quality-points h3 { font-size: 17px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-support h3 { font-size: 21px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-results dd { flex-wrap: wrap; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .v5-results dd span { font-size: 14px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .sol-link { white-space: normal; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .detail-actions .btn { white-space: normal; height: auto; min-height: 48px; padding-block: 12px; line-height: 1.4; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .breadcrumbs { flex-wrap: wrap; }
}
@media (max-width: 480px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-grid { grid-template-columns: 1fr; gap: 16px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-item { display: grid; grid-template-columns: 104px minmax(0, 1fr); }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-image { height: 100%; min-height: 170px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-text { padding: 16px; }
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .catalog-text h3 { font-size: 17px; }
}
@media (max-width: 365px) {
  html:is([lang="en"],[lang="vi"],[lang="tr"],[lang="id"]) .hero h1 { font-size: 32px; }
}

/* Localized result labels need natural wrapping within the existing cards. */
@media (max-width: 680px) {
  html:is([lang="vi"],[lang="tr"],[lang="id"]) :is(.v5-case,.v5-case-body,.v5-results,.v5-results > div) { min-width: 0; }
  html:is([lang="vi"],[lang="tr"],[lang="id"]) .v5-results { grid-template-columns: minmax(0,1fr) minmax(0,1.25fr); }
  html:is([lang="vi"],[lang="tr"],[lang="id"]) .v5-results dd { min-width: 0; flex-wrap: wrap; }
  html:is([lang="vi"],[lang="tr"],[lang="id"]) .v5-results span { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
}