*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:13px/1.5 Verdana,Arial,sans-serif;color:#263e4c;background:#fff}.route-card{height:100%;display:flex;flex-direction:column;border-top:3px solid #189edb}header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;gap:15px;background:#f5f9fb}h1{font-size:23px;line-height:1.2;margin:4px 0;font-weight:600}header p{margin:0;font-size:12px;color:#617887}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:2px;color:#0879af}a{color:#087bb3;text-decoration:none}.expand{white-space:nowrap;font-size:11px;padding:8px 11px;border:1px solid #c8dce7;border-radius:5px;background:white}#map{flex:1;min-height:180px;background:#e9eff0}#status{position:absolute;top:45%;left:30%;z-index:500;background:white;padding:10px;border-radius:5px}.bar{padding:12px 18px;display:flex;align-items:center;gap:16px;border-top:1px solid #dbe5e9;background:#fff}.bar div{margin-right:auto}.bar strong{font-size:19px;display:block;line-height:1.25}.bar span{color:#71828e;font-size:10px}.bar button{background:none;color:#315b70;border:1px solid #d4e1e8;border-radius:4px;padding:7px 10px;font:inherit;font-size:11px;cursor:pointer}.bar button:hover,.expand:hover{background:#eaf5fc}.bar a{font-size:11px;font-weight:bold}.endpoint{display:grid;place-items:center;border:3px solid white;border-radius:50%;background:#078dce;color:white;font:bold 11px Arial;box-shadow:0 1px 7px #17374f66}.endpoint.end{background:#253d4c}.leaflet-control-attribution{font-size:10px!important}.leaflet-container{font-family:Verdana,Arial,sans-serif}#profile{padding:8px 18px 12px;border-top:1px solid #e1eaf0;background:#f8fbfc}.profile-label{display:flex;justify-content:space-between;font-size:10px;color:#6d8290}canvas{display:block;width:100%;height:90px}.map-note{margin:0;padding:5px 12px;background:#fff4dc;font-size:10px}button:focus-visible,a:focus-visible{outline:3px solid #149bda;outline-offset:3px}@media(max-width:500px){header{padding:12px}h1{font-size:20px}.bar{gap:8px;padding:10px;flex-wrap:wrap}.bar strong{font-size:16px}.bar button{font-size:10px;padding:6px}.bar a{font-size:10px}.expand{font-size:10px;padding:6px}.bar div{min-width:70px}}