:root{--ink:#102d35;--muted:#677a80;--teal:#007d72;--mint:#d9f2e6;--line:#dce5e3;--paper:#f5f7f4}*{box-sizing:border-box}body{margin:0;font-family:Arial,system-ui,sans-serif;color:var(--ink);background:var(--paper)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit}header{display:flex;align-items:center;justify-content:space-between;padding:22px 3%;background:white;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:30px;color:var(--teal)}.brand span{font-size:18px;letter-spacing:2px;color:var(--ink)}.brand b{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px}nav{display:flex;gap:10px;font-size:13px}nav a{text-decoration:none;padding:12px;border-radius:10px}nav .active{background:var(--mint);color:#005c51}main{max-width:1650px;margin:auto;display:grid;grid-template-columns:350px minmax(0,1fr);min-height:calc(100vh - 90px)}aside{padding:32px 24px;background:#fff;border-right:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:1.7px;color:var(--teal)}h1{font-size:34px;letter-spacing:-1px;line-height:1.12;margin:15px 0}p{font-size:13px;line-height:1.6;color:var(--muted)}.intro p{margin-bottom:25px}button{border:0;border-radius:9px}.gps,.primary{background:var(--teal);color:#fff;font-weight:bold;width:100%;padding:14px}.gps{background:var(--ink)}#status{font-size:12px;min-height:35px}label{display:block;font-size:12px;font-weight:bold;margin:16px 0 8px}input,select{width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);min-height:45px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.resulthead{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-top:23px}.textbutton{background:transparent;color:var(--teal);font-size:11px;padding:9px 3px}.stopitem{display:flex;gap:12px;width:100%;text-align:left;background:white;border:1px solid var(--line);padding:12px;margin:8px 0}.stopitem.selected{border-color:var(--teal);background:#f0faf6}.stopicon{color:var(--teal);font-size:18px;padding-top:3px}.stopitem strong{font-size:12px;display:block;line-height:1.4}.stopitem small{display:block;color:var(--muted);font-size:10px;margin-top:5px;line-height:1.5}#stoplist{max-height:650px;overflow:auto;padding-right:3px}.workspace{padding:26px;min-width:0}.mapcard,.routecard,.detailcard{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.mapbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:bold;gap:8px}.mapbar small{display:block;font-size:10px;color:var(--muted);font-weight:normal;padding:6px 15px 0}.dot{display:inline-block;background:var(--teal);width:7px;height:7px;border-radius:50%;margin-right:5px}#map{height:460px;background:#e6ece6;z-index:0}.maploading{padding:30px}.maplegend{display:flex;gap:20px;padding:12px 17px;font-size:10px;color:var(--muted);flex-wrap:wrap}.maplegend i{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:5px}.maplegend .blue{background:#287cf3}.lower{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:19px}.routecard,.detailcard{padding:23px}h2{font-size:21px;letter-spacing:-.4px;margin:12px 0}.modes{display:flex;gap:6px;margin:18px 0 12px}.mode{flex:1;padding:10px 2px;font-size:10px;background:#f0f4f2;color:var(--muted)}.mode.active{background:var(--mint);color:#005c51}.hint{font-size:10px;line-height:1.5;margin-bottom:0}.detailgraphic{padding:35px 0;color:var(--teal);font-size:55px;display:flex;gap:20px;align-items:center}.detailgraphic span{font-size:24px;font-weight:bold}.detailgraphic small{font-size:10px;font-weight:normal}.badge{display:inline-block;margin:3px;padding:6px 9px;border-radius:6px;background:var(--mint);color:#005c51;font-size:11px;font-weight:bold}.detailactions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.detailactions button,.detailactions a{font-size:11px;padding:11px;background:#edf5f0;color:var(--teal);border-radius:8px;text-decoration:none}.detailactions .primary{color:white;background:var(--teal)}.routeinfo{font-size:11px;max-height:130px;overflow:auto;white-space:pre-line}footer{font-size:10px;color:var(--muted);line-height:1.7;padding:20px 1px}footer a{display:inline-block;margin-left:8px}.leaflet-popup-content{line-height:1.6}.leaflet-popup-content button{padding:8px;background:var(--teal);color:#fff;margin-top:6px}@media(min-width:1600px){#map{height:540px}}@media(max-width:1000px){main{grid-template-columns:290px minmax(0,1fr)}aside{padding:25px 18px}.workspace{padding:18px}.lower{grid-template-columns:1fr}h1{font-size:29px}}@media(max-width:700px){header{padding:15px;flex-wrap:wrap;gap:12px}.brand span{font-size:15px}nav{font-size:11px;gap:3px}nav a{padding:9px}main{display:flex;flex-direction:column}aside{border:0;padding:22px 18px}.intro h1{font-size:30px}.intro h1 br{display:none}.intro p{margin-bottom:14px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.controls .gps,.controls #status,.controls .resulthead,.controls #stoplist{grid-column:1/-1}.controls label[for=search]{grid-column:1;grid-row:3}.controls label[for=line]{grid-column:2;grid-row:3}.controls #search{grid-column:1;grid-row:4}.controls #line{grid-column:2;grid-row:4}#stoplist{max-height:190px}.workspace{padding:0 12px}#map{height:370px}.lower{grid-template-columns:1fr}.maplegend{gap:10px}.routecard,.detailcard{padding:20px}.mapbar{padding:12px}.intro .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.maplegend i.ktel{background:#dc8927}@media(max-width:700px){.controls label[for=network]{grid-column:1;grid-row:5}.controls #network{grid-column:1;grid-row:6}.controls label[for=line]{grid-column:2;grid-row:5}.controls #line{grid-column:2;grid-row:6}.controls #search{grid-column:1/-1}.controls label[for=search]{grid-column:1/-1}}