/* One language control shared by every page. */
.language-picker { position: relative; flex-shrink: 0; font: inherit; color: inherit; }
.language-picker > summary { display: flex; align-items: center; gap: 8px; border: 0; border-radius: 10px; padding: 9px 12px; font: 400 13px/1.3 Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; list-style: none; cursor: pointer; white-space: nowrap; }
.language-picker > summary::-webkit-details-marker { display: none; }
.language-picker > summary:hover, .language-picker[open] > summary { background: rgba(128,128,128,.12); }
.language-chevron { display: inline-block; transition: transform .18s; }
.language-picker[open] .language-chevron { transform: rotate(180deg); }
.language-popover { position: absolute; top: calc(100% + 8px); right: 0; z-index: 1001; width: 176px; padding: 8px; border-radius: 14px; background: #fff; color: #17191c; box-shadow: 0 8px 30px rgba(0,0,0,.18); font: 400 13px/1.4 Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
.language-popover p { margin: 5px 8px 8px; color: #7d838d; font-size: 11px; }
.language-popover button { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 8px; border: 0; border-radius: 7px; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.language-popover button:hover { background: #f3f4f5; }
.language-popover button[aria-checked="true"]::after { content: "✓"; }
.language-picker :focus-visible { outline: 2px solid #7d75ff; outline-offset: 2px; }
.language-picker--floating { position: fixed; top: 12px; right: 16px; z-index: 1000; background: #10141b; color: #fff; border-radius: 10px; }
@media print { .language-picker { display: none; } }
html[lang="en"] .desktop-nav { gap: clamp(12px, 1.6vw, 28px); }
html[lang="en"] .header-actions { flex-shrink: 0; }
html[lang="en"] .orbit-node strong { font-size: clamp(12px, 1.2vw, 18px); }
html[lang="en"] .scene-tab { overflow-wrap: normal; }

html[lang="en"] .orbit-node-copy { font-size: 12px; line-height: 1.25; }
@media (min-width: 901px) and (max-width: 1150px) {
  .site-header { grid-template-columns: auto 1fr auto; column-gap: 20px; padding-inline: 24px; }
  .desktop-nav { justify-self: center; gap: 16px; }
  .shared-brand-name { font-size: 12px; }
}
@media (max-width: 600px) {
  .language-picker > summary { font-size: 12px; padding: 7px; }
  .header-actions { gap: 7px; }
  html[lang="en"] .header-actions .outline-button { font-size: 11px; padding-inline: 10px; }
  .site-header { padding-inline: 12px; }
  .shared-brand { gap: 7px; }
  .shared-brand-name { gap: 4px; font-size: 10px; letter-spacing: .02em; }
  .shared-brand > img { width: 27px; height: 27px; }
  .header-actions .outline-button { font-size: 11px; padding: 8px; }
  .header-actions .menu-toggle { width: 30px; height: 30px; }

}