/* Mobile-only layout. Scene geometry, cameras, controls and tour timing are unchanged. */
@media (max-width:700px), (max-width:1000px) and (max-height:500px) {
 body { --mobile-header:96px; --tour-dock:0px; }
 body.cleanroom-v3:has(#tour-start:not([hidden])) { --tour-dock:calc(96px + env(safe-area-inset-bottom,0px)); }
 body.cleanroom-v3:not(.tour-active) #workspace { height:calc(100dvh - var(--mobile-header) - var(--tour-dock)); min-height:0; }
 body.cleanroom-v3:not(.tour-active) #floor-layer { bottom:var(--tour-dock)!important; }
 body #tour-language, body #tour-record, body #tour-start { box-sizing:border-box; margin:0; min-height:40px; border-radius:8px; font-size:12px; padding:9px 10px; }
 body #tour-language { left:8px; right:auto; bottom:calc(52px + env(safe-area-inset-bottom,0px)); width:calc(50% - 12px); max-width:none; }
 body #tour-record { left:auto; right:8px; bottom:calc(52px + env(safe-area-inset-bottom,0px)); width:calc(50% - 12px); }
 body #tour-start { left:8px; right:8px; bottom:calc(8px + env(safe-area-inset-bottom,0px)); width:calc(100% - 16px); }
 body #tour-record-message { left:8px; right:8px; bottom:calc(100px + env(safe-area-inset-bottom,0px)); max-width:none; max-height:25dvh; overflow:auto; }
 body:not(.tour-active)>.topbar { height:var(--mobile-header); padding:6px 12px; gap:6px 12px; flex-wrap:wrap; align-content:center; }
 body:not(.tour-active)>.topbar>a { flex:none; }
 body:not(.tour-active)>.topbar img { width:96px; max-height:32px; object-fit:contain; }
 body:not(.tour-active)>.topbar .brand small { display:none; }
 body:not(.tour-active)>.topbar .floor-title { margin-right:auto; padding-left:10px; gap:8px; }
 body:not(.tour-active)>.topbar .floor-title>b, body:not(.tour-active)>.topbar .floor-title>strong { font-size:22px; }
 body:not(.tour-active)>.topbar nav { width:100%; min-width:0; margin:0; display:flex; flex-wrap:nowrap; overflow-x:auto; align-items:center; gap:6px; scrollbar-width:thin; }
 body:not(.tour-active)>.topbar nav>* { flex:none; min-height:36px; white-space:nowrap; font-size:12px; padding:8px 10px; }
 body:not(.tour-active)>#viewport { height:calc(100dvh - var(--mobile-header)); }
 body dialog { box-sizing:border-box; max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); overflow:auto; overscroll-behavior:contain; padding:16px; }
 body dialog header, body dialog .dialog-top, body dialog .dialog-header { gap:10px; }
 body dialog header>button, body dialog .dialog-top>button, body dialog .dialog-header>button { flex:none; min-width:40px; min-height:40px; }
 body dialog h2 { overflow-wrap:anywhere; }
 body dialog button, body dialog a, body dialog select { max-width:100%; }
 body dialog nav { overflow-x:auto; flex-wrap:nowrap; }
 body dialog img { max-width:100%; object-fit:contain; }
 body #floor-menu, body #floor-map { box-sizing:border-box; top:12px; left:12px; right:12px; width:auto; max-width:none; max-height:calc(100% - 24px); overflow:auto; z-index:30; }
 body #toast { max-width:calc(100% - 24px); overflow-wrap:anywhere; }
 body:not(.tour-active) #interaction { box-sizing:border-box; max-width:calc(100% - 24px); min-width:0; width:max-content; white-space:normal; }
 body #joystick { width:82px; height:82px; left:16px; bottom:18px; }
 body #mobile-run { right:12px; bottom:18px; min-height:40px; }
 /* Museum and process menus occupy their own top strip. */
 body[data-ui-floor="1f"] .walk-hud { top:12px; left:12px; max-width:calc(100% - 24px); }
 body[data-ui-floor="1f"] .walk-hud h1 { font-size:20px; margin:6px 0; }
 body[data-ui-floor="1f"] .map-toggle { top:112px; left:12px; right:auto; min-width:0; }
 body[data-ui-floor="1f"] .music-toggle { top:112px; right:12px; bottom:auto; min-width:0; font-size:12px; padding:10px; }
 body[data-ui-floor="1f"] .controls { right:12px; bottom:66px; left:auto; transform:none; padding:3px; }
 body[data-ui-floor="1f"] .controls>span { display:none; }
 body[data-ui-floor="2f"] .progress { top:12px; left:12px; right:12px; width:auto; }
 body[data-ui-floor="2f"] .walk-controls { left:auto; right:12px; bottom:66px; transform:none; padding:4px; }
 body[data-ui-floor="2f"] .walk-controls>span { display:none; }
 body[data-ui-floor="2f"] .timeline-panel { bottom:8px; left:8px; right:8px; max-height:38%; overflow:auto; padding:12px; overscroll-behavior:contain; }
 body[data-ui-floor="2f"] .timeline-panel .play-controls { flex-wrap:wrap; }
 body[data-ui-floor="2f"] .timeline-panel .play-controls button { min-height:36px; font-size:12px; }
 body[data-ui-floor="2f"] .timeline-panel p { font-size:12px; }
 body[data-ui-floor="2f"] .process-heading { max-height:22%; overflow:auto; }
 body[data-ui-floor="2f"] .variant-tabs { overflow-x:auto; max-width:calc(100% - 24px); flex-wrap:nowrap; }
 body[data-ui-floor="2f"] .variant-tabs button { flex:none; }
 /* Lounge: actions and camera buttons stay above the movement controls. */
 body[data-ui-floor="2.5f"] .music { top:12px; right:12px; max-width:calc(100% - 100px); gap:2px; }
 body[data-ui-floor="2.5f"] .music input { width:52px; }
 body[data-ui-floor="2.5f"] .view-tools { right:12px; bottom:66px; }
 body[data-ui-floor="2.5f"] #lounge-actions { bottom:112px; left:12px; right:12px; width:auto; max-width:none; transform:none; max-height:30%; overflow:auto; }
 body[data-ui-floor="2.5f"].has-actions #interaction { bottom:calc(112px + min(30%,150px) + 8px); }
 body #photo-mode header { left:8px; right:8px; top:8px; padding:10px; }
 body #photo-mode header b { font-size:20px; }
 body #photo-mode footer { left:8px; right:8px; bottom:8px; max-height:34%; overflow:auto; padding:8px; gap:6px; }
 body #photo-mode footer button, body #photo-mode footer a, body #photo-mode footer select { padding:9px; font-size:13px; }
 body #photo-mode .photo-result { inset:145px 8px 145px; padding:8px; }
 body .memories-grid { grid-template-columns:1fr; }
 /* Hall / meeting room: entry control, event status and media never stack on titles. */
 body[data-ui-floor="3f"] .room-title { left:12px; right:12px; top:12px; max-width:none; padding:10px 12px; }
 body[data-ui-floor="3f"] #media-access { top:118px; left:12px; right:auto; max-width:calc(100% - 24px); }
 body[data-ui-floor="3f"] #camera-reset { right:12px; bottom:66px; }
 body[data-ui-floor="3f"] #event-bar { left:12px; right:12px; transform:none; width:auto; max-height:35%; overflow:auto; }
 body[data-ui-floor="3f"].event-active #media-access { top:auto; bottom:112px; }
 body[data-ui-floor="3f"] #seat-actions { left:12px; right:12px; bottom:12px; transform:none; width:auto; max-width:none; flex-wrap:wrap; }
 body[data-ui-floor="3f"] #media-panel { max-height:48%; overflow:auto; }
 body[data-ui-floor="3f"] .media-heading>div:last-child { flex-wrap:wrap; }
 body[data-ui-floor="3f"].media-focus #viewport { height:100dvh; }
 body[data-ui-floor="3f"].media-focus>.topbar { height:0; padding:0; border:0; overflow:hidden; }
 /* Sky Garden: one row each for navigation, time, season and sky experiences. */
 body[data-ui-floor="rooftop"]>#viewport { height:100dvh; }
 body[data-ui-floor="rooftop"] .topbar { left:12px; right:12px; top:10px; flex-wrap:wrap; gap:8px; }
 body[data-ui-floor="rooftop"] .topbar nav { width:100%; display:flex; gap:5px; }
 body[data-ui-floor="rooftop"] .topbar nav button { font-size:12px; padding:8px; min-height:36px; }
 body[data-ui-floor="rooftop"] .identity { top:108px; left:12px; }
 body[data-ui-floor="rooftop"] .identity h1 { font-size:19px; margin:5px 0; max-width:none; }
 body[data-ui-floor="rooftop"] .identity p { max-width:calc(100vw - 24px); font-size:12px; }
 body[data-ui-floor="rooftop"] .time-controls { top:192px; left:12px; right:auto; padding:4px; }
 body[data-ui-floor="rooftop"] .time-controls>span { display:none; }
 body[data-ui-floor="rooftop"] .time-controls button { padding:8px; }
 body[data-ui-floor="rooftop"] .season-controls { top:192px; right:12px; left:auto; }
 body[data-ui-floor="rooftop"] #sky-toggle { top:244px; right:12px; bottom:auto; max-width:calc(100% - 24px); }
 body[data-ui-floor="rooftop"] #floor-menu { top:100px; max-height:calc(100% - 112px); }
 body[data-ui-floor="rooftop"] #view-label { bottom:118px; left:12px; max-width:calc(100% - 24px); }
 body[data-ui-floor="rooftop"] #camera-reset { bottom:66px; right:12px; }
 body[data-ui-floor="rooftop"] #show-footer, body[data-ui-floor="rooftop"] #hammock-hud { max-width:calc(100% - 16px); max-height:38dvh; overflow:auto; bottom:8px; }
 body[data-ui-floor="rooftop"] .hammock-actions, body[data-ui-floor="rooftop"] #show-footer>div { flex-wrap:wrap; }
 body[data-ui-floor="rooftop"].viewing .time-controls { top:108px; }
 body[data-ui-floor="rooftop"].viewing .season-controls { top:108px; }
 body[data-ui-floor="rooftop"].viewing #sky-toggle { top:160px; }
 body .tour-controls { max-width:calc(100vw - 16px); box-sizing:border-box; flex-wrap:wrap; right:8px; bottom:calc(8px + env(safe-area-inset-bottom,0px)); }
 body .tour-copy { max-width:90vw; max-height:38dvh; overflow:auto; box-sizing:border-box; }
 body .tour-copy[data-single-line=true] h2 { font-size:clamp(13px,3.5vw,23px); letter-spacing:-.3px; }
}

@media (max-width:900px) {
 body.cleanroom-v3 { --mobile-header:56px; --solution-sheet:min(35%,230px); }
 body.cleanroom-v3 .topbar { height:56px; padding:8px 12px; gap:12px; }
 body.cleanroom-v3 .topbar .brand { flex:none; }
 body.cleanroom-v3 .topbar .brand img { width:95px; }
 body.cleanroom-v3 .topbar .page-title { font-size:12px; max-width:none; flex:1; }
 body.cleanroom-v3 .topbar .page-title small { display:none; }
 body.cleanroom-v3:not(.tour-active) #workspace { min-height:0; }
 body.cleanroom-v3 .scene-title { left:12px; right:12px; top:10px; }
 body.cleanroom-v3 .scene-title .eyebrow, body.cleanroom-v3 #scene-eyebrow { font-size:10px; }
 body.cleanroom-v3 .scene-title h1 { font-size:19px!important; line-height:1.3; margin:5px 0; max-width:none!important; }
 body.cleanroom-v3 .scene-title p { display:none; }
 body.cleanroom-v3 .view-nav { top:66px; left:12px; right:12px; width:auto; max-width:none; display:flex; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; z-index:5; }
 body.cleanroom-v3 .anniversary-focus>.view-nav { display:none; }
 body.cleanroom-v3 .view-nav button { flex:none; min-height:38px; padding:7px 9px; white-space:nowrap; font-size:12px; }
 body.cleanroom-v3 .view-nav button[data-view=room] { max-width:none; }
 body.cleanroom-v3 .view-nav button[data-view=room]>span { white-space:nowrap; max-width:none; }
 body.cleanroom-v3 .equipment-nav { top:114px; left:12px; right:12px; width:auto; max-height:none; display:flex; flex-wrap:nowrap; gap:5px; overflow-x:auto; z-index:5; padding-bottom:4px; }
 body.cleanroom-v3 #workspace:is(.walking,.exterior,.solution-inspection) .equipment-nav { display:none; }
 body.cleanroom-v3 .equipment-nav button { flex:none; width:auto; min-height:36px; padding:8px 10px; }
 body.cleanroom-v3 .equipment-nav button>span:nth-child(3),body.cleanroom-v3 .equipment-nav .section-label { display:none; }
 body.cleanroom-v3 #workspace:not(.walking):not(.exterior):not(.experiencing) #solution-panel { left:12px; right:12px; top:auto; bottom:8px; width:auto; max-height:var(--solution-sheet); padding:12px; z-index:6; box-sizing:border-box; overscroll-behavior:contain; }
 body.cleanroom-v3 #solution-panel .solution-view-tabs,body.cleanroom-v3 #solution-experience-button { position:static; }
 body.cleanroom-v3 #solution-panel h2 { margin:5px 0; font-size:18px; }
 body.cleanroom-v3 #solution-panel .solution-tabs { display:flex; flex-wrap:nowrap; overflow-x:auto; }
 body.cleanroom-v3 #solution-panel .solution-tabs button { flex:none; flex-grow:1; min-height:36px; white-space:nowrap; padding:8px; font-size:13px; }
 body.cleanroom-v3 .bottom-area { top:auto; left:12px; right:12px; bottom:calc(var(--solution-sheet) + 18px); max-width:none; z-index:5; }
 body.cleanroom-v3 .bottom-area .legend,body.cleanroom-v3 .bottom-area .navigation-hint { display:none; }
 body.cleanroom-v3 .camera-toolbar { display:flex; flex-wrap:nowrap; width:max-content; max-width:100%; gap:4px; }
 body.cleanroom-v3 .camera-toolbar button { min-width:36px; min-height:36px; }
 body.cleanroom-v3 #workspace:not(.walking):not(.exterior):not(.experiencing) #labels { clip-path:inset(155px 0 calc(var(--solution-sheet) + 58px) 0); }
 body.cleanroom-v3 #detail-card { left:12px; right:12px; bottom:calc(var(--solution-sheet) + 60px); width:auto; max-height:calc(65% - 224px); overflow:auto; z-index:7; box-sizing:border-box; }
 body.cleanroom-v3 .exterior .bottom-area { bottom:170px; }
 body.cleanroom-v3 .floor-gateway { left:12px; right:12px; bottom:8px; width:auto; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
 body.cleanroom-v3 .floor-gateway p { font-size:12px; }
 body.cleanroom-v3 .floor-gateway button { min-height:64px; padding:8px; }
 body.cleanroom-v3 .floor-gateway button strong { font-size:18px; line-height:1.25; }
 body.cleanroom-v3 .floor-gateway button[data-floor="3.5f"] strong { font-size:12px; }
 body.cleanroom-v3 .floor-gateway button small { font-size:10px; overflow-wrap:anywhere; }
 body.cleanroom-v3 .walking .bottom-area { top:auto; bottom:12px; left:auto; right:12px; }
 body.cleanroom-v3 .walking #walk-hud { bottom:62px; right:12px; left:auto; max-width:calc(100% - 132px); flex-wrap:wrap; }
 body.cleanroom-v3 .walking .solution-shortcuts { top:114px; left:12px; right:12px; width:auto; flex-wrap:nowrap; overflow-x:auto; }
 body.cleanroom-v3 .product-nearby { bottom:118px; white-space:normal; width:max-content; }
 body.cleanroom-v3 .scene-note { display:none; }
 body.cleanroom-v3 .experience-footer { max-height:35%; overflow:auto; }
}

/* Landscape phones need a distinct arrangement, not a squeezed portrait stack. */
@media (min-width:601px) and (max-width:1000px) and (max-height:500px) {
 body { --mobile-header:52px; }
 body.cleanroom-v3 { --mobile-header:48px; }
 body.cleanroom-v3:has(#tour-start:not([hidden])) { --tour-dock:calc(52px + env(safe-area-inset-bottom,0px)); }
 body #tour-language { width:24%; left:8px; bottom:calc(6px + env(safe-area-inset-bottom,0px)); }
 body #tour-record { width:27%; left:calc(24% + 14px); right:auto; bottom:calc(6px + env(safe-area-inset-bottom,0px)); }
 body #tour-start { width:auto; left:calc(51% + 20px); right:8px; bottom:calc(6px + env(safe-area-inset-bottom,0px)); }
 body #tour-record-message { bottom:58px; }
 body:not(.tour-active)>.topbar { flex-wrap:nowrap; }
 body:not(.tour-active)>.topbar nav { width:auto; margin-left:auto; }
 body:not(.tour-active)>.topbar .floor-title>div,body:not(.tour-active)>.topbar .floor-title>span { display:none; }
 body.cleanroom-v3 .topbar { height:48px; }
 body.cleanroom-v3 .scene-title { right:290px; top:8px; }
 body.cleanroom-v3 .scene-title h1 { font-size:17px!important; }
 body.cleanroom-v3 .view-nav { top:64px; right:290px; }
 body.cleanroom-v3 .equipment-nav { top:110px; right:290px; }
 body.cleanroom-v3 #workspace:not(.walking):not(.exterior):not(.experiencing) #solution-panel { left:auto; right:8px; top:8px; bottom:8px; width:270px; max-height:calc(100% - 16px); }
 body.cleanroom-v3 #workspace:not(.walking):not(.exterior):not(.experiencing) .bottom-area { top:auto; bottom:8px; right:290px; }
 body.cleanroom-v3 #workspace:not(.walking):not(.exterior):not(.experiencing) #labels { clip-path:inset(145px 290px 48px 0); }
 body.cleanroom-v3 #detail-card { left:12px; right:290px; bottom:54px; max-height:calc(100% - 110px); }
 body.cleanroom-v3 .exterior .floor-gateway { grid-template-columns:repeat(6,minmax(0,1fr)); }
 body.cleanroom-v3 .exterior .bottom-area { bottom:108px; }
 body[data-ui-floor="1f"] .walk-hud { max-width:55%; }
 body[data-ui-floor="1f"] .map-toggle { top:12px; left:auto; right:12px; }
 body[data-ui-floor="1f"] .music-toggle { top:58px; }
 body[data-ui-floor="2f"] .progress { width:285px; left:auto; }
 body[data-ui-floor="2f"] #process-hud { overflow:auto; }
 body[data-ui-floor="2f"] .timeline-panel { left:auto; width:300px; top:52px; bottom:8px; max-height:none; }
 body[data-ui-floor="2f"] .process-heading { top:8px; left:8px; right:330px; max-height:40%; }
 body[data-ui-floor="2f"] .process-heading h1 { font-size:17px; }
 body[data-ui-floor="2f"] .variant-tabs { left:8px; right:330px; top:115px; width:auto; }
 body[data-ui-floor="2f"] .scene-legend { max-width:calc(100% - 340px); }
 body[data-ui-floor="2f"] .eds-results { top:112px; left:8px; right:auto; max-height:45%; overflow:auto; }
 body[data-ui-floor="3f"] .room-title { right:285px; }
 body[data-ui-floor="3f"] #media-access { left:auto; right:12px; top:12px; max-width:250px; }
 body[data-ui-floor="3f"] #event-bar { right:285px; }
 body[data-ui-floor="3f"].event-active #media-access { bottom:auto; top:12px; }
 body[data-ui-floor="3f"] #media-panel { max-height:65%; }
 body #photo-mode header { left:8px; right:auto; max-width:45%; }
 body #photo-mode .photo-guide { top:90px; right:auto; width:45%; }
 body #photo-mode footer { left:auto; top:8px; bottom:8px; width:46%; max-height:none; align-content:center; }
 body #photo-mode .photo-result { inset:85px 52% 8px 8px; }
 body[data-ui-floor="rooftop"] .topbar { flex-wrap:nowrap; }
 body[data-ui-floor="rooftop"] .topbar nav { width:auto; }
 body[data-ui-floor="rooftop"] .identity { top:65px; }
 body[data-ui-floor="rooftop"] .time-controls, body[data-ui-floor="rooftop"].viewing .time-controls { top:65px; left:auto; right:120px; }
 body[data-ui-floor="rooftop"] .season-controls, body[data-ui-floor="rooftop"].viewing .season-controls { top:65px; }
 body[data-ui-floor="rooftop"] #sky-toggle, body[data-ui-floor="rooftop"].viewing #sky-toggle { top:115px; }
 body[data-ui-floor="rooftop"] #floor-menu { top:60px; max-height:calc(100% - 72px); }
 body[data-ui-floor="rooftop"] #show-footer,body[data-ui-floor="rooftop"] #hammock-hud { max-height:45dvh; }
 body .tour-copy { bottom:62px; padding:10px 14px; max-height:55dvh; }
 body .tour-copy h2 { font-size:20px; margin:4px 0; }
 body .tour-copy p { font-size:12px; }
}
@media (max-width:700px), (max-width:1000px) and (max-height:500px) {
 body #mobile-run { left:auto; }
 body #education { padding:0; width:calc(100vw - 16px); height:calc(100dvh - 16px); overflow:hidden; }
 body #education .education-shell>header { height:58px; padding:8px 12px; }
 body #education .education-shell>header img { width:90px; }
 body #education .education-shell>header span { display:none; }
 body #education .education-shell>footer { height:58px; padding:8px 12px; }
 body #education .education-body { flex-direction:column; }
 body #education .education-sidebar { width:100%; padding:5px 8px; }
 body #education .education-sidebar>.eyebrow,body #education .sidebar-bottom { display:none; }
 body #education #chapter-nav { display:flex; flex-wrap:nowrap; overflow-x:auto; }
 body #education #chapter-nav button { flex:none; padding:8px; min-height:38px; }
 body #education #lesson-content { padding:16px; }
 body #complete-screen { overflow:auto; padding:20px 16px; }
 body[data-ui-floor="2f"] .metal-tools { max-width:calc(100% - 24px); overflow:auto; }
 body[data-ui-floor="2f"] .metal-tools button { white-space:nowrap; }
 body[data-ui-floor="rooftop"] .show-choices { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body[data-ui-floor="rooftop"] .show-choice { min-width:0; }
 body[data-ui-floor="rooftop"] .show-choice strong { white-space:normal; overflow-wrap:anywhere; font-size:16px; }
 body[data-ui-floor="rooftop"] #sky-menu { padding:16px; }
 body[data-ui-floor="rooftop"] #hammock-hud { left:8px; right:8px; width:auto; transform:none; }
 body[data-ui-floor="rooftop"].hammock-view.sky-showing:not(.cinematic) #show-footer { top:92px; bottom:auto; max-height:30dvh; }
}
@media (min-width:601px) and (max-width:1000px) and (max-height:500px) {
 body[data-ui-floor="2f"] .metal-tools { top:96px; left:8px; right:330px; }
 body[data-ui-floor="2f"] .metal-experience .process-heading { top:8px; max-height:82px; }
 body.cleanroom-v3 .experience-head { top:8px; }
 body.cleanroom-v3 .experience-stagebar { top:55px; width:290px; }
 body.cleanroom-v3 .experience-footer { width:290px; max-height:calc(100% - 110px); bottom:8px; }
 body.cleanroom-v3 .experience-directions { top:122px; max-width:calc(100% - 335px); }
 body.cleanroom-v3 .experience-rh { top:65px; }
 body #photo-mode .photo-result { top:85px; }
 body #photo-mode:has(.photo-result:not([hidden])) .photo-guide { visibility:hidden; }
}
@media(max-width:900px){
 body.cleanroom-v3 .view-nav{box-sizing:border-box;height:42px;padding:3px;scrollbar-width:none}
 body.cleanroom-v3 .view-nav button{min-height:34px;padding:5px 8px}
 body.cleanroom-v3 .equipment-nav{height:42px;box-sizing:border-box;padding:0;scrollbar-width:none}
 body.cleanroom-v3 .view-nav::-webkit-scrollbar,body.cleanroom-v3 .equipment-nav::-webkit-scrollbar{display:none}
}
/* Shared language switcher for the full site. */
#site-language{position:fixed;right:14px;bottom:164px;z-index:20000;min-height:40px;padding:9px 13px;border:1px solid #5a8299;border-radius:8px;background:#071a2bed;color:#eaf8ff;font:600 13px/1.2 system-ui,sans-serif;letter-spacing:.2px;box-shadow:0 4px 16px #00111e66}
#site-language:focus-visible{outline:2px solid #8ee9ff;outline-offset:2px}
body[data-site-language="en"] #site-language{letter-spacing:.4px}
@media(max-width:700px){#site-language{right:8px;bottom:calc(170px + env(safe-area-inset-bottom,0px));min-height:40px;font-size:12px}.topbar nav{padding-right:12px}}
/* Keep the single shared language control available in every view, including tours. */