/* Bounded desktop navigation pilot. Existing palette and screen-size captions retained. */
[data-desktop-navigation] .map-navigation,[data-desktop-navigation] .map-navigation-hint{display:none}
@media(min-width:1101px){
#routemap[data-desktop-navigation] .gwhead{gap:12px;align-items:flex-start}
#routemap[data-desktop-navigation] .gwhead .tabs{margin-right:auto}
#routemap[data-desktop-navigation] .map-navigation{display:grid;gap:6px;justify-items:end;min-width:332px}
#routemap[data-desktop-navigation] .map-navigation-buttons{display:flex;align-items:center;gap:4px}
#routemap[data-desktop-navigation] .map-navigation button{font:500 13px/1 Inter,Arial,sans-serif;color:#252820;background:#f7f4ec;border:1px solid #d5d0c1;min-height:36px;padding:0 11px;cursor:pointer}
#routemap[data-desktop-navigation] .map-navigation [data-camera=in],#routemap[data-desktop-navigation] .map-navigation [data-camera=out]{font-size:21px;min-width:36px;padding:0}
#routemap[data-desktop-navigation] .map-navigation output{font:500 13px Inter,Arial,sans-serif;min-width:34px;text-align:center;color:#666958}
#routemap[data-desktop-navigation] .map-navigation button:disabled{opacity:1;color:#95998b;background:#eeebe1;border-color:#ddd8ca;cursor:default}
#routemap[data-desktop-navigation] .map-navigation button:focus-visible,#routemap[data-desktop-navigation] .gmap:focus-visible{outline:2px solid #e4601c;outline-offset:-3px}
#routemap[data-desktop-navigation] .mapside{position:relative}
#routemap[data-desktop-navigation] .map-navigation-hint{display:block;margin:0;padding:0;min-height:19px;font:400 13px/1.4 Inter,Arial,sans-serif;color:#40463a;background:transparent;white-space:nowrap;text-align:right;pointer-events:none}
#routemap[data-desktop-navigation] .map-navigation-hint.emphasis{color:#252820;font-weight:600}
#routemap[data-desktop-navigation] .gmap{cursor:grab;user-select:none;--s:1}
#routemap[data-desktop-navigation] .gmap.is-dragging,#routemap[data-desktop-navigation] .gmap.is-dragging .stop{cursor:grabbing}
#routemap[data-desktop-navigation] .stop{pointer-events:visiblePainted}
#routemap[data-desktop-navigation] .stop .hit{r:calc(var(--u)*16px)}
#routemap[data-desktop-navigation] .progress-dot{r:calc(var(--u)*4px);stroke-width:calc(var(--u)*1px)}
#routemap[data-desktop-navigation] .flight-caption{font-size:calc(var(--u)*9.7px)}
#routemap[data-desktop-navigation] .flight-link{stroke-width:calc(var(--u)*1.5px);stroke-dasharray:calc(var(--u)*2px) calc(var(--u)*6px)}
}

/* All scoped desktop routes use available height for the map, keeping controls outside it. */
@media(min-width:1101px){
#routemap[data-desktop-navigation] .gmap{--s:1!important}
/* The four cropped Plateau maps follow the newer fixed desktop-height pattern.
   Long day copy scrolls in its own panel instead of widening the camera in Expand. */
#routemap.highway-map[data-desktop-navigation]:not(.kham-map):not(.big) .gwbody{height:560px;min-height:0}
#routemap.highway-map[data-desktop-navigation]:not(.kham-map):not(.big) :is(.mapside,.maps,.mview.on){height:560px;min-height:0!important}
#routemap.highway-map[data-desktop-navigation]:not(.kham-map):not(.big) .gmap{height:560px!important;min-height:0!important;aspect-ratio:auto}
#routemap.highway-map[data-desktop-navigation]:not(.kham-map):not(.big) .listside{height:560px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#routemap[data-desktop-navigation] .stop .nm{font-size:calc(var(--u)*11.2px);stroke-width:calc(var(--u)*3.4px)}
/* Earlier crop-only rules cannot hide a stop the user has now panned into view.
   The shared caption owner controls edge/crowding visibility instead. */
#routemap[data-desktop-navigation] .stop :is(.nm,.leader){display:initial!important}
#routemap[data-desktop-navigation].big{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;overflow:hidden}
#routemap[data-desktop-navigation].big .gwbody{height:100%;min-height:0}
#routemap[data-desktop-navigation].big :is(.mapside,.maps,.mview.on){height:100%;min-height:0!important}
#routemap[data-desktop-navigation].big .gmap{height:100%!important;min-height:0!important;flex:1 1 auto!important;aspect-ratio:auto}
#routemap[data-desktop-navigation].big .listside{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#routemap[data-desktop-navigation].big .journey-sequence{padding:12px 20px;max-height:188px;overflow-y:auto;overscroll-behavior:contain}
#routemap[data-desktop-navigation].big .journey-sequence h3{margin-bottom:10px}
#routemap[data-desktop-navigation].big #journeyDays{padding:0}
#routemap[data-desktop-navigation].big #journeyDays button{padding:8px}
#routemap[data-desktop-navigation].big .map-credit{padding:6px 20px 8px;margin:0}
}
