/* Extend Atlas Vivo's existing green and gold controls. */
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.language-switch{display:flex;border:1px solid #ffffff30;border-radius:9px;overflow:hidden;background:#0b252c}
.language-switch button{min-width:44px;min-height:44px;font-size:14px;padding:8px;color:#c3d6cf}
.language-switch button[aria-pressed=true]{background:var(--gold);color:#10262c;font-weight:700}
.language-switch button:focus-visible{outline-offset:-4px}
.voice-profile-description,.language-privacy{font-size:14px;line-height:1.65;color:#c6d8d1}
.voice-catalog{display:grid;gap:10px;margin:16px 0}
.voice-card{border:1px solid #ffffff25;border-radius:9px;padding:13px;background:#09212a}
.voice-card h3{font-size:16px;margin:0 0 6px}.voice-card p{font-size:14px;margin:5px 0;line-height:1.5}
.voice-card button{min-height:44px;border:1px solid #e3bd7866;border-radius:7px;padding:8px 12px;color:var(--gold);margin-top:6px}
.voice-card small{display:block;font-size:13px;color:#bdd1c7;line-height:1.5}
.voice-remember{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0;font-size:14px}.voice-remember input{width:22px;height:22px;accent-color:var(--gold)}
#neural-voice-select,#language-choice{width:100%;padding:10px;border-radius:8px;border:1px solid #ffffff35;background:#091d25;color:var(--ink);min-height:48px;font-size:16px}
#location-status,#translation-notice{font-size:14px;line-height:1.6;color:#e3bd78}
#location-use,#location-apply{min-height:48px;margin-top:10px;white-space:normal}
@media(max-width:1050px){header{gap:12px;padding-left:3%;padding-right:3%}header nav{gap:14px}.brand{font-size:20px}.brand-icon{font-size:35px}}
@media(max-width:750px){header{height:auto;min-height:120px;display:grid;grid-template-columns:minmax(0,1fr) auto;padding:12px 14px 0;gap:8px}.brand{font-size:18px;gap:6px;letter-spacing:1.5px}.brand small{font-size:9px;letter-spacing:.6px}.brand-icon{display:none}.header-actions{gap:6px;grid-column:2;grid-row:1}.header-actions #help{display:block}header nav{grid-row:2;grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;min-height:48px}.nav{min-height:48px;font-size:14px}.language-switch button{min-width:40px;min-height:44px}#language-options{min-width:32px}}
@media(max-width:350px){header{padding-left:10px;padding-right:10px}.brand{font-size:17px}.brand small{font-size:8px}.language-switch button{min-width:36px}.nav span{padding:2px 3px;margin-left:2px}}
@media(min-width:700px){.voice-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Keep language choices reachable in immersive mode, above the map controls. */
.immersive .header-actions{position:fixed;right:12px;top:12px;z-index:70;display:flex}.immersive header{display:contents}.immersive header>.brand,.immersive header>nav,.immersive .header-actions>#help{display:none}.immersive .map-top{top:68px}

@media(max-width:500px){header{padding-left:10px;padding-right:10px}.brand{font-size:17px;letter-spacing:1px}.brand small{display:none}.header-actions{gap:5px}.header-actions #help{width:44px;height:44px}.language-switch button{min-width:40px}#language-options{min-width:32px}}

.soundscape-settings{border-top:1px solid #36554b;margin-top:1.4rem;padding-top:1rem}.soundscape-settings h3{margin:.3rem 0}.soundscape-settings button{min-height:44px}.soundscape-settings input[type=range]{width:100%}.soundscape-settings .voice-remember{gap:.6rem;align-items:center}.soundscape-settings [role=status]{font-size:.85rem;line-height:1.5}.soundscape-settings a{text-decoration:underline;text-underline-offset:3px}
dialog .primary{max-width:100%;white-space:normal}dialog .audio-settings-grid{display:grid;grid-template-columns:minmax(0,1fr)}dialog .audio-settings-grid label{min-width:0}dialog input[type=range]{max-width:100%;margin-left:0;margin-right:0}dialog .voice-remember input{flex:0 0 22px}#modal-body{min-width:0;overflow-wrap:anywhere}
@media(max-width:420px){dialog{padding-left:22px;padding-right:22px}}
