/* All four stages remain on one horizontal row at every viewport width. */
body:not(.rc-entry-locked) #planner #tripWorkspace .planner-phase-nav,
#planner .trip-record.rc-journey-expanded .planner-phase-nav{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:1px!important;width:100%;min-width:0;
}
#planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase{
 min-width:0!important;max-width:100%;padding:10px 7px!important;
 gap:6px!important;overflow:hidden;
}
#planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
#planner .trip-record.rc-journey-expanded .planner-phase-nav .phase-name{font-size:clamp(10px,1.2vw,14px)!important;line-height:1.25}
#planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase small{font-size:clamp(9px,1vw,11px)!important;line-height:1.2}
@media(max-width:700px){
 #planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase{padding:8px 3px!important;min-height:70px!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:3px!important}
 #planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase .num{width:21px!important;height:21px!important;min-width:21px!important;font-size:10px!important}
 #planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase .phase-name{font-size:10px!important}
 #planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase small{display:none!important}
 #planner .trip-record.rc-journey-expanded .planner-phase-nav .rc-studio-phase-arrow{display:none!important}
}