/* Keep the journey planner and network controls within easy reach on phones. */
@media (max-width:680px){
 .bus-page{min-width:0;margin-bottom:24px;padding-bottom:12px}
 body #app .bus-page .bus-intro.modal-city-header{min-height:100px;padding-top:14px!important;padding-bottom:14px!important;margin-bottom:8px!important;align-items:center;gap:0}
 body #app .bus-page .bus-intro.modal-city-header>div{min-width:0}
 body #app .bus-page .bus-intro.modal-city-header h1{font-size:22px!important;line-height:1.15!important;margin-bottom:4px!important}
 body #app .bus-page .bus-intro.modal-city-header .eyebrow{font-size:10px;letter-spacing:.05em}
 body #app .bus-page .bus-intro.modal-city-header p{font-size:12px;line-height:1.35;margin-top:5px!important}
 .bus-page .bus-beta-notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:4px 0 10px;font-size:12px;line-height:1.35}
 .bus-page .bus-beta-notice p{min-width:0;margin:0}
 .bus-page .bus-beta-notice button{font-size:11px;white-space:nowrap;padding:0;min-height:44px}
 .bus-page .bus-beta-badge{font-size:10px;padding:3px 7px}
 .bus-page .bus-planner{padding:14px;border-radius:16px;min-width:0}
 .bus-page .bus-search-step{gap:10px;margin-bottom:12px;align-items:flex-start}
 .bus-page .bus-step-number{width:28px;height:28px;font-size:13px}
 .bus-page .bus-search-step strong{font-size:16px;line-height:1.3}
 .bus-page .bus-search-step small{font-size:12px;line-height:1.35;margin-top:3px}
 .bus-page .bus-staged-fields{gap:8px}
 .bus-page .bus-staged-fields>.bus-smart-field>label{font-size:14px;line-height:1.4}
 .bus-page .bus-staged-fields .bus-smart-input-shell{margin-top:5px}
 .bus-page .bus-staged-fields .bus-smart-input-shell input{min-height:50px;padding:12px;font-size:16px;margin:4px 0}
 .bus-page .bus-network-map:not(.network-expanded){margin:16px 0;padding:14px;border-radius:16px;min-width:0}
 .bus-page .network-heading .eyebrow{display:none}
 .bus-page .network-heading h2{font-size:23px;letter-spacing:-.5px;margin:0 0 6px;line-height:1.15}
 .bus-page .network-heading p{font-size:12px;line-height:1.4}
 .bus-page .network-count{font-size:10px;padding:5px 9px;margin-top:8px}
 .bus-page .network-legend{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:12px 0;max-width:100%;padding:2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
 .bus-page .network-legend button{flex-shrink:0;min-height:44px}
 .bus-page .network-map-wrap{min-width:0}
 .bus-page .network-toolbar{padding:6px;gap:6px}
 .bus-page .network-toolbar>span{font-size:9px;letter-spacing:.06em}
 .bus-page .network-toolbar>div{gap:3px}
 .bus-page .network-toolbar button{width:36px;min-height:44px}
}
@media (max-width:360px){
 .bus-page .bus-beta-notice{grid-template-columns:auto minmax(0,1fr);gap:4px 8px}
 .bus-page .bus-beta-notice button{grid-column:2;justify-self:start;min-height:36px}
 body #app .bus-page .bus-intro.modal-city-header h1{font-size:20px!important}
}