/* Direct language selection and illustrated discovery stations. */
.language-options{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid #94d5de40;border-radius:12px;background:#091729c9;flex:none}
.language-options button,.screen-header-actions .language-options button{appearance:none;border:1px solid transparent;border-radius:8px;background:transparent;color:#ecf6ff;font:inherit;font-size:16px;line-height:1.3;min-width:42px;min-height:42px;padding:7px 9px;cursor:pointer}
.language-options button[aria-pressed=true]{color:#052c31;background:#9de9dd;border-color:#b8fff1;font-weight:650;box-shadow:0 0 15px #60e1d822}
.language-options button:hover{border-color:#9be9dd;background:#184550;color:#fff}
.language-options button[aria-pressed=true]:hover{background:#b7fff0;color:#052c31}
.language-options button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.stage-icon{display:block;width:48px;height:48px;color:#8be4d6;margin:0 0 12px;flex:none}
.stage-icon svg{width:100%;height:100%;display:block}
.stage-button .stage-index{font:16px/1.4 var(--mono);color:#8acfd2}
.stage-button{transition:background .18s,border-color .18s;position:relative}
.stage-button:hover .stage-icon{color:#d5fff1}
.stage-button.active .stage-icon{color:#acffdd}
@media(max-width:800px){
  .immersive-site .header-inner{padding-inline:14px;gap:8px}
  .immersive-site .header-actions{gap:7px}
  .immersive-site .language-options{gap:1px;padding:2px;border-radius:9px}
  .immersive-site .site-header .language-options button{min-width:34px;min-height:40px;padding:7px 5px}
  .immersive-site .site-header .menu-toggle{position:static;padding:5px;min-width:32px;min-height:40px;font-size:0;background:#091729c9;border-color:#94d5de40}
  .immersive-site .site-header .menu-toggle::before{content:'☰';font-size:18px;line-height:1}
  .screen-header-actions{width:100%;justify-content:space-between}
  .screen-header-actions .language-options button{padding:7px;min-width:40px}
  .screen-header-actions #screen-close{max-width:52%;white-space:normal;line-height:1.3;min-height:44px}
  .stage-icon{width:40px;height:40px;margin-bottom:9px}
}
@media(max-width:360px){
  .immersive-site .header-inner{padding-inline:12px}
  .immersive-site .brand{font-size:13px;gap:7px}
  .immersive-site .site-header .language-options button{min-width:32px;padding-inline:4px}
  .screen-header{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){.stage-button{transition:none}}
@media print{.language-options{display:none!important}}