.road-layer-settings{border-top:1px solid #dbe4ef;margin-top:20px;padding-top:16px}.road-layer-settings h3{font-size:16px;margin:0 0 12px}.road-layer-settings label{display:flex;gap:12px;align-items:center;cursor:pointer}.road-layer-settings input{width:19px;height:19px;accent-color:#3976a7}.road-layer-settings strong,.road-layer-settings small{display:block}.road-layer-settings small,.road-layer-settings p{font-size:12px;color:#607694;margin:4px 0}.road-layer-key{display:flex;gap:18px;margin-top:12px;font-size:12px;color:#506581}.road-key-dot{display:inline-block;background:#cf353c;width:9px;height:9px;border-radius:50%;margin-right:5px}.road-key-lane{background:#b66b10}.road-closure-marker{background:#cf353c;color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #172b4555;text-align:center;font:700 19px/18px Arial,sans-serif}.road-closure-marker.is-lane{background:#b66b10;font-size:14px}.road-closure-popup{font:13px/1.5 Inter,system-ui,sans-serif;color:#24354b}.road-closure-popup h3{margin:6px 0 8px;font-size:17px;line-height:1.3}.road-closure-popup p{margin:10px 0}.road-closure-popup small{color:#62748a}.road-closure-eyebrow{font-size:10px;font-weight:700;color:#a62d36;letter-spacing:.06em}.road-closure-note{font-size:11px;color:#62748a;border-top:1px solid #e4e9ef;padding-top:9px}.road-closure-popup a{color:#346c9c}.road-layer-status{position:absolute;z-index:460;bottom:80px;right:12px;border:1px solid #dee6ef;background:#fffffff2;color:#566e87;border-radius:7px;padding:5px 9px;font:11px/1.4 Inter,system-ui,sans-serif;box-shadow:0 2px 8px #24354b12;cursor:pointer;max-width:240px}.road-layer-status:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#cf353c;margin-right:6px}.road-layer-status.is-delayed{color:#996416}.route-preview-active .road-layer-status{bottom:auto;top:5px;right:64px;font-size:10px}@media(max-width:600px){.road-layer-status{bottom:auto;top:104px;left:16px;right:auto;padding:4px 7px;max-width:210px}.road-layer-settings{margin-top:14px;padding-top:12px}}

@media(max-width:600px){.route-preview-active .road-layer-status{top:5px;left:auto;right:64px}}

.road-closure-popup{max-height:min(50vh,380px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}

.road-layer-key{flex-wrap:wrap;gap:8px 18px}.road-closure-applies{background:#fff4df;border-radius:6px;padding:8px;color:#845208}

.road-closure-direction{background:#edf3f8;padding:9px;border-radius:6px}.road-closure-direction small{display:block;margin-top:5px;line-height:1.4}

.traffic-layer-settings{border-top:1px solid #dbe4ef;margin-top:14px;padding-top:14px}.traffic-layer-settings label{margin-top:12px}.traffic-layer-settings>p{margin:5px 0 10px 31px}.traffic-layer-key{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:12px;font-size:11px;color:#506581}.traffic-layer-key span{display:flex;align-items:center;gap:5px}.traffic-layer-key svg{width:20px;height:20px}.traffic-event-marker svg{display:block;width:28px;height:28px;filter:drop-shadow(0 1px 2px #172b4544)}.traffic-event-popup ul{padding-left:18px;font-size:12px}.traffic-event-popup .road-closure-eyebrow{color:#346b85}

.bridge-road-notice{background:#fff5e6;border:1px solid #efd3a9;border-radius:7px;padding:9px;margin:8px 0;font-size:12px}.bridge-road-notice p{margin:6px 0}.traffic-event-popup h4{margin:14px 0 7px}

.traffic-distance-label{position:absolute;left:32px;top:50%;transform:translateY(-50%);padding:3px 7px;background:#fff;color:var(--traffic-color);border:1px solid var(--traffic-color);border-radius:6px;font-size:12px;font-weight:750;line-height:18px;white-space:nowrap;box-shadow:0 1px 4px #172b4526}.traffic-length-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;background:#f4f7fb;border:1px solid #dbe4ef;border-radius:8px}.traffic-length-summary span{font-size:12px}.traffic-length-summary strong{font-size:20px;white-space:nowrap}