/* Reduce accidental double-tap/focus zoom while preserving browser pinch zoom
   for readability and Leaflet's existing map gestures. */
button,a,input,select,textarea,summary,label{touch-action:manipulation}
@media(pointer:coarse){
  .input-line input,.dialog-card input:not([type=checkbox]):not([type=radio]):not([type=range]),.dialog-card select,.dialog-card textarea{font-size:max(16px,1em)}
}
.walk-complete{padding:14px;border:1px solid var(--green);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 3px 16px #10251d26}
.walk-complete[hidden]{display:none}
.walk-complete h2{margin:0;font:700 18px/1.35 Manrope,system-ui,sans-serif}
.walk-complete p{margin:8px 0 12px;line-height:1.5}
.walk-complete-actions{display:flex;flex-wrap:wrap;gap:8px}
.walk-complete-actions button{flex:1 1 auto;min-height:44px;padding:8px;border:1px solid var(--green);border-radius:7px;background:var(--paper);color:var(--green);font:650 14px/1.4 'DM Sans',system-ui,sans-serif}
.walk-complete-actions button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
/* Reflow at narrow widths rather than cropping controls or reducing text. */
.map-route-chooser{container-type:inline-size}
.map-choice-line>span{white-space:normal;overflow-wrap:anywhere}
.map-chooser-tools{max-width:100%}
@container(max-width:260px){
  .map-chooser-footer{flex-wrap:wrap}
  #map-route-details{flex:1 1 100%;white-space:normal}
  .map-warning-slot{flex:1 1 0}
  .map-chooser-tools{margin-left:auto}
}