/* 20261112sq2 (Jon, 12 Nov 9:57 PM): small laptops (1100-1439px) get a narrower tour card so more map shows beside it.
   30vw, never under 400px or over 440px (1280 -> 400, 1366 -> 410, 1439 -> 432). 1440px and up and phones keep 540px.
   The picture window, the battle drawer (sq1) and every camera that reads the card's edge follow automatically.
   The header row wraps: the Viewpoint pill drops to its own line so the tour name is not squeezed to one word a line. */
@media (min-width:1100px) and (max-width:1439.98px){
  body:not(.owh-m){--owh-tour-w:clamp(400px,30vw,440px)}
  body.tour-left-stacked:not(.owh-m) #tour-left-stack{width:var(--owh-tour-w)}
  body:not(.owh-m):not(.tour-left-stacked) #tourbar{width:var(--owh-tour-w)}
  body:not(.owh-m) #tourbar .tour-head{flex-wrap:wrap;row-gap:4px}
  body:not(.owh-m) #tourbar .tour-head #tour-label{flex:1 1 150px;min-width:0}
  body:not(.owh-m) #tourbar .tour-head:has(#tour-tone:not([hidden]))::after{content:"";order:8;flex:0 0 100%;height:0}
  body:not(.owh-m) #tourbar .tour-head #tour-tone{order:9;flex:0 0 auto;max-width:100%}
}