.distance-widget{padding:24px 18px;margin-bottom:28px;background:#edf7ff;border:2px solid #c4dcf5;border-radius:20px}.distance-widget h2{font-size:23px;line-height:1.5;margin:0 0 12px}.distance-widget>p{font-size:16px;line-height:1.8}.route-place{margin:18px 0}.route-place>label{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.route-query{display:flex;gap:8px}.route-query input{min-width:0;width:100%;font-size:18px;padding:14px 10px;border:1px solid #c3d6ea;border-radius:10px;background:white}.route-query>button{flex-shrink:0;background:white;border:1px solid #b4cce6;border-radius:10px;padding:12px;font-size:17px;color:#285f97}.route-choices>button{display:block;width:100%;text-align:left;background:#fff;border:1px solid #d4e2ef;border-radius:10px;padding:14px;margin-top:8px}.route-choices b,.route-choices span{display:block;font-size:17px}.route-choices span{font-size:14px;color:#657c92;margin-top:5px}.route-selected{font-size:15px;color:#315e89}.distance-widget .route-search,.distance-widget #routeApply{font-size:18px;background:#3479d8;color:white;border:0;border-radius:12px;padding:15px;min-height:54px;width:100%}.route-search:disabled{opacity:.5;cursor:default}.distance-widget #routeStatus{font-size:16px;line-height:1.8;margin:16px 0;overflow-wrap:anywhere}.distance-widget #routeFound{padding:18px;background:white;border-radius:14px}.distance-widget #routeDistance{font-size:28px;display:block}.distance-widget #routeDetail{font-size:15px;line-height:1.8}.distance-widget .route-privacy{font-size:14px;color:#657b90;margin-bottom:0}

.distance-widget{background:#f0f8ff;border:2px solid #b8d8ff;padding:28px 24px}.route-eyebrow{display:inline-block;background:#dcecff;color:#19559c;border-radius:30px;padding:7px 13px;font-size:15px;font-weight:800;margin-bottom:14px}.distance-widget h2{font-size:clamp(28px,3vw,36px);line-height:1.3;letter-spacing:-1px}.distance-widget>p{font-size:18px}.route-place>label{font-size:22px;color:#193e69}.route-query input{font-size:19px;min-height:60px;padding:16px 13px;border:2px solid #c1d5ed}.route-query>button{font-size:19px;font-weight:800;background:#e0edff;border:0;min-width:70px}.route-selected{font-size:17px;font-weight:700}.distance-widget .route-search,.distance-widget #routeApply{font-size:22px;font-weight:800;min-height:64px;box-shadow:0 4px 0 #1d5bac}.distance-widget #routeFound{background:#edfff5;border:2px solid #8bd5b1;margin-top:18px}.distance-widget #routeDistance{font-size:40px;color:#126645;line-height:1.3}.distance-widget #routeDetail{font-size:16px}.distance-widget #routeApply{background:#138656;box-shadow:0 4px 0 #0c6040}.distance-widget .route-privacy{font-size:14px;line-height:1.7;margin-top:20px}.route-query input:focus{outline:3px solid #82b4f3;outline-offset:2px}@media(max-width:480px){.distance-widget{padding:22px 14px}.route-query input{font-size:17px}.distance-widget .route-search,.distance-widget #routeApply{font-size:19px}.distance-widget #routeDistance{font-size:34px}}