:root{font-family:Inter,system-ui,sans-serif;color:#143345;background:#eef3f6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#0b2636;color:white;padding:22px max(24px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:17px;font-weight:800;letter-spacing:2px}.brand span{color:#58dbc7;font-size:13px;display:block;margin-top:5px}.tag{font-size:14px;color:#c0d2dc}main{max-width:1368px;margin:auto;padding:28px 24px}h1{font-size:30px;letter-spacing:-1px;margin:0}h2{font-size:19px;margin:0 0 18px}p{line-height:1.6}section{margin-bottom:24px}.controls p{margin:8px 0 20px;color:#526b7b}form{display:grid;grid-template-columns:1fr 1fr 1fr 1.4fr auto;gap:14px;align-items:end}label{font-size:14px;font-weight:600;display:block}input,select,button{font:inherit}input:not([type=range]),select{width:100%;border:1px solid #b7c8d2;border-radius:6px;background:white;padding:12px;margin-top:7px;color:#143345;min-height:46px}button{cursor:pointer;border:0;border-radius:6px;padding:13px 18px;background:#123e55;color:white;font-weight:650;min-height:46px}button:hover{background:#205b75}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #009b88;outline-offset:3px}#status{font-size:14px;margin:12px 0 0;min-height:22px}.error{color:#b43822!important}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary article{background:white;border:1px solid #d6e1e7;border-top:4px solid #2d6380;border-radius:8px;padding:20px}.summary article.best{border-top-color:#098876}.summary article.worst{border-top-color:#d07537}.summary span{font-size:14px}.summary strong{display:block;font-size:29px;margin-top:10px}.summary p{margin:8px 0;font-size:14px}.summary button{margin-top:8px;min-height:36px;padding:8px 13px;font-size:14px}.workspace{display:grid;grid-template-columns: minmax(0,1fr) 290px;gap:18px}.mapWrap,aside,.comparison{background:white;border:1px solid #d6e1e7;border-radius:8px;overflow:hidden}.sectionTitle{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;gap:10px}.sectionTitle h2{margin:0}.sectionTitle span{font-size:14px;color:#627886}#map{height:490px;background:#acd9ef}.legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 20px;font-size:13px}.legend>span:last-child{margin-left:auto;color:#627886}.swatch{width:20px;height:5px;border-radius:2px}.favorable{background:#078675}.adverse{background:#dc753a}.slack{background:#758e9e}.scrub{padding:0 20px 18px}input[type=range]{width:100%;margin-top:12px;accent-color:#087c72}aside{padding:22px}#detail strong{font-size:26px;display:block;margin:10px 0}.metric{display:flex;justify-content:space-between;border-top:1px solid #e1e9ed;padding:13px 0;font-size:14px}.metric b{font-size:16px}.hint{color:#687f8e;font-size:14px;margin-top:22px}.comparison canvas{display:block;width:100%;padding:0 16px}.comparison>p{font-size:14px;margin:10px 20px 18px;color:#627886}.tableWrap{overflow:auto;background:white;border-radius:8px;border:1px solid #d6e1e7}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;white-space:nowrap}th{background:#e4ecf1;color:#496575;padding:14px}td{padding:16px 14px;border-top:1px solid #e6edf1}details{background:#e1eaf0;padding:20px;border-radius:8px;font-size:14px;line-height:1.6}summary{cursor:pointer;font-size:16px;font-weight:650}a{color:#075e8b}footer{text-align:center;font-size:14px;color:#647b8b;padding:15px 20px 30px}.stationLabel{font-size:13px;font-weight:700;color:#153746;background:#ffffffe8;border:0;box-shadow:0 1px 4px #1233}.currentArrow{font-size:27px;text-shadow:0 1px white;line-height:1}.leaflet-popup-content{font:14px/1.5 system-ui}.leaflet-container{font:inherit}.muted{color:#687f8e}@media(max-width:950px){form{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr 250px}}@media(max-width:650px){header{padding:18px}.tag{display:none}main{padding:22px 14px}h1{font-size:26px}.summary{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}#map{height:410px}.legend>span:last-child{margin:0;width:100%}.sectionTitle{flex-wrap:wrap}.summary strong{font-size:25px}.summary article{padding:16px}form{gap:12px}form button{grid-column:1/-1}aside{min-height:240px}}

#fitRoute{font-size:14px;padding:7px 12px;min-height:34px}.summary strong{font-size:25px}

.routeControl{grid-column:1/-1;max-width:650px}.routeNote{font-size:14px;color:#526b7b;padding:0 20px 15px;margin:0;line-height:1.5}

form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.routeControl{grid-column:1/-1;max-width:none}.endpointControl{position:relative}.mapPick{font-size:13px;padding:5px 9px;min-height:28px;background:#dce8ee;color:#20485c;margin-top:6px}.coverage{font-size:14px!important;color:#276357!important}#swap,#run{align-self:end}@media(max-width:650px){form{grid-template-columns:1fr 1fr}.routeControl{grid-column:1/-1}#swap,#run{grid-column:auto}.mapPick{width:auto}}

.passageActions{display:flex;flex-direction:column;gap:8px;align-self:end}.passageActions button{width:100%}@media(max-width:650px){.passageActions{grid-column:1/-1;flex-direction:row}.passageActions button{flex:1}}

.mapTools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 20px 14px}.mapTools select{width:auto;max-width:100%;margin:0;padding:8px 12px;min-height:38px}.mapTools label{font-size:14px}.mapTools span{flex:1 1 260px;font-size:14px;color:#3e5a68;line-height:1.45}.leaflet-tile{background:transparent}

header{padding:14px 24px}.planner{max-width:1800px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.visuals{min-width:0}.controlPanel{position:sticky;top:16px;max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;background:white;border:1px solid #d6e1e7;border-radius:8px;padding:18px}.controls{margin:0}.controls h1{font-size:24px}.controls>p{font-size:14px;margin:8px 0 12px}.controls form{grid-template-columns:1fr 1fr;gap:10px}.endpointControl,.passageActions{grid-column:1/-1}.passageActions{display:grid;grid-template-columns:1fr;gap:8px}.controls label{font-size:14px}.controls input:not([type=hidden]),.controls select{padding:9px;min-height:40px}.endpointControl{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px}.endpointControl select{grid-column:1;min-width:0}.endpointControl .mapPick{grid-column:2;padding:9px;font-size:13px}.endpointControl{display:block}.endpointControl .mapPick{margin:5px 0 0;width:100%;min-height:32px;padding:6px}.routeNote{font-size:13px!important;line-height:1.45}.controlPanel details{margin-top:14px;padding:12px;font-size:14px}.controlPanel summary{font-size:14px}.summary{gap:10px;margin-bottom:12px}.summary article{padding:10px 12px}.summary strong{font-size:21px;margin-top:5px}.summary p{margin:5px 0;font-size:13px;line-height:1.4}.summary button{margin-top:4px;padding:5px 9px;min-height:30px;font-size:13px}.workspace{grid-template-columns:minmax(0,1fr) 210px;gap:12px;margin-bottom:12px}.sectionTitle{padding:10px 12px}.sectionTitle h2,aside h2{font-size:17px}.mapTools{padding:0 12px 8px;gap:7px}.mapTools span{font-size:13px;flex-basis:100%;min-height:18px}.mapTools select{padding:5px 9px;min-height:32px;font-size:14px}#map{height:clamp(260px,37vh,430px)}.legend{padding:8px 12px;font-size:12px;gap:6px}.scrub{padding:0 12px 10px;font-size:13px}input[type=range]{margin-top:7px}aside{padding:14px}#detail strong{font-size:22px;margin:6px 0}#detail p{font-size:13px;margin:7px 0}.metric{padding:8px 0;gap:8px;font-size:13px}.metric b{font-size:14px;white-space:nowrap}.hint{font-size:13px;line-height:1.4;margin:12px 0 0}.comparison{margin-bottom:12px}.comparison>p{font-size:13px;margin:6px 12px 10px}.arrivalsDetails{padding:12px;background:white;border:1px solid #d6e1e7;margin-bottom:12px}.arrivalsDetails .tableWrap{margin-top:12px;max-height:360px;overflow:auto}.arrivalsDetails th{position:sticky;top:0;z-index:1}.unmodeled{background:#687889}.coverage{font-size:13px!important}footer{padding:8px;font-size:13px}
@media(min-width:1000px){.visuals{max-height:calc(100dvh - 102px);overflow:auto;padding-right:4px}.controlPanel{max-height:calc(100dvh - 102px)}}
@media(max-width:1200px) and (min-width:1000px){.planner{grid-template-columns:minmax(0,1fr) 300px}.workspace{grid-template-columns:1fr}.workspace aside{display:block}}
@media(max-width:999px){.planner{display:flex;flex-direction:column}.controlPanel{order:-1;position:static;max-height:none;width:100%;overflow:visible}.visuals{width:100%}.controls form{grid-template-columns:1fr 1fr}.passageActions{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:650px){.planner{padding:10px}.workspace{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.summary article{padding:12px}.controlPanel{padding:14px}.controls form{grid-template-columns:1fr 1fr}.passageActions{grid-template-columns:1fr}.mapTools span{font-size:13px}#map{height:360px}}

.controls label:has(#speed){grid-column:1/-1}.controls input{min-width:0}

@media(min-width:1000px){.planner{grid-template-columns:340px minmax(0,1fr)}.controlPanel{grid-column:1;grid-row:1}.visuals{grid-column:2;grid-row:1}}
@media(max-width:1200px) and (min-width:1000px){.planner{grid-template-columns:300px minmax(0,1fr)}}