/* Local language controls; no header or footer is added. */
.language-dock, .language-switch { position: fixed; z-index: 15; display: flex; align-items: center; }
.language-dock { top: 50%; right: max(14px, env(safe-area-inset-right)); transform: translateY(-50%); width: 64px; flex-direction: column; gap: 6px; }
.language-switch { top: 22px; right: max(30px, env(safe-area-inset-right)); gap: 4px; }
.language-dock[hidden], .language-switch[hidden] { display: none; }
.language-dock .language-button, .language-switch .language-button { min-width: 58px; min-height: 44px; margin: 0; padding: 8px 4px; border: 0; border-radius: var(--radius-small); background: transparent; color: var(--muted); font: 12px/1.4 var(--font-sans); cursor: pointer; box-shadow: none; }
.language-button[aria-pressed="true"] { color: var(--ink); font-weight: 600; }
.language-dock .language-button[aria-pressed="true"], .language-switch .language-button[aria-pressed="true"] { color: var(--ink); font-weight: 600; }
.language-dock .language-button:hover, .language-switch .language-button:hover { color: var(--accent); background: transparent; }
.language-button:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
.language-dock .random-layout { position: static; transform: none; flex: 0 0 44px; }
html[lang="en"] .category-nav a { font-size: 12px; }
html[lang="en"] .atlas-main { padding-left: 158px; }
html[lang="en"] .model-node { font-size: 13px; }
html[lang="en"] .card-title { font-size: 18px; letter-spacing: 0; }
html[lang="en"] :is(.hint, .summary, .reader-body, .technical-lesson) { overflow-wrap: break-word; }
html[lang="en"] :is(.slider-label, .control-row, .button-row, .segments) { flex-wrap: wrap; }
html[lang="en"] .tf-node .node-label { font-size: 24px; }
html[lang="en"] .network-label { font-size: 18px; }
html[lang="en"] .network-label.long-label { font-size: 15px; }
html[lang="en"] .network-compact .network-label { font-size: 23px; }
html[lang="en"] .network-compact .network-label.long-label { font-size: 19px; }
@media (max-width: 900px) {
  .language-dock { right: max(0px, env(safe-area-inset-right)); width: 56px; }
  .language-dock .language-button { min-width: 52px; font-size: 11px; }
  html[lang="en"] .category-nav a { font-size: 10px; gap: 5px; }
  html[lang="en"] .atlas-main { padding-left: 110px; }
  html[lang="en"] .galaxy.is-interactive .model-node { white-space: normal; max-width: min(190px, 100%); line-height: 1.4; }
}
@media (max-width: 720px) {
  .language-switch { top: 20px; right: 14px; }
}