form{margin:0 auto auto auto;padding:0 10px}.bus-info-container{display:flex;flex-direction:column;align-items:center;flex:2;height:600px}.bic-1{display:flex;gap:8px;width:100%;align-items:center;flex-wrap:wrap;flex-shrink:0}.bic-2{font-weight:bold;white-space:nowrap;flex-shrink:0;margin:1em auto 1em auto}.route-list{overflow-y:auto;flex:1;width:80%;min-height:0;padding:0 10px;border-color:#000;border-width:1px;border-style:solid}.route-card{display:flex;border-radius:5px;width:100%;height:80px;margin-top:10px;padding:4px 12px;justify-content:flex-start;border-color:#282626;border-width:.1px;border-style:solid;background-color:#fffbe4;box-sizing:border-box;align-items:center}.route-id-col{display:flex;flex-direction:column;text-align:center;width:60px;flex-shrink:0;justify-content:flex-end;padding:8px}.route-id{height:40px;width:40px;text-align:center;border-radius:5px;border-color:#000;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;font-weight:bold;flex-shrink:0}.route-stats-col{display:flex;flex-direction:column;flex:1;justify-content:center;min-width:0}.route-detail{text-align:left;overflow:wrap;margin:2px 0}.route-detail:first-child{font-weight:bold;font-size:14px}.route-detail:last-child{font-size:12px}.map-list-container{display:flex;padding:0 110px;gap:10px;margin-top:3em}#map{height:600px;flex:5;position:relative}.legend{background:white;padding:5px;line-height:10px;color:#333;font-size:12px;box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px}.vehicle-label{background:white;border:1px solid gray;padding:2px 4px;border-radius:16px;font-size:14px;white-space:nowrap}@media(max-width:480px){.map-list-container{flex-direction:column!important;padding:0 10px!important;gap:10px!important;margin-top:1em!important}#map{height:350px!important;width:100%!important;min-height:350px!important;margin:0!important;border-radius:8px!important;border:2px solid #ccc!important;flex-shrink:0!important;order:1!important}form{padding:0 5px!important;width:100%!important;box-sizing:border-box!important}.bus-info-container{height:auto!important;padding:10px 5px!important;width:100%!important;box-sizing:border-box!important;order:2!important;flex-shrink:0!important}.bic-1{justify-content:center!important;flex-wrap:wrap!important;gap:5px!important;width:100%!important}.bic-2{margin:.5em auto!important;text-align:center!important;white-space:normal!important;width:100%!important}.bic-2 input[type="text"]{font-size:16px!important;min-width:200px!important;max-width:90%!important;padding:12px!important;font-size:16px!important;border-radius:5px!important;border:1px solid #ccc!important;box-sizing:border-box!important}.route-list{width:95%!important;max-height:200px!important;padding:5px!important;-webkit-overflow-scrolling:touch!important;overflow-y:auto!important}.route-card{height:50px!important;padding:6px 12px!important;margin:4px 0!important;font-size:14px!important;box-shadow:0 2px 4px rgba(0,0,0,0.1)!important;width:100%!important;box-sizing:border-box!important}.route-id{padding:6px 10px!important;font-weight:bold!important;min-width:50px!important;font-size:13px!important}.route-stats{font-size:13px!important;padding-right:8px!important}.legend{padding:6px!important;font-size:12px!important;line-height:1.3!important;max-width:150px!important;min-width:120px!important;box-shadow:0 1px 3px rgba(0,0,0,0.2)!important}.legend div{margin:2px 0!important}.legend span{width:12px!important;height:12px!important;margin-right:4px!important}.vehicle-label{padding:4px 8px!important;font-size:12px!important;min-height:24px!important;display:inline-flex!important;align-items:center!important}}@media(max-width:375px){.map-list-container{padding:0 5px!important}.bic-2 input[type="text"]{font-size:16px!important;min-width:160px!important;max-width:85%!important}.route-list{width:98%!important;max-height:180px!important}#map{height:300px!important;min-height:300px!important}.route-card{height:45px!important;padding:5px 8px!important;font-size:13px!important}.legend{padding:4px!important;font-size:11px!important;max-width:130px!important;min-width:100px!important}.legend span{width:10px!important;height:10px!important;margin-right:3px!important}}