.commute-panel{padding:28px;border:1px solid #303b50;border-radius:24px;background:linear-gradient(135deg,#202c42,#151d2b);max-width:1000px}.commute-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:end}.commute-route input{font-size:26px!important;font-weight:700!important;letter-spacing:.05em;text-transform:uppercase}.commute-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}.commute-panel label{display:block;margin-bottom:9px}.commute-panel input,.commute-panel select{width:100%;min-height:48px;background:#0d1522;border:1px solid #384258;color:#e8edf7;border-radius:12px;padding:12px;font:inherit;color-scheme:dark}.commute-panel input:focus,.commute-panel select:focus{outline:2px solid #aec4ff;outline-offset:3px}.commute-panel :disabled{opacity:.45}.commute-panel .primary{margin-top:16px;min-height:50px}.commute-carrier{padding:12px;margin:0;color:#bccbeb}.commute-results{margin-top:32px;max-width:1000px}.commute-card{border:1px solid #354057;background:#171f2d;border-radius:18px;padding:22px;margin:16px 0}.commute-leg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:14px 0}.commute-leg p{margin:6px 0}.commute-leg strong{font-size:22px}.commute-connection{padding:12px;border-radius:10px;background:#253148;color:#becbe3}.commute-card small{color:#b0bed4}.commute-card details{margin-top:14px;overflow-wrap:anywhere}.commute-results h3{margin:0 0 12px}@media(max-width:650px){.commute-panel{padding:20px}.commute-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.commute-route{gap:9px}.commute-route input{padding:10px;font-size:21px!important}.commute-route button{padding:12px}.commute-leg{gap:12px}.commute-leg strong{font-size:19px}}@media(max-width:380px){.commute-grid{grid-template-columns:1fr}}

.commute-mixed{align-self:center}.commute-mixed label{display:flex;align-items:center;gap:10px}.commute-mixed input{width:20px;min-height:20px;height:20px;flex-shrink:0;accent-color:#aec4ff}

.commute-grid>div,.commute-route>div{min-width:0}.commute-panel select,.commute-panel input{min-width:0;max-width:100%}.commute-leg>div{min-width:0;overflow-wrap:anywhere}