.browseResultBar{flex-wrap:wrap}
#roadConditionsOpen{display:inline-flex;align-items:center;gap:5px;min-height:40px;flex:none}
#roadConditionsOpen[aria-pressed="true"]{background:#e8f3f0;border-color:#8db9ad}
.roadDialog{padding:0!important;width:min(540px,calc(100vw - 24px));max-height:85dvh;border:1px solid #d5e2dc;border-radius:18px;color:#263e36;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;background:#fff;box-shadow:0 8px 28px #183d3524}
.roadDialog::backdrop{background:#173c3455}
.roadDialog [hidden],#roadPickControls[hidden]{display:none!important}
.roadDialogHead{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-bottom:1px solid #e1e9e5;background:#fff}
.roadDialogHead h2{margin:0;font-size:19px}
.roadDialogHead button{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#f1f5f3;color:inherit;font-size:27px;cursor:pointer}
.roadDialogBody{padding:16px 18px 20px;line-height:1.6;font-size:14px;overflow-wrap:anywhere}
.roadDialog button,.roadDialog input,.roadDialog select,.roadDialog textarea{font:inherit;box-sizing:border-box}
.roadDialogBody button,.roadDialogBody .roadLink{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #cadbd3;border-radius:9px;background:#fff;color:#236859;text-decoration:none;cursor:pointer}
.roadDialogBody .roadPrimary{background:#247f78;color:#fff;border-color:#247f78}
.roadIntro{margin:0 0 14px;color:#536e63}
.roadLayers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.roadLayers label{display:flex;justify-content:center;align-items:center;gap:5px;min-height:48px;border:1px solid #cbdcd4;border-radius:10px;background:#f7faf8;font-weight:650;cursor:pointer}
.roadLayers label:has(:checked){border-color:#87b6a7;background:#e9f5ef}
.roadLayers input{accent-color:#247f78;width:17px;height:17px;margin:0}
.roadLegend{font-size:12px;color:#61766e;margin:10px 0 0}
.roadLegend span{white-space:nowrap;margin-right:10px}
.roadLegend i{display:inline-block;width:14px;height:4px;vertical-align:middle;margin-right:4px;border-radius:2px}
.roadNotice{padding:10px 12px;border-radius:10px;background:#f4f7f5;font-size:12px;line-height:1.6;color:#576d63}
.roadFeedStatus{font-size:12px;margin:12px 0 6px;color:#62776e}
.roadFeedStatus.isError,#roadDraftStatus.isError{color:#a54531}
.roadList{display:grid;gap:10px;margin:14px 0;padding:0;list-style:none}
.roadIncident{padding:13px;border:1px solid #d8e4de;border-radius:12px;background:#fff;scroll-margin-top:88px}
.roadIncident h3{font-size:15px;margin:5px 0}.roadIncident p{margin:6px 0;font-size:13px}.roadIncident small{display:block;font-size:12px;color:#60786c}
.roadIncident a{color:#226a63}.roadIncident button{margin-top:8px;font-size:13px}
.roadKind{display:inline-block;font-size:12px;font-weight:650;padding:2px 7px;border-radius:5px;background:#e8f2fc;color:#275780}
.roadKind.construction{background:#fff0df;color:#885314}
.roadEmpty{margin:0;padding:14px 0;color:#5c7067;font-size:13px}
.roadActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.roadForm{display:grid;gap:14px}.roadForm label{display:grid;gap:5px;font-size:13px;font-weight:600;min-width:0}
.roadForm input,.roadForm select,.roadForm textarea{width:100%;min-width:0;min-height:44px;border:1px solid #cbdcd4;border-radius:9px;padding:10px;background:#fff;color:#263e36;font-size:16px;font-weight:400}
.roadForm textarea{min-height:95px;resize:vertical}.roadForm .roadLocation{display:block;font-size:12px;color:#536e63;margin-top:5px;font-weight:400}
#roadDraftText{width:100%;min-height:170px;padding:10px;border:1px solid #cadbd3;border-radius:9px;box-sizing:border-box;font:13px/1.6 system-ui;color:#263e36;background:#f8faf9}
#roadDraftStatus{font-size:13px;line-height:1.6;margin:10px 0 0}
#roadPickControls{position:absolute;left:50%;top:58px;transform:translateX(-50%);width:min(420px,calc(100% - 24px));z-index:30;padding:12px;border:1px solid #a3c3b6;border-radius:12px;background:#fff;box-shadow:0 4px 16px #17433330;box-sizing:border-box;color:#28483c}
#roadPickControls p{font-size:13px;margin:0 0 8px;line-height:1.5}
#roadPickControls div{display:flex;gap:8px}#roadPickControls button{min-height:44px;flex:1;border:1px solid #c9dcd1;border-radius:8px;background:#fff;font:600 13px system-ui;color:#285c49;cursor:pointer}
#roadPickConfirm{background:#247f78!important;color:#fff!important}#roadPickConfirm:disabled{opacity:.45;cursor:default}
.roadDialog :focus-visible,#roadConditionsOpen:focus-visible,#roadPickControls :focus-visible{outline:3px solid #408574;outline-offset:2px}
@media(max-width:900px){.roadDialog{margin:auto auto 0;width:100%;max-width:100vw;max-height:88dvh;border-radius:18px 18px 0 0}.roadDialogHead{padding:10px 14px}.roadDialogBody{padding:14px 14px max(20px,env(safe-area-inset-bottom))}.roadLayers{gap:5px}.roadLayers label{font-size:13px}.roadActions>*{flex:1}.roadDialogBody{font-size:13px}#roadConditionsOpen{padding:6px 10px;font-size:12px}.roadActions .roadLink{white-space:nowrap}}