.flood-route{--brand-red:var(--red,#bd2026);--brand-red-hover:var(--red-dark,#86151a);--text-primary:var(--ink,#111214);--text-secondary:#535b65;--border:var(--line,#e2e3e5);--surface:var(--panel,#fff);--surface-muted:var(--paper,#f7f7f7);--warning:#874713;--danger:#991b1b;--route-blue:#2563eb;color:var(--text-primary);overflow-wrap:anywhere;background:#fff;min-height:100vh;font-size:15px;line-height:1.65}.flood-route *{box-sizing:border-box;min-width:0}.flood-route button,.flood-route input,.flood-route select,.flood-route textarea{font:inherit}.flood-route button,.flood-route a,.flood-route input,.flood-route select,.flood-route summary{touch-action:manipulation}.flood-route button,.flood-route summary{min-height:44px}.flood-route button:disabled{opacity:.48;cursor:not-allowed}.flood-route :focus-visible{outline:3px solid var(--brand-red);outline-offset:3px}.flood-route p{margin:0 0 12px}.flood-route h2{margin:0;font-size:21px;line-height:1.45}.flood-route h3{margin:0;font-size:18px;line-height:1.5}.flood-route summary{cursor:pointer;align-items:center;gap:8px;font-weight:600;list-style:none;display:flex}.flood-route summary:after{content:"⌄";flex-shrink:0;margin-left:auto;font-size:20px}.flood-route details[open]>summary:after{content:"⌃"}.flood-route summary::-webkit-details-marker{display:none}.flood-route .ui-icon{vertical-align:middle;flex-shrink:0}.flood-route .eyebrow{letter-spacing:.04em;color:var(--text-secondary);margin:0 0 3px;font-size:12px;font-weight:600}.flood-route .muted,.flood-route small{color:var(--text-secondary);font-size:13px}.flood-route .flood-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:16px max(16px,50vw - 720px);display:flex}.flood-route .flood-brand{letter-spacing:-1px;border-left:4px solid var(--brand-red);min-height:44px;padding:6px 0 6px 12px;font:900 24px/1.1 Arial,sans-serif}.flood-route .flood-brand span{letter-spacing:1.8px;color:var(--text-secondary);margin-top:6px;font-size:9px;display:block}.flood-route .version-tag{color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border);border-radius:99px;padding:6px 10px;font-size:12px}.flood-route .flood-shell{width:min(1440px,100% - 32px);margin:auto;padding:24px 0 36px}.flood-route .page-intro{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.flood-route .page-intro h1{letter-spacing:-1.2px;margin:8px 0 10px;font:900 clamp(26px,3vw,42px)/1.2 Arial,sans-serif}.flood-route .page-intro h1 span{color:var(--brand-red)}.flood-route .page-intro p:last-child{max-width:680px;color:var(--text-secondary);margin:0;font-size:15px}.flood-route .byline{color:var(--text-secondary);font-size:13px}.flood-route .mock-banner{color:var(--warning);background:#fff8ed;border:1px solid #edcfad;border-radius:12px;gap:4px;margin-bottom:20px;padding:14px 16px;font-size:14px;display:grid}.flood-route .flow-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px;display:grid}.flood-route .flow-nav a{border-bottom:2px solid var(--border);min-height:48px;color:var(--text-secondary);align-items:center;gap:8px;padding:8px 4px;font-size:13px;display:flex}.flood-route .flow-nav a:first-child{color:var(--brand-red);border-color:var(--brand-red)}.flood-route .flow-nav b{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font:700 13px Arial;display:grid}.flood-route .route-workspace{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}.flood-route .trip-column,.flood-route .results-panel{gap:20px;display:grid}.flood-route .search-panel,.flood-route .empty-result,.flood-route .comparison,.flood-route .map-panel,.flood-route .source-overview{border:1px solid var(--border);background:var(--surface);border-radius:16px}.flood-route .search-panel,.flood-route .empty-result,.flood-route .comparison{padding:20px}.flood-route .panel-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.flood-route .step-number{width:38px;height:38px;color:var(--brand-red);background:#fff1f2;border-radius:11px;flex-shrink:0;place-items:center;font:700 16px Arial;display:grid}.flood-route #route-search,.flood-route #route-results,.flood-route #route-map{scroll-margin-top:20px}.flood-route .location-field label{align-items:center;gap:8px;margin-bottom:8px;font-weight:700;display:flex}.flood-route .location-field label .ui-icon{color:var(--brand-red)}.flood-route .input-row{background:#fff;border:1px solid #c8cbd0;border-radius:10px;align-items:center;min-height:54px;padding-right:3px;display:flex}.flood-route .input-row:focus-within{border-color:var(--brand-red);outline:2px solid #bd202615}.flood-route .input-row input{width:100%;min-height:52px;color:var(--text-primary);background:0 0;border:0;outline:none;padding:12px;font-size:16px}.flood-route .icon-button{width:44px;min-width:44px;height:44px;color:var(--text-secondary);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.flood-route .search-place{background:var(--surface-muted)}.flood-route .field-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;display:flex}.flood-route .field-footer small{font-size:12px}.flood-route .is-selected .field-footer small{color:var(--text-primary)}.flood-route .map-pick-button{color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:6px;padding:4px 6px;font-size:12px;display:flex}.flood-route .map-pick-button[aria-pressed=true]{color:var(--brand-red);font-weight:700}.flood-route .swap-row{justify-content:center;align-items:center;gap:16px;margin:2px 0 10px;display:flex}.flood-route .swap-row>span{background:var(--border);flex:1;height:1px}.flood-route .swap-button{border:1px solid var(--border);width:46px;min-width:46px;height:46px;color:var(--text-primary);background:#fff;border-radius:50%;font-size:25px;line-height:1}.flood-route .location-button,.flood-route .secondary-button{min-height:48px;color:var(--text-primary);background:#fff;border:1px solid #c8cbd0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.flood-route .location-button{width:100%;margin:12px 0 20px;font-size:14px}.flood-route .vehicle-label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}.flood-route select{width:100%;min-height:48px;color:var(--text-primary);background:#fff;border:1px solid #c8cbd0;border-radius:10px;padding:10px 12px}.flood-route .vehicle-note{color:var(--text-secondary);margin-top:4px;font-size:12px}.flood-route .vehicle-note p{margin-top:6px}.flood-route .primary-button{border:1px solid var(--brand-red);background:var(--brand-red);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:16px;padding:12px 16px;font-weight:700;display:flex}.flood-route .primary-button:hover:not(:disabled){background:var(--brand-red-hover)}.flood-route .primary-button.recalculate-button{color:var(--brand-red);background:#fff}.flood-route .primary-button.recalculate-button:hover:not(:disabled){background:#fff1f2}.flood-route .field-message{color:var(--text-secondary);margin-top:8px;font-size:13px}.flood-route .availability-note,.flood-route .error-message,.flood-route .source-warning{color:var(--warning);background:#fff8ed;border-radius:8px;margin-top:12px;padding:12px;font-size:14px}.flood-route .error-message{color:var(--danger);background:#fff1f2}.flood-route .place-results{border:1px solid var(--border);border-radius:10px;max-height:240px;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.flood-route .place-results button{border:0;border-bottom:1px solid var(--border);text-align:left;background:#fff;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px;font-size:14px;display:flex}.flood-route .place-results button:hover{background:var(--surface-muted)}.flood-route .empty-result>p{color:var(--text-secondary);font-size:14px}.flood-route .empty-metrics{border-top:1px solid var(--border);color:var(--text-secondary);grid-template-columns:repeat(3,1fr);gap:10px;padding-top:16px;font-size:12px;display:grid}.flood-route .empty-metrics b{color:#959aa0;font-size:24px;font-weight:500;display:block}.flood-route .comparison>.panel-heading{margin-bottom:16px}.flood-route .analyzed-time{margin-bottom:12px;font-size:12px}.flood-route .route-card{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.flood-route .route-card.recommended{border-color:var(--brand-red)}.flood-route .route-card.has-community{border-color:#efc4a4}.flood-route .route-card.has-closure{border:2px solid var(--brand-red);background:snow}.flood-route .route-card-heading,.flood-route .report-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.flood-route .badge{border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.flood-route .badge.brand{color:var(--brand-red);background:#fff1f2}.flood-route .badge.neutral{color:#48515b;background:#f1f3f5;border-color:#e6e8eb}.flood-route .badge.caution{color:var(--warning);background:#fff5e8;border-color:#f2d5b8}.flood-route .badge.danger{color:var(--danger);background:#ffe8e9;border-color:#efb4b8}.flood-route .route-metrics{grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;display:grid}.flood-route .route-metrics div>span{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:5px;font-size:12px;display:flex}.flood-route .route-metrics strong{letter-spacing:-.5px;font-size:24px;line-height:1.4;display:block}.flood-route .route-metrics strong small{font-size:14px;font-weight:400}.flood-route .route-risk-row{background:var(--surface-muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.flood-route .route-risk-row span:first-child strong{color:var(--text-primary);font-size:14px;display:block}.flood-route .route-explanation{color:var(--text-secondary);margin:12px 0 0;font-size:13px}.flood-route .recommendation-reason{color:var(--text-secondary);margin:12px 0;font-size:14px}.flood-route .route-incidents{border-top:1px solid var(--border);margin-top:12px;padding-top:4px;font-size:13px}.flood-route .route-incidents ul{padding-left:20px}.flood-route .route-incidents li{padding:8px 0}.flood-route .route-incidents li p{margin:4px 0}.flood-route .difference{background:var(--surface-muted);border-radius:8px;flex-wrap:wrap;gap:6px 16px;margin:12px 0;padding:12px;font-size:13px;display:flex}.flood-route .difference strong{width:100%}.flood-route .doh-closure-alert{border:2px solid var(--brand-red);color:var(--danger);background:#fff1f2;border-radius:10px;gap:10px;margin-bottom:14px;padding:14px;display:flex}.flood-route .doh-closure-alert>.ui-icon{margin-top:4px}.flood-route .doh-closure-alert p{margin:6px 0 0;font-size:14px}.flood-route .result-warnings{color:var(--warning);background:#fff8ed;border:1px solid #efd0ae;border-radius:10px;margin:0 0 14px;padding:12px 12px 12px 28px;font-size:13px}.flood-route .result-warnings li+li{margin-top:6px}.flood-route .maps-handoff{margin-top:16px}.flood-route .maps-handoff-link,.flood-route .sticky-maps-link{background:var(--brand-red);color:#fff;text-align:center;border-radius:10px;justify-content:center;align-items:center;min-height:54px;padding:12px 14px;font-size:15px;font-weight:700;text-decoration:none;display:flex}.flood-route .maps-handoff-link:hover,.flood-route .sticky-maps-link:hover{background:var(--brand-red-hover)}.flood-route .maps-handoff-warning{color:var(--warning);background:#fff8ed;border:1px solid #efd0ae;border-radius:8px;padding:12px;font-size:14px}.flood-route .maps-handoff-detail,.flood-route .maps-handoff-disclaimer{color:var(--text-secondary);margin:10px 0;font-size:12px}.flood-route .maps-share-button{border:1px solid var(--border);min-height:44px;color:var(--text-primary);background:#fff;border-radius:8px;padding:8px 12px;font-size:13px}.flood-route .maps-share-status{color:var(--text-secondary);margin:8px 0;font-size:12px}.flood-route .maps-share-status:empty{display:none}.flood-route .maps-handoff input{border:1px solid var(--border);width:100%;min-height:44px;padding:8px}.flood-route .view-routes-button{width:100%;margin-top:12px;font-size:14px}.flood-route .other-routes{border-top:1px solid var(--border);margin-top:20px;padding-top:6px}.flood-route .other-routes>.route-card{margin-top:12px}.flood-route .mobile-route-cta{z-index:900;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#fffffff5;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #11121408}.flood-route .mobile-route-cta>span{color:var(--text-secondary);text-align:center;margin-bottom:6px;font-size:11px;display:block}.flood-route:has(.mobile-route-cta){padding-bottom:calc(144px + env(safe-area-inset-bottom,0px))}.flood-route .map-column{min-width:0}.flood-route .map-step-heading{margin-bottom:16px}.flood-route .map-panel{overflow:hidden}.flood-route .map-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.flood-route .report-map-button{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text-primary);background:#fff;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.flood-route .map-viewport{isolation:isolate;position:relative}.flood-route .map-canvas{z-index:0;touch-action:none;background:#e9eef0;width:100%;height:clamp(420px,55svh,700px);min-height:420px}.flood-route .map-floating-controls{z-index:500;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:12px;right:12px}.flood-route .map-floating-controls button{pointer-events:auto;min-width:44px;min-height:44px;color:var(--text-primary);background:#fff;border:1px solid #c8cbd0;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:flex}.flood-route .map-floating-controls button[aria-expanded=true]{border-color:var(--brand-red);color:var(--brand-red)}.flood-route .layer-toggles{pointer-events:auto;border:1px solid var(--border);background:#fff;border-radius:10px;width:210px;max-width:calc(100vw - 64px);padding:8px}.flood-route .layer-toggles label{cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:4px 8px;font-size:13px;display:flex}.flood-route .layer-toggles input{width:20px;height:20px;accent-color:var(--brand-red)}.flood-route .map-selection-notice{z-index:500;pointer-events:none;color:#234261;text-align:center;background:#f1f7fff0;border:1px solid #d5e2f0;border-radius:10px;padding:10px;font-size:13px;position:absolute;bottom:62px;left:12px;right:12px}.flood-route .map-selection-notice small{font-size:12px;display:block}.flood-route .map-legend{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;font-size:12px;display:flex}.flood-route .map-legend span{align-items:center;gap:6px;display:flex}.flood-route .map-legend i{border-radius:2px;width:20px;height:3px;display:inline-block}.flood-route .normal-line{background:#6b7280}.flood-route .recommended-line{background:var(--route-blue)}.flood-route .map-legend .flood-dot{background:#c65b20;border-radius:50%;width:9px;height:9px}.flood-route .map-error{color:var(--warning);background:#fff8ed;margin:0;padding:12px;font-size:13px}.flood-route .map-error button{min-height:44px;margin-top:8px;display:block}.flood-route .map-placeholder{min-height:420px;color:var(--text-secondary);background:#f1f3f5;border-radius:12px;place-items:center;padding:24px;display:grid}.flood-route .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}.flood-route .leaflet-control-attribution a{min-height:44px;padding:12px 2px;display:inline-block}.flood-route .leaflet-popup-close-button{width:44px!important;min-width:44px!important;height:44px!important;line-height:44px!important}.flood-route .leaflet-popup-content{margin:22px 22px 16px 16px}.flood-route .flood-popup{max-width:230px;font-family:Tahoma,sans-serif;font-size:13px;line-height:1.6}.flood-route .flood-popup p{margin:6px 0}.flood-route .flood-popup strong{font-size:15px}.flood-route .source-overview{background:var(--surface-muted);margin-top:28px;padding:20px}.flood-route .section-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.flood-route .source-count,.flood-route .source-summary,.flood-route .authority-note,.flood-route .source-caveat{color:var(--text-secondary);font-size:13px}.flood-route .source-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.flood-route .source-panel{border-top:1px solid var(--border);margin:16px 0;padding-top:6px;font-size:14px}.flood-route .source-panel ul{gap:12px;margin:12px 0;padding:0;list-style:none;display:grid}.flood-route .source-panel li{border:1px solid var(--border);background:#fff;border-radius:10px;padding:14px}.flood-route .source-row-title{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:6px;display:flex}.flood-route .source-panel li>span,.flood-route .source-panel li>small{margin-top:4px;display:block}.flood-route .source-panel a,.flood-route .source-license a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.flood-route .source-license{color:var(--text-secondary);margin:0;font-size:12px}.flood-route .source-confirmation{color:#40515c;margin-top:10px;font-size:12px;display:block}.flood-route .source-confirmation strong{background:#edf3f6;border-radius:5px;padding:3px 6px;display:inline-block}.flood-route .report-list{border:1px solid var(--border);background:#fff;border-radius:12px;margin-top:16px;padding:12px 16px;font-size:14px}.flood-route .report-list ul{padding:0;list-style:none}.flood-route .report-list li{border-bottom:1px solid var(--border);padding:16px 0}.flood-route .report-list li p{margin-top:8px;font-size:13px}.flood-route .report-list .official-report{border-left:3px solid var(--brand-red);padding-left:12px}.flood-route .report-list .community-report{border-left:3px solid #e2a26c;padding-left:12px}.flood-route .supporting-note{color:#40515c;background:#f2f5f7;border-radius:6px;padding:8px}.flood-route .closure-warning-list{border-color:#e9c3c6}.flood-route .information-panel{border-top:1px solid var(--border);color:var(--text-secondary);margin-top:24px;padding:24px 0 0;font-size:13px}.flood-route .information-panel h2{color:var(--text-primary);margin-bottom:12px;font-size:17px}.flood-route .flood-footer{border-top:1px solid var(--border);color:var(--text-secondary);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px max(16px,50vw - 720px);font-size:12px;display:flex}.flood-route .flood-footer a{align-items:center;min-height:44px;display:inline-flex}.flood-route .flood-footer small{font-size:12px}.flood-route .skip-link{z-index:1000;background:#fff;padding:12px;position:absolute;top:-100px;left:16px}.flood-route .skip-link:focus{top:10px}.flood-route .text-button{min-height:44px;color:var(--text-primary);text-align:left;text-underline-offset:4px;background:0 0;border:0;align-items:center;padding:8px 0;font-size:14px;text-decoration:underline;display:inline-flex}.flood-route .location-actions{flex-wrap:wrap;gap:12px;display:flex}.flood-route .community-report-form,.flood-route .route-coverage{border:1px solid var(--border);background:#fff;border-radius:12px;margin:20px 0;padding:20px}.flood-route .route-coverage{background:var(--surface-muted);margin:0;padding:16px;font-size:13px}.flood-route .route-coverage small{margin:4px 0 10px;display:block}.flood-route .route-coverage div{flex-wrap:wrap;gap:6px 14px;display:flex}.flood-route .route-coverage p{color:var(--text-secondary);margin:10px 0 0;font-size:12px}.flood-route .community-report-form .panel-heading{flex-wrap:wrap;justify-content:space-between}.flood-route .community-report-form label{margin-top:12px;font-weight:600;display:block}.flood-route .community-report-form textarea{border:1px solid var(--border);border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:16px;display:block}.flood-route .traffic-details{border:1px solid var(--border);background:#fff;border-radius:16px;max-width:760px;margin:24px auto;padding:20px}.flood-route .traffic-details h2{margin-bottom:12px}.flood-route .traffic-detail-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;margin:16px 0;padding:16px}.flood-route .traffic-detail-card h3{margin-bottom:10px}.flood-route .google-traffic-content{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:12px;padding:14px}.flood-route .google-maps-attribution{color:#5e5e5e;white-space:nowrap;font-family:Roboto,Arial,sans-serif;font-size:16px;font-weight:400}.flood-route .traffic-policy-links{font-size:12px}.flood-route .traffic-policy-links a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.flood-route .traffic-detail-link{margin-top:12px}@media (min-width:1024px){.flood-route .flood-shell{padding-top:32px}.flood-route .route-workspace{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:24px}.flood-route .map-column{align-self:start;position:sticky;top:20px}.flood-route .search-panel,.flood-route .comparison{padding:24px}.flood-route .mobile-route-cta{display:none}.flood-route:has(.mobile-route-cta){padding-bottom:0}.flood-route .flow-nav{max-width:740px}}@media (max-width:430px){.flood-route .flood-shell{width:calc(100% - 24px);padding-top:20px}.flood-route .flood-header{min-height:70px;padding:12px}.flood-route .flood-brand{font-size:22px}.flood-route .version-tag{font-size:10px}.flood-route .page-intro h1{letter-spacing:-1px;font-size:26px}.flood-route .page-intro p:last-child{font-size:14px}.flood-route .byline{display:none}.flood-route .flow-nav a{gap:5px;padding:8px 0;font-size:11px}.flood-route .flow-nav b{width:23px;height:23px}.flood-route .search-panel,.flood-route .comparison,.flood-route .empty-result{padding:16px}.flood-route .route-card{padding:14px}.flood-route .route-metrics strong{font-size:22px}.flood-route .map-floating-controls{top:12px;right:10px}.flood-route .map-floating-controls button{padding:8px;font-size:11px}.flood-route .map-toolbar{padding:10px 12px}.flood-route .map-legend{padding:12px;font-size:11px}.flood-route .source-overview{padding:16px}.flood-route .source-overview h2{font-size:19px}}@media (prefers-reduced-motion:reduce){html:has(.flood-route){scroll-behavior:auto}.flood-route *{scroll-behavior:auto!important}}.flood-route .leaflet-control-attribution a{justify-content:center;min-width:44px}.flood-route .map-layer-control label{min-height:44px}.flood-route .map-canvas .leaflet-control-zoom a{width:44px;min-width:44px;height:44px;min-height:44px;line-height:44px}.flood-route .eyebrow{background:0 0;border:0;padding:0;display:block}.flood-route .location-field{position:relative}.flood-route .location-field:focus-within{z-index:40}.flood-route .combobox-shell{position:relative}.flood-route .typeahead-spinner{min-width:44px;height:44px;color:var(--brand-red);place-items:center;font-size:20px;display:grid}.flood-route .typeahead-panel{z-index:80;border:1px solid var(--border);background:#fff;border-radius:10px;max-width:100%;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 28px #11121424}.flood-route .typeahead-panel.is-message-only{pointer-events:none}.flood-route .typeahead-message{color:var(--text-secondary);margin:0;padding:12px 14px;font-size:14px}.flood-route .typeahead-panel .place-results{overscroll-behavior:contain;border:0;border-radius:0;max-height:min(264px,42svh);margin:0;padding:0;list-style:none;overflow:auto}.flood-route .typeahead-panel .place-results:empty{display:none}.flood-route .typeahead-panel .place-results button{border:0;border-bottom:1px solid var(--border);text-align:left;width:100%;min-height:52px;color:var(--text-primary);background:#fff;align-items:center;gap:10px;padding:10px 12px;font-size:16px;display:flex}.flood-route .typeahead-panel .place-results li:last-child button{border-bottom:0}.flood-route .typeahead-panel .place-results button>span{gap:1px;display:grid}.flood-route .typeahead-panel .place-results button strong{font-size:16px;font-weight:700;line-height:1.45}.flood-route .typeahead-panel .place-results button small{color:var(--text-secondary);font-size:13px;line-height:1.45}.flood-route .typeahead-panel .place-results button:hover,.flood-route .typeahead-panel .place-results button[aria-selected=true]{background:var(--surface-muted)}.flood-route .navigation-start{width:100%;min-height:54px;margin-top:12px}.flood-route .navigation-start-note{color:var(--text-secondary);margin:10px 0;font-size:12px;line-height:1.6}.flood-route .maps-handoff-link,.flood-route .sticky-maps-link{color:var(--text-primary);border:1px solid var(--border);background:#fff;min-height:44px;font-size:13px;font-weight:500}.flood-route .maps-handoff-link:hover,.flood-route .sticky-maps-link:hover{background:var(--surface-muted);color:var(--text-primary)}.flood-route .mobile-route-cta>.primary-button{width:100%;min-height:48px;margin-bottom:6px;font-size:14px}.flood-route .mobile-route-cta>.sticky-maps-link{min-height:44px;padding:6px;font-size:12px}.flood-route .navigation-mode>.flow-nav,.flood-route .navigation-mode .trip-column,.flood-route .navigation-mode>.source-overview,.flood-route .navigation-mode>.report-list{display:none}.flood-route .navigation-mode .map-column{z-index:1000;background:#e9eef0;width:100vw;height:100svh;margin:0;position:fixed;inset:0}.flood-route .navigation-mode .map-step-heading,.flood-route .navigation-mode .map-toolbar,.flood-route .navigation-mode .map-legend,.flood-route .navigation-mode .map-floating-controls>#layer-trigger,.flood-route .navigation-mode .layer-toggles,.flood-route .navigation-mode .map-floating-controls .layer-toggles{display:none}.flood-route .navigation-mode .map-panel{border:0;border-radius:0;height:100%;padding:0}.flood-route .navigation-mode .map-canvas{height:100svh;min-height:100svh}.flood-route .navigation-mode .map-floating-controls{top:auto;bottom:calc(210px + env(safe-area-inset-bottom,0px));right:12px}.flood-route .navigation-mode .map-floating-controls button{white-space:normal;max-width:190px;min-height:44px}.flood-route .navigation-mode .leaflet-control-zoom{margin-top:calc(220px + env(safe-area-inset-top,0px))}.flood-route .navigation-overlay{z-index:1001;pointer-events:none;padding:calc(10px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100svh;display:flex;position:fixed;inset:0}.flood-route .navigation-instruction,.flood-route .navigation-summary{pointer-events:auto;border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:36svh;padding:12px 16px;overflow:auto;box-shadow:0 2px 10px #11121410}.flood-route .navigation-instruction .eyebrow{margin:0 0 4px;font-size:10px}.flood-route .navigation-instruction h2{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.35}.flood-route .navigation-turn-distance{color:var(--brand-red);margin:4px 0;font-size:24px;font-weight:700}.flood-route .navigation-road,.flood-route .navigation-message{overflow-wrap:anywhere;margin:4px 0;font-size:14px;line-height:1.5}.flood-route .navigation-critical{border:2px solid var(--danger);color:var(--danger);background:#fff4f4}.flood-route .navigation-safety,.flood-route .navigation-maps{color:var(--text-secondary);font-size:12px;line-height:1.6}.flood-route .navigation-safety summary,.flood-route .navigation-maps summary{cursor:pointer;align-items:center;min-height:44px;text-decoration:underline;display:flex}.flood-route .navigation-maps a{min-height:44px;color:var(--text-primary);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.flood-route .navigation-metrics{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.flood-route .navigation-metrics strong{overflow-wrap:anywhere;font-size:20px;line-height:1.4}.flood-route .navigation-metrics small{color:var(--text-secondary);font-size:10px;font-weight:400;display:block}.flood-route .navigation-eta{text-align:center;color:var(--text-secondary);margin:6px 0;font-size:11px}.flood-route .navigation-stop{width:100%;min-height:44px;margin:4px 0 0}.flood-route .navigation-summary .navigation-maps{margin-top:0}.flood-route .navigation-mode .map-error{z-index:1000;pointer-events:none;border-radius:8px;position:absolute;top:42%;left:12px;right:12px}@media (min-width:768px){.flood-route .navigation-mode .map-floating-controls{bottom:220px;right:24px}.flood-route .navigation-overlay{padding-left:24px;padding-right:24px}}@media (max-width:360px){.flood-route .navigation-instruction,.flood-route .navigation-summary{padding:10px 12px}.flood-route .navigation-instruction h2{font-size:21px}.flood-route .navigation-metrics strong{font-size:18px}.flood-route .navigation-mode .map-floating-controls{bottom:220px}}