/* Shared responsive layout. Keep map panning inside its own viewport. */
html{min-width:0}body{min-width:0}img,video,canvas{max-width:100%}
.shell{width:100%;max-width:1440px;padding-inline:clamp(16px,3vw,48px);box-sizing:border-box}
.travel-header{gap:20px;flex-wrap:wrap}.travel-header nav{max-width:none;flex-wrap:wrap;min-width:0;gap:12px 22px}.travel-header nav a{overflow-wrap:anywhere}
.travel-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,72px)}
.travel-hero>*,.destination-card>*,.journey-columns>*,.field-row>*{min-width:0}
.journey-art{width:100%;box-sizing:border-box}.journey-art svg{width:100%;height:auto}
.destination-grid,.guide-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.journey-columns{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}
.auth-card{width:100%;max-width:640px;box-sizing:border-box;padding:clamp(20px,3vw,36px)}.auth-card.admin-card{max-width:1200px}
.auth-card details,.auth-card form,.auth-card fieldset{min-width:0}.auth-card p,.auth-card h1,.auth-card h2{overflow-wrap:anywhere}
html[data-park] body>main{width:100%;max-width:1680px;padding:20px clamp(12px,3vw,48px);box-sizing:border-box}
html[data-park] .beta-notice{display:block;max-height:none;border:0;line-height:1.8;overflow-wrap:anywhere}
html[data-park] .beta-notice a{display:inline-block;margin-inline-end:10px}
html[data-park] body>header{height:auto;min-height:112px;gap:16px;padding:16px clamp(12px,3vw,48px)}
html[data-park] header .brand{min-width:0;max-width:none}.header-meta{min-width:0;flex-shrink:0}.header-actions{justify-content:flex-end}
html[data-park] .parknav{width:100%;max-width:1680px;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box}
.parknav a{min-width:0;overflow-wrap:anywhere}
.mapcol,.workspace,.map-tools-content{min-width:0;max-width:100%}
.mapwindow{width:100%;height:clamp(360px,72dvh,900px);min-height:0}
.maptop{flex-wrap:wrap;gap:10px}.maptop .zoom{flex-shrink:0}.tools .search{flex:1 1 240px}.tools select{min-width:0}
.filters{max-width:100%}.intro{flex-wrap:wrap}#progress{max-width:100%;white-space:normal}
dialog:not(#accountMenu){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
@media(min-width:1000px){html[data-park] .filters{flex-wrap:wrap;overflow-x:visible}.tools{align-items:center}#contentPanel .content-coordinates{display:flex;flex-wrap:wrap;gap:12px}}
@media(max-width:900px){.journey-columns{grid-template-columns:minmax(0,1fr)}.travel-hero{grid-template-columns:minmax(0,1fr)}.journey-art{max-width:400px;margin-inline:auto}.travel-header nav{gap:10px 16px}}
@media(max-width:600px){.travel-header{align-items:flex-start}.travel-header nav{width:100%;justify-content:flex-start}.auth-card{border-radius:20px}.mapwindow{height:62dvh;min-height:300px}html[data-park] body>header{flex-wrap:wrap;gap:10px}html[data-park] header .brand{flex:1 1 190px}.header-meta{flex:1 1 150px}.header-actions{flex-wrap:wrap}html[data-park] .parknav{grid-template-columns:repeat(2,minmax(0,1fr))}.tools .search{flex-basis:100%}.field-row>*{flex-basis:100%}.guide-grid{grid-template-columns:minmax(0,1fr)}}
