/* Compact, keyboard-accessible language links in the existing observatory header. */
.header{gap:clamp(12px,2vw,30px)}
.language-switch{display:inline-flex;align-items:center;flex:none;gap:2px;padding:3px;border:1px solid #abc7bd30;border-radius:24px;background:#0e1b2355}
.language-switch a{display:grid;place-items:center;min-width:30px;min-height:32px;padding:4px 7px;border-radius:20px;font:10px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em;color:#91a6a8;transition:color .2s,background .2s}
.language-switch a:hover{color:var(--ink);background:#b5e6d110}
.language-switch a[aria-current]{color:var(--mint);background:#b5e6d11c}
.language-switch a:focus-visible{outline-offset:3px}
@media(max-width:600px){.header{gap:10px}.header .brand{font-size:14px;gap:9px}.header .brand-sign{width:28px;height:28px}.header .brand small{font-size:5.4px;letter-spacing:.1em}.header .map-open{width:40px;height:40px;padding:10px;justify-content:center;flex:none}.header .map-open>span{display:none}.header .language-switch{margin-left:auto}.language-switch a{min-width:28px;padding-inline:6px}}
@media(max-width:370px){.header .brand{font-size:12px;gap:7px}.header{gap:8px}.header .brand small{font-size:4.6px}}