.explorer{display:grid;gap:16px}
.map-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--panel)}
.map{height:min(62vh,520px);min-height:320px}
.leaflet-container{font:inherit;background:var(--panel)}
.leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.stops{list-style:none;margin:0;padding:0;counter-reset:s}
.stop{border-top:1px solid var(--line);counter-increment:s}
.stop:last-child{border-bottom:1px solid var(--line)}
.stop-btn{display:grid;grid-template-columns:2em 1fr;grid-template-rows:auto auto;column-gap:10px;width:100%;min-height:56px;padding:12px 4px;border:0;background:none;color:var(--ink);text-align:left;cursor:pointer;border-radius:8px}
.stop-btn::before{content:counter(s);grid-row:1/3;font:600 1.3rem/1.2 var(--font-display);color:var(--accent)}
.stop--base .stop-btn::before{content:"⚓";font-size:1.05rem}
.stop-day{grid-column:2;font:600 .78rem/1.2 var(--font-text);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stop-btn b{grid-column:2;font-weight:600;font-size:1.08rem}
.stop-btn small{grid-column:2;display:block;color:var(--muted);line-height:1.35;margin-top:2px}
.stop.is-active .stop-btn{background:var(--panel)}
.gallery{padding-top:clamp(36px,6vw,80px)}
.gallery h2{margin-bottom:18px}
@media (min-width:900px){.explorer{grid-template-columns:1.4fr 1fr;align-items:start}.map{height:min(70vh,640px)}.stops{max-height:min(70vh,640px);overflow:auto}}