/* MSIIA i18n — language selector
   Black/gold premium dropdown, matched to .header-auth-btn rhythm. */

.msiia-lang-selector{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid rgba(212,176,94,0.32);
  background: linear-gradient(180deg, rgba(15,18,23,0.92), rgba(7,9,13,0.96));
  color: rgba(232,200,130,0.94);
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 200ms ease, color 200ms ease, background 200ms ease, box-shadow 200ms ease;
  margin: 0 4px;
}
.msiia-lang-selector:hover,
.msiia-lang-selector.is-open{
  border-color: rgba(245,196,90,0.62);
  color: rgba(252,234,180,0.98);
  background: linear-gradient(180deg, rgba(20,23,28,0.94), rgba(9,11,15,0.97));
  box-shadow: 0 8px 22px rgba(0,0,0,0.34), 0 0 18px rgba(212,176,94,0.10);
}
.msiia-lang-selector:focus-visible{
  outline: 1px solid rgba(245,196,90,0.7);
  outline-offset: 2px;
}
.msiia-lang-globe{ width: 14px; height: 14px; opacity: 0.86; flex: 0 0 auto; }
.msiia-lang-code{ line-height: 1; }
.msiia-lang-chev{
  width: 10px; height: 10px; opacity: 0.65;
  transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.msiia-lang-selector.is-open .msiia-lang-chev{ transform: rotate(180deg); }

/* Dropdown */
.msiia-lang-menu{
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 1000;
  min-width: 244px;
  max-width: 280px;
  max-height: min(72vh, 540px);
  overflow-y: auto;
  padding: 8px 6px 10px;
  border-radius: 12px;
  border: 1px solid rgba(212,176,94,0.28);
  background: linear-gradient(180deg, rgba(13,15,20,0.96), rgba(6,8,12,0.98));
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:
    0 22px 60px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.04),
    0 0 26px rgba(212,176,94,0.10);
  animation: msiiaLangIn 220ms cubic-bezier(0.22, 1, 0.36, 1);
  scrollbar-width: thin;
  scrollbar-color: rgba(212,176,94,0.32) transparent;
}
.msiia-lang-menu[hidden]{ display: none; }
@keyframes msiiaLangIn {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Group */
.msiia-lang-group{ padding: 6px 4px 4px; }
.msiia-lang-group + .msiia-lang-group{
  margin-top: 4px;
  padding-top: 8px;
  border-top: 1px solid rgba(212,176,94,0.10);
}
.msiia-lang-group-label{
  display: block;
  padding: 0 10px 6px;
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 8.5px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: rgba(212,176,94,0.62);
}

/* Option */
.msiia-lang-option{
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: rgba(245,241,232,0.86);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px;
  letter-spacing: 0.01em;
  text-align: left;
  cursor: pointer;
  transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}
.msiia-lang-option:hover{
  background: rgba(212,176,94,0.06);
  border-color: rgba(212,176,94,0.20);
  color: rgba(252,234,180,0.98);
}
.msiia-lang-option:focus-visible{
  outline: 1px solid rgba(245,196,90,0.7);
  outline-offset: 1px;
}
.msiia-lang-option.is-current{
  background: linear-gradient(90deg, rgba(212,176,94,0.10), rgba(212,176,94,0.02));
  border-color: rgba(212,176,94,0.28);
  color: rgba(252,234,180,0.98);
}
.msiia-lang-option-name{ flex: 1; min-width: 0; }
.msiia-lang-option-code{
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.18em;
  color: rgba(212,176,94,0.58);
  text-transform: uppercase;
}
.msiia-lang-check{
  width: 13px; height: 13px;
  color: rgba(245,196,90,0.96);
}

/* Beta option */
.msiia-lang-option--beta{ opacity: 0.72; }
.msiia-lang-option--beta:hover{ opacity: 1; }
.msiia-lang-option-badge{
  display: inline-flex; align-items: center;
  padding: 1px 6px;
  border-radius: 999px;
  border: 1px solid rgba(212,176,94,0.22);
  background: rgba(212,176,94,0.06);
  color: rgba(232,200,130,0.78);
  font-family: 'DM Mono', ui-monospace, monospace;
  font-size: 7.5px;
  letter-spacing: 0.18em;
}

/* RTL support — flip dropdown anchor when html[dir="rtl"] */
html[dir="rtl"] .msiia-lang-menu{ right: auto; left: 0; }
html[dir="rtl"] .msiia-lang-option{ text-align: right; flex-direction: row-reverse; }

/* Mobile — keep the selector compact alongside cart button */
@media (max-width: 768px){
  .msiia-lang-selector{
    height: 34px;
    padding: 0 10px;
    margin: 0 2px;
    font-size: 10px;
  }
  .msiia-lang-menu{
    right: 0;
    min-width: 220px;
    max-width: calc(100vw - 32px);
  }
}

/* Smooth body transition during locale swap */
body{ transition: opacity 180ms ease; }

/* ── Simplified Chinese typography overrides ──
   The Latin-uppercase letter-spacing (~0.05–0.18em) used throughout the
   premium design adds visible gaps between Chinese glyphs. Reset it on
   body copy and chip labels and keep only the micro-tracking on uppercase
   technical labels — those still read correctly because the underlying
   glyphs are Latin/numeric. Adds Noto Sans SC / PingFang SC / YaHei
   fallbacks so the serif display font (Cormorant Garamond — no Chinese
   glyphs) hands off cleanly to a designed Chinese face. */
html[lang="zh-CN"] body,
html[lang="zh-CN"] h1,
html[lang="zh-CN"] h2,
html[lang="zh-CN"] h3,
html[lang="zh-CN"] h4,
html[lang="zh-CN"] p,
html[lang="zh-CN"] a,
html[lang="zh-CN"] span,
html[lang="zh-CN"] li,
html[lang="zh-CN"] strong,
html[lang="zh-CN"] em,
html[lang="zh-CN"] button{
  font-family: 'Cormorant Garamond', 'DM Mono',
               'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
               -apple-system, BlinkMacSystemFont, sans-serif;
}
html[lang="zh-CN"] body,
html[lang="zh-CN"] p,
html[lang="zh-CN"] .hero-copy,
html[lang="zh-CN"] .section-description,
html[lang="zh-CN"] .section-copy,
html[lang="zh-CN"] .perf-intro-copy,
html[lang="zh-CN"] .perf-disclaimer-caption,
html[lang="zh-CN"] .perf-panel-disclaimer,
html[lang="zh-CN"] .perf-telemetry-body,
html[lang="zh-CN"] .home-philosophy-copy,
html[lang="zh-CN"] .home-philosophy-card-description,
html[lang="zh-CN"] .gov-v2-lede,
html[lang="zh-CN"] .home-final-cta-copy,
html[lang="zh-CN"] .home-access-step-copy,
html[lang="zh-CN"] .home-access-step-objective-text,
html[lang="zh-CN"] .system-card-description,
html[lang="zh-CN"] .arch-layer-desc,
html[lang="zh-CN"] .architecture-accordion-panel p,
html[lang="zh-CN"] .perf-wts-list li,
html[lang="zh-CN"] .footer-brand p,
html[lang="zh-CN"] .footer-bottom p,
html[lang="zh-CN"] .msiia-preview-title,
html[lang="zh-CN"] .msiia-preview-overview,
html[lang="zh-CN"] .msiia-preview-version-detail-copy p,
html[lang="zh-CN"] .msiia-preview-disclaimer{
  letter-spacing: 0;
  line-height: 1.7;
}
/* Preview modal hard-codes Cormorant Garamond / DM Mono on a few elements,
   bypassing the global body font stack. Hand them off to the Chinese fallback
   chain so glyphs render consistently on platforms without a default CJK
   serif (notably Linux). */
html[lang="zh-CN"] .msiia-preview-title,
html[lang="zh-CN"] .msiia-preview-overview,
html[lang="zh-CN"] .msiia-preview-version-detail-copy p,
html[lang="zh-CN"] .msiia-preview-disclaimer{
  font-family: 'Cormorant Garamond', 'DM Mono',
               'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
               -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Buttons, CTAs, chip labels, accordion titles — minimal tracking */
html[lang="zh-CN"] .btn-label,
html[lang="zh-CN"] .hero-allocator-chip,
html[lang="zh-CN"] .accordion-title,
html[lang="zh-CN"] .architecture-module-title,
html[lang="zh-CN"] .arch-layer-title,
html[lang="zh-CN"] .arch-card-chip,
html[lang="zh-CN"] .sov-card-chip,
html[lang="zh-CN"] .sov-card-cta,
html[lang="zh-CN"] .home-access-step-title,
html[lang="zh-CN"] .home-access-step-button,
html[lang="zh-CN"] .home-philosophy-card-title,
html[lang="zh-CN"] .home-final-cta-btn,
html[lang="zh-CN"] .home-final-cta-title,
html[lang="zh-CN"] .gov-v2-card-content h3,
html[lang="zh-CN"] .gov-v2-heading,
html[lang="zh-CN"] .footer-cta,
html[lang="zh-CN"] .footer-column h4,
html[lang="zh-CN"] .footer-column a,
html[lang="zh-CN"] .footer-legal-bar a{
  letter-spacing: 0.02em;
}
/* Latin/uppercase technical micro-labels keep their tracking — the
   underlying glyphs are still Latin or numeric. */

/* Product page (pp-*) — hand off the premium display/mono families to the
   Chinese fallback chain so glyphs render consistently across the hero,
   tier selector, snapshot console, evidence rail, narrative, capabilities,
   architecture pipeline, performance dashboard, governance, dossier,
   purchase card, license panel and related-systems rail. */
html[lang="zh-CN"] .pp-hero-title,
html[lang="zh-CN"] .pp-hero-tagline,
html[lang="zh-CN"] .pp-section-title,
html[lang="zh-CN"] .pp-section-lede,
html[lang="zh-CN"] .pp-prose,
html[lang="zh-CN"] .pp-narrative-body p,
html[lang="zh-CN"] .pp-narrative-disclosure,
html[lang="zh-CN"] .pp-thesis-body,
html[lang="zh-CN"] .pp-cap-title,
html[lang="zh-CN"] .pp-cap-body,
html[lang="zh-CN"] .pp-cap-chip,
html[lang="zh-CN"] .pp-node-label,
html[lang="zh-CN"] .pp-node-desc,
html[lang="zh-CN"] .pp-node-chip,
html[lang="zh-CN"] .pp-arch-strip-note,
html[lang="zh-CN"] .pp-arch-disclosure,
html[lang="zh-CN"] .pp-kpi-k,
html[lang="zh-CN"] .pp-kpi-sub,
html[lang="zh-CN"] .pp-uchart-sub,
html[lang="zh-CN"] .pp-perf-source,
html[lang="zh-CN"] .pp-disclosure-text,
html[lang="zh-CN"] .pp-gov-flow-text,
html[lang="zh-CN"] .pp-gov-desc,
html[lang="zh-CN"] .pp-gov-value,
html[lang="zh-CN"] .pp-gov-status,
html[lang="zh-CN"] .pp-gov-title,
html[lang="zh-CN"] .pp-gov-val-pill,
html[lang="zh-CN"] .pp-desk-tab-label,
html[lang="zh-CN"] .pp-desk-tab-sub,
html[lang="zh-CN"] .pp-desk-chip,
html[lang="zh-CN"] .pp-rev-role,
html[lang="zh-CN"] .pp-rev-org,
html[lang="zh-CN"] .pp-rev-text,
html[lang="zh-CN"] .pp-rev-verified,
html[lang="zh-CN"] .pp-rev-disc,
html[lang="zh-CN"] .pp-rev-stat-k,
html[lang="zh-CN"] .pp-rev-stat-v,
html[lang="zh-CN"] .pp-acq-row-k,
html[lang="zh-CN"] .pp-acq-row-v,
html[lang="zh-CN"] .pp-ac-head,
html[lang="zh-CN"] .pp-acquire-includes-prose,
html[lang="zh-CN"] .pp-acquire-includes-list li,
html[lang="zh-CN"] .pp-acquire-disclosure,
html[lang="zh-CN"] .pp-price-feat,
html[lang="zh-CN"] .pp-price-secure-text,
html[lang="zh-CN"] .pp-price-fineprint,
html[lang="zh-CN"] .pp-related-eyebrow-chip,
html[lang="zh-CN"] .pp-related-note,
html[lang="zh-CN"] .pp-rel-desc,
html[lang="zh-CN"] .pp-rel-name,
html[lang="zh-CN"] .pp-rel-tag,
html[lang="zh-CN"] .pp-evidence-disclosure,
html[lang="zh-CN"] .pp-snap-disclosure,
html[lang="zh-CN"] .pp-tier-compare-note,
html[lang="zh-CN"] .pp-tier-opt-summary,
html[lang="zh-CN"] .pp-snap-cap-tile-label,
html[lang="zh-CN"] .pp-snap-cap-tile-value,
html[lang="zh-CN"] .pp-snap-scope-label,
html[lang="zh-CN"] .pp-snap-scope-value,
html[lang="zh-CN"] .pp-snap-eval-label,
html[lang="zh-CN"] .pp-snap-eval-sub,
html[lang="zh-CN"] .pp-snap-foot-sub,
html[lang="zh-CN"] .pp-hero-eval-btn-name,
html[lang="zh-CN"] .pp-hero-eval-btn-sub,
html[lang="zh-CN"] .pp-hero-eval-kicker,
html[lang="zh-CN"] .pp-hero-eval-sub,
html[lang="zh-CN"] .pp-docs-dd-title,
html[lang="zh-CN"] .pp-docs-dd-desc,
html[lang="zh-CN"] .pp-chart-basis-text{
  font-family: 'Cormorant Garamond', 'DM Mono',
               'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
               -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0;
  line-height: 1.7;
}
/* Premium chips, badges, button labels on product page — minimal tracking. */
html[lang="zh-CN"] .pp-tier-opt-name,
html[lang="zh-CN"] .pp-tier-opt-badge,
html[lang="zh-CN"] .pp-tier-kicker,
html[lang="zh-CN"] .pp-tier-status,
html[lang="zh-CN"] .pp-tier-summary-kicker,
html[lang="zh-CN"] .pp-tier-summary-access,
html[lang="zh-CN"] .pp-tier-compare-toggle,
html[lang="zh-CN"] .pp-snap-title,
html[lang="zh-CN"] .pp-snap-subtitle,
html[lang="zh-CN"] .pp-snap-live,
html[lang="zh-CN"] .pp-snap-module-title,
html[lang="zh-CN"] .pp-snap-module-sub,
html[lang="zh-CN"] .pp-snap-k,
html[lang="zh-CN"] .pp-snap-v,
html[lang="zh-CN"] .pp-snap-foot-tier,
html[lang="zh-CN"] .pp-snap-eval-status,
html[lang="zh-CN"] .pp-evidence-head-label,
html[lang="zh-CN"] .pp-evidence-head-basis,
html[lang="zh-CN"] .pp-evidence-k,
html[lang="zh-CN"] .pp-evidence-sub,
html[lang="zh-CN"] .pp-pill,
html[lang="zh-CN"] .pp-perf-audit-chip,
html[lang="zh-CN"] .pp-perf-meta-k,
html[lang="zh-CN"] .pp-perf-meta-v,
html[lang="zh-CN"] .pp-asp-k,
html[lang="zh-CN"] .pp-asp-v,
html[lang="zh-CN"] .pp-zone-lbl,
html[lang="zh-CN"] .pp-uchart-kicker,
html[lang="zh-CN"] .pp-chart-rail-k,
html[lang="zh-CN"] .pp-chart-rail-v,
html[lang="zh-CN"] .pp-chart-basis-tag,
html[lang="zh-CN"] .pp-disclosure-label,
html[lang="zh-CN"] .pp-kicker,
html[lang="zh-CN"] .pp-gov-stamp,
html[lang="zh-CN"] .pp-gov-flow-label,
html[lang="zh-CN"] .pp-desk-eyebrow-chip,
html[lang="zh-CN"] .pp-dm-k,
html[lang="zh-CN"] .pp-dm-v,
html[lang="zh-CN"] .pp-related-chip,
html[lang="zh-CN"] .pp-rel-status-badge,
html[lang="zh-CN"] .pp-rel-lock-title,
html[lang="zh-CN"] .pp-rel-lock-chip,
html[lang="zh-CN"] .pp-rel-module,
html[lang="zh-CN"] .pp-rel-foot-label,
html[lang="zh-CN"] .pp-rel-meta,
html[lang="zh-CN"] .pp-price-label,
html[lang="zh-CN"] .pp-price-selected-kicker,
html[lang="zh-CN"] .pp-price-selected-name,
html[lang="zh-CN"] .pp-price-selected-badge,
html[lang="zh-CN"] .pp-price-jurisdiction,
html[lang="zh-CN"] .pp-price-edition-scope,
html[lang="zh-CN"] .pp-price-feats-label,
html[lang="zh-CN"] .pp-price-tier-select-title,
html[lang="zh-CN"] .pp-price-tier-select-sub,
html[lang="zh-CN"] .pp-price-tier-opt-name,
html[lang="zh-CN"] .pp-price-tier-opt-badge,
html[lang="zh-CN"] .pp-price-tier-opt-price,
html[lang="zh-CN"] .pp-price-secure-label,
html[lang="zh-CN"] .pp-price-secure-edition,
html[lang="zh-CN"] .pp-price-video-label,
html[lang="zh-CN"] .pp-price-video-pkg,
html[lang="zh-CN"] .pp-acquire-eyebrow-chip,
html[lang="zh-CN"] .pp-acquire-includes-label,
html[lang="zh-CN"] .pp-aud-title,
html[lang="zh-CN"] .pp-aud-badge,
html[lang="zh-CN"] .pp-aud-desc,
html[lang="zh-CN"] .pp-aud-cta{
  letter-spacing: 0.02em;
}

/* Account page (account-*) — hand off the Latin/serif body families to the
   Chinese fallback chain so glyphs render across hero/identity, sidebar,
   overview cards, document cards, basket panel, governance cards,
   activity feed, next-steps CTA group and footer. */
html[lang="zh-CN"] .account-hero-title,
html[lang="zh-CN"] .account-identity-name,
html[lang="zh-CN"] .account-identity-type,
html[lang="zh-CN"] .account-identity-email,
html[lang="zh-CN"] .account-quick-link span,
html[lang="zh-CN"] .account-nav-panel-label,
html[lang="zh-CN"] .account-section-title,
html[lang="zh-CN"] .account-section-desc,
html[lang="zh-CN"] .account-metric-label,
html[lang="zh-CN"] .account-metric-value,
html[lang="zh-CN"] .account-metric-desc,
html[lang="zh-CN"] .account-doc-title,
html[lang="zh-CN"] .account-doc-desc,
html[lang="zh-CN"] .account-doc-type,
html[lang="zh-CN"] .account-doc-badge,
html[lang="zh-CN"] .account-doc-btn,
html[lang="zh-CN"] .account-empty-title,
html[lang="zh-CN"] .account-empty-desc,
html[lang="zh-CN"] .account-basket-total-label,
html[lang="zh-CN"] .account-basket-total-value,
html[lang="zh-CN"] .account-basket-item-name,
html[lang="zh-CN"] .account-basket-item-cat,
html[lang="zh-CN"] .account-basket-item-price,
html[lang="zh-CN"] .account-gov-kicker,
html[lang="zh-CN"] .account-gov-title,
html[lang="zh-CN"] .account-gov-desc,
html[lang="zh-CN"] .account-gov-badge,
html[lang="zh-CN"] .account-gov-link,
html[lang="zh-CN"] .account-activity-panel,
html[lang="zh-CN"] .account-cta-title,
html[lang="zh-CN"] .account-cta-copy p{
  font-family: 'Cormorant Garamond', 'DM Mono',
               'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
               -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0;
  line-height: 1.7;
}
/* Account page chips, badges, CTA labels — minimal tracking only. */
html[lang="zh-CN"] .account-status-label,
html[lang="zh-CN"] .account-hero-identity .account-identity-status,
html[lang="zh-CN"] .account-metric-label,
html[lang="zh-CN"] .account-doc-type,
html[lang="zh-CN"] .account-doc-badge,
html[lang="zh-CN"] .account-gov-kicker,
html[lang="zh-CN"] .account-gov-badge,
html[lang="zh-CN"] .account-basket-total-label{
  letter-spacing: 0.02em;
}
/* My Systems page (.account-system-*) — hand off to SC fallback chain. */
html[lang="zh-CN"] .account-system-name,
html[lang="zh-CN"] .account-system-desc,
html[lang="zh-CN"] .account-system-meta,
html[lang="zh-CN"] .account-system-meta span,
html[lang="zh-CN"] .account-system-cat,
html[lang="zh-CN"] .account-systems-hero-desc,
html[lang="zh-CN"] .account-systems-upgrade-title,
html[lang="zh-CN"] .account-systems-upgrade-desc,
html[lang="zh-CN"] .account-systems-status-tile-v{
  font-family: 'Cormorant Garamond', 'DM Mono',
               'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei',
               -apple-system, BlinkMacSystemFont, sans-serif;
  letter-spacing: 0;
  line-height: 1.7;
}
html[lang="zh-CN"] .account-system-badge,
html[lang="zh-CN"] .account-system-cat,
html[lang="zh-CN"] .account-systems-status-tile-k,
html[lang="zh-CN"] .account-systems-upgrade-eyebrow{
  letter-spacing: 0.02em;
}