#journeyBar { max-width:1232px; margin:20px auto 0; display:flex; gap:20px; align-items:center; justify-content:space-between; background:#fff; border:1px solid #dce4df; border-left:4px solid #217556; border-radius:6px; padding:18px 22px; }
.journey-context { display:flex; gap:10px; flex-wrap:wrap; align-items:center; min-width:0; }
.journey-context strong { font-size:16px; overflow-wrap:anywhere; }
.journey-context small { flex-basis:100%; color:#60716a; font-size:13px; }
#resumeJourney { flex-shrink:0; }
@media(max-width:760px) { #journeyBar { margin:16px; padding:16px; flex-direction:column; align-items:stretch; gap:12px; } #resumeJourney { width:100%; min-height:44px; } .modal { max-height:90dvh; overflow-y:auto; } }