/* Final mobile usability and map detail review, 13 October 2026. */
.map-viewport{height:100%}
.map-toolbar{display:none}
@media(max-width:800px){
 .map-toplabel{position:static;padding:16px 16px 0;line-height:1.6;font-size:9px}
 .map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid #ffffff16}
 .map-detail-toggle{border:1px solid #6e8389;background:#182b33;color:#f0f3e9;min-height:44px;padding:11px 14px;font-size:12px;white-space:nowrap}
 .map-gesture-hint{font-size:11px;line-height:1.6;color:#bac8c8;margin:0;max-width:160px}
 .map-viewport{height:auto}
 .map-viewport.is-detailed{height:430px;overflow:auto;overscroll-behavior:contain;scrollbar-color:#738681 #15252d;touch-action:pan-x pan-y}
 .map-viewport.is-detailed svg{width:800px;height:650px;min-width:800px;min-height:650px;max-height:none}
 .map-scale{position:static;padding:12px 16px;font-size:8px;line-height:1.6;border-top:1px solid #ffffff16}
 .globe-controls button{width:44px;height:44px}
 .globe-origins button{min-height:44px;font-size:11px;padding:10px 4px}
 .globe-selection{flex-wrap:wrap;gap:12px;font-size:9px;line-height:1.6}
 .globe-selection>span{min-width:0;flex:1}
 .globe-active{font-size:10px}
 .globe-controls{flex-shrink:0}
 .material-filters button{min-height:44px;font-size:11px;padding:11px 14px}
 .handling-tabs button{min-height:48px;font-size:12px}
 .map-toggle{min-height:44px;font-size:11px;line-height:1.6}
 .map-enquire{font-size:12px;line-height:1.6}
 .map-legend{font-size:10px;gap:16px}
 .map-footnote{font-size:12px;line-height:1.8}
 .footer-top a{font-size:13px;line-height:1.8;padding:4px 0}
 .footer-top p{font-size:12px;line-height:1.8}
 .footer-bottom{font-size:10px;line-height:1.8}
 .service-tabs button{font-size:12px;line-height:1.6}
 .site-utility{min-height:44px;height:auto;gap:10px}
 .motion-toggle{min-height:44px;font-size:10px;white-space:nowrap}
}