/* Place navigation stays in view; only the details scroll. */
html body #app.map-journey #discovery-tray:has(>.location-step){display:flex;flex-direction:column;max-height:min(46%,390px)!important;overflow:hidden!important}
html body #app.map-journey #discovery-tray:has(>.location-step)>.map-step-back{flex:0 0 auto;align-self:flex-start;max-width:100%;margin-bottom:6px}
html body #app.map-journey .location-step{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:10px;padding:12px}
.location-step-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;flex:0 0 auto}
html body #app .location-step-head h2{margin:0;font-size:18px;line-height:1.25;overflow-wrap:anywhere;align-self:center}
html body #app .location-step-head .location-reactions{margin:0;padding:0;border:0;max-width:145px;color:var(--map-ink)}
.location-step-head .location-reactions>div{gap:4px;justify-content:flex-end}
html body #app .location-step-head .location-reactions button{min-width:48px;min-height:44px;padding:5px 8px;font-size:22px;border-radius:12px;background:var(--map-surface);color:var(--map-ink);border-color:var(--map-border)}
html body #app .location-step-head .location-reactions button[aria-pressed=true]{background:var(--map-active);border-color:var(--map-accent)}
.location-step-head .location-reactions button span{font-size:13px}
.location-step-head :is(.reaction-title,.location-reactions:not(.reaction-error) small){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}
.location-step-head .reaction-error small{display:block;font-size:12px;line-height:1.3;margin-top:4px;color:var(--map-ink)}
html body #app .location-step-head .reaction-error small button{font-size:13px;padding:5px;min-width:44px}
html body #app.map-journey .location-step>.map-step-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;gap:7px;overflow:visible;scroll-snap-type:none;padding:0}
html body #app.map-journey .location-step>.map-step-options button{min-width:0;max-width:none;width:100%;min-height:46px;white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.35;padding:9px 10px}
.location-step>.map-step-options button:only-child,.location-step>.map-step-options:has(button:nth-child(3)) button:first-child{grid-column:1/-1}
html body #app .location-step-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-top:1px solid var(--map-border);padding-top:8px}
html body #app .location-step-content>p{font-size:14px;margin:0 0 5px;line-height:1.4}
html body #app .location-step-content .map-step-copy>p{margin:0 0 6px}
html body #app .location-step-content .location-photo-action{margin-top:8px;min-height:44px}
@media(max-height:500px){html body #app.map-journey #discovery-tray:has(>.location-step){max-height:calc(100% - 132px)!important}}