/* Language controls remain visible on desktop, mobile, and without JavaScript. */
.language-switcher { display: flex; flex: none; align-items: center; gap: 2px; padding: 3px; border: 1px solid #d5d9e3; border-radius: 24px; }
.language-switcher a { display: grid; place-items: center; min-width: 40px; min-height: 38px; padding: 6px 9px; border-radius: 20px; font-size: 12px; font-weight: 600; line-height: 1; color: #616b80; }
.language-switcher a[aria-current] { background: #fff; color: #354660; box-shadow: 0 1px 5px #33446618; }
.language-switcher a:hover { background: #e0e6ef; }
.language-switcher a:focus-visible { outline: 2px solid #0077ed; outline-offset: 2px; }
html[lang="th-TH"] :is(h1,h2,h3,h4,blockquote) { letter-spacing: 0; line-height: 1.3; word-break: normal; }
html[lang="th-TH"] :is(.page-lead,.product-hero-description,.contact-intro) { line-height: 1.8; }
html[lang="th-TH"] :is(.section-kicker,.eyebrow,.product-hero-eyebrow) { letter-spacing: 0; }
html[lang="th-TH"] .notebook-screen-heading > span:first-child { font-size: 3cqw; }
html[lang="th-TH"] .notebook-metrics span { font-size: 1.9cqw; }
@media (max-width: 780px) {
  html .site-header { gap: 10px; }
  .language-switcher { margin-left: auto; padding: 2px; }
  .language-switcher a { min-width: 36px; min-height: 38px; padding-inline: 7px; }
  html .site-header .header-cta { display: none; }
  html .site-header .brand { margin-right: 0; }
  html[lang="th-TH"] .product-hero h1 { font-size: clamp(40px, 8vw, 60px); }
}
@media (forced-colors: active) {
  .language-switcher { border-color: ButtonText; }
  .language-switcher a[aria-current] { outline: 1px solid Highlight; color: Highlight; }
}
