.site-language {
  position: relative;
  flex-shrink: 0;
  font-family:
    Inter,
    -apple-system,
    "Noto Sans Thai",
    "Thonburi",
    sans-serif;
}
.site-language-trigger {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 92px;
  min-height: 42px;
  padding: 9px 13px;
  border: 1px solid #ffffff22;
  border-radius: 24px;
  background: #080807;
  color: #b7ae9f;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.06em;
  box-shadow: inset 0 1px #ffffff08;
}
.site-language-trigger [data-language-code] {
  /* Center the visible capitals rather than the font’s ascender/descender space. */
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.site-language-trigger svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.site-language-trigger[aria-expanded="true"],
.site-language-trigger:focus-visible {
  border-color: #e8bc79;
  outline: 2px solid #e8bc79;
  outline-offset: 4px;
}
.site-language-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 242px;
  max-height: min(520px, calc(100svh - 110px));
  overflow: auto;
  padding: 7px;
  border: 1px solid #ffffff22;
  border-radius: 18px;
  background: #080807;
  box-shadow: 0 20px 55px #0009;
  z-index: 100;
  scrollbar-width: thin;
  scrollbar-color: #8f7549 #080807;
}
.site-language-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  min-height: 57px;
  padding: 10px 13px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #ddceba;
  text-align: left;
  cursor: pointer;
}
.site-language-option > span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 12px;
  line-height: 1.6;
}
.site-language-option small {
  font-size: 9px;
  color: #8d7e67;
}
.site-language-option > b {
  font:
    9px ui-monospace,
    monospace;
  font-weight: 400;
  color: #9f845a;
}
.site-language-option[aria-selected="true"],
.site-language-option:hover,
.site-language-option:focus-visible {
  background: #e8bc79;
  color: #1c140b;
  outline: 0;
}
.site-language-option:is([aria-selected="true"], :hover, :focus-visible) small,
.site-language-option:is([aria-selected="true"], :hover, :focus-visible) > b {
  color: #1c140b;
}
.site-language-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
html.i18n-switching {
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
}
html:not([lang="zh-CN"]) body {
  font-family:
    Inter,
    -apple-system,
    "Noto Sans Thai",
    "Thonburi",
    "Nirmala UI",
    sans-serif;
}
html[lang="en"] .opening-brand {
  display: none;
}
html:not([lang="zh-CN"]) .opening-copy {
  max-width: 1120px;
  left: 50%;
  transform: translate(-50%, calc(-50% + var(--opening-offset, 0px)));
  padding: 0 4%;
}
html:not([lang="zh-CN"]) .opening-copy h1 {
  font-size: clamp(36px, 4.5vw, 64px);
  letter-spacing: -1.5px;
  line-height: 1.25;
  text-wrap: balance;
}
html:not([lang="zh-CN"]) .opening-copy p {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-wrap: pretty;
}
html:not([lang="zh-CN"]) .chapter-copy h2 {
  font-size: clamp(30px, 3.3vw, 50px);
  letter-spacing: -0.8px;
  line-height: 1.35;
  text-wrap: balance;
}
html:not([lang="zh-CN"]) .product-name {
  overflow-wrap: anywhere;
}
html[lang="th"] .opening-copy h1,
html[lang="th"] .chapter-copy h2 {
  letter-spacing: 0;
  line-height: 1.5;
}
html:not([lang="zh-CN"])
  :is(
    .chapter-label,
    .chapter-next,
    .gateway-capabilities,
    .contact-info-row,
    .product-value-grid,
    .nova-module-list
  ) {
  overflow-wrap: anywhere;
}
@media (max-width: 800px) {
  .site-language-menu {
    width: 232px;
  }
  html:not([lang="zh-CN"]) .opening-copy {
    padding: 0 6%;
    width: 100%;
  }
  html:not([lang="zh-CN"]) .opening-copy h1 {
    font-size: clamp(27px, 6.7vw, 40px);
    letter-spacing: -0.5px;
  }
  html[lang="th"] .opening-copy h1 {
    font-size: clamp(22px, 5.5vw, 32px);
    letter-spacing: 0;
  }
  html:not([lang="zh-CN"]) .opening-copy .opening-description {
    font-size: 12px;
    line-height: 1.8;
  }
  html:not([lang="zh-CN"]) .chapter-copy h2 {
    font-size: clamp(25px, 6vw, 34px);
  }
  html[lang="th"] .chapter-copy h2 {
    font-size: 25px;
    letter-spacing: 0;
  }
  .site-language-trigger {
    min-width: 84px;
    padding: 9px 11px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site-language * {
    transition: none !important;
  }
}

html.section-snapping:has(.site-language-menu:not([hidden])) {
  scroll-snap-type: none;
}
