.dd-street-wrapper { min-width:0; }
.dd-street-canvas { height:clamp(400px,65dvh,760px); width:100%; border:1px solid #756775; border-radius:14px; isolation:isolate; background:#e8e5de; color:#24172b; }
.dd-business-map-editor .dd-street-canvas,.business-card .dd-street-canvas { height:380px; }
.dd-street-wrapper .leaflet-control-attribution { font:11px/1.5 sans-serif; background:#fffffff2; color:#222; }
.dd-street-wrapper .leaflet-control-attribution a { color:#164d84; }
.dd-street-wrapper .leaflet-control-zoom a { min-width:36px; min-height:36px; line-height:36px; background:#fff; color:#24172b; padding:0; }
.dd-street-pin { display:flex; align-items:center; justify-content:center; border-radius:50%; background:#514e70; color:white; border:2px solid white; box-shadow:0 1px 7px #0008; font:700 19px/1 sans-serif; }
.dd-street-pin.is-exact { background:#bd2d75; }
.dd-street-pin:focus-visible { outline:3px solid #111; outline-offset:2px; }
.dd-street-results { color:#24172b; font:14px/1.5 system-ui,sans-serif; }
.dd-street-result { display:flex; flex-direction:column; gap:4px; padding:12px 0; border-top:1px solid #ddd; overflow-wrap:anywhere; }
.dd-street-result>a { color:#8e245c; font-weight:700; }
.dd-street-result>span { font-size:12px; }
.dd-street-results button { color:#24172b; background:#f6edf3; border:1px solid #bdabc0; border-radius:7px; padding:9px 12px; cursor:pointer; margin:6px 0; }
.dd-street-results [hidden],.dd-street-switch~[hidden],.dd-business-map-editor [hidden] { display:none!important; }
.dd-street-switch { margin-bottom:12px; }
.dd-street-switch select { font:inherit; color:inherit; background:var(--dd-panel,#211828); border:1px solid #756775; padding:10px; border-radius:8px; max-width:100%; }
.dd-street-notice:empty { display:none; }
.dd-street-issue { display:inline-block; font-size:12px; margin:5px 0; }
.dd-map-crosshair { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:650; pointer-events:none; color:#111; background:#ffffffe6; border-radius:50%; width:32px; height:32px; font:bold 28px/30px sans-serif; text-align:center; border:1px solid #222; }
.dd-business-map-editor { min-width:0; }
.dd-business-map-editor h3 { margin-top:12px; }
@media(max-width:600px){.dd-street-canvas {height:470px;}.dd-business-map-editor .dd-street-canvas,.business-card .dd-street-canvas {height:330px;}.dd-business-map-editor .business-actions {flex-direction:column;align-items:stretch;}}
/* Photo cards shared by all street-map popups. */
.dd-street-wrapper .leaflet-popup-content-wrapper,.dd-street-wrapper .leaflet-popup-tip{background:var(--dd-surface,#1b1422);color:var(--dd-text,#f4edf6)}
.dd-street-wrapper .leaflet-popup-content-wrapper{border:1px solid var(--dd-line-strong,#57475f);border-radius:14px;box-shadow:0 8px 24px #0005}
.dd-street-wrapper .leaflet-popup-content{margin:16px;width:280px!important;max-width:calc(100vw - 92px)}
.dd-street-wrapper .leaflet-container a.leaflet-popup-close-button{color:var(--dd-text,#fff);width:30px;height:30px;font-size:22px}
.dd-street-results{color:var(--dd-text,#f4edf6);font:13px/1.45 system-ui,sans-serif}
.dd-street-results>strong{display:block;padding-right:20px;margin-bottom:10px;font-size:13px}
.dd-street-result{padding:10px 0;border-top:1px solid var(--dd-line,#403347);gap:6px}
.dd-street-result .dd-street-card{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:center;padding:10px;border:1px solid var(--dd-line,#403347);border-radius:10px;background:var(--dd-surface-2,#261d2e);color:var(--dd-text,#fff);text-decoration:none;font-weight:400}
.dd-street-card:hover{border-color:var(--dd-pink,#dc4996)}.dd-street-card:focus-visible{outline:3px solid var(--dd-pink,#dc4996);outline-offset:2px}
.dd-street-card-photo{display:grid;place-items:center;width:60px;height:78px;border-radius:7px;overflow:hidden;background:var(--dd-bg-soft,#33213c);color:var(--dd-pink,#eb8fc0);font-size:18px;font-weight:800}
.dd-street-card-photo img{display:block;width:100%;height:100%;object-fit:cover}
.dd-street-card-copy{display:grid;gap:4px;min-width:0}.dd-street-card-copy strong{font-size:13px;line-height:1.45;color:var(--dd-text,#fff)}
.dd-street-card-kind{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--dd-muted-strong,#beafc7)}
.dd-street-card-place{font-size:11px;color:var(--dd-muted-strong,#beafc7)}.dd-street-card-action{font-size:11px;font-weight:700;color:var(--dd-link,#f39acb)}
.dd-street-result>.dd-street-card-privacy{font-size:10px;color:var(--dd-muted-strong,#beafc7)}
.dd-street-result>.dd-street-route{color:var(--dd-link,#f39acb);font-size:12px;padding:4px 0}
.dd-street-results button{color:var(--dd-text,#f4edf6);background:var(--dd-surface-2,#261d2e);border-color:var(--dd-line-strong,#57475f);font:600 12px/1.5 system-ui;min-height:36px}
.dd-street-wrapper .leaflet-popup-content-wrapper,.dd-street-wrapper .leaflet-popup-tip{background:#1b1422;color:#f4edf6}
.dd-street-result .dd-street-card{background:#292031}
html[data-theme=light] .dd-street-wrapper .leaflet-popup-content-wrapper,html[data-theme=light] .dd-street-wrapper .leaflet-popup-tip{background:#fff;color:#24172b}
html[data-theme=light] .dd-street-result .dd-street-card{background:#f6f0f6}
/* Overlapping results fan out visually; stored coordinates remain unchanged. */
.dd-street-wrapper{position:relative}
.dd-street-fan-controls{position:absolute;top:12px;right:12px;z-index:650;display:flex;align-items:center;gap:6px;padding:7px;background:#1b1422;color:#fff;border:1px solid #705976;border-radius:12px;box-shadow:0 3px 12px #0003;font:600 12px/1.4 system-ui}
.dd-street-fan-controls[hidden]{display:none!important}
.dd-street-fan-count{padding:0 6px;min-width:75px}
.dd-street-fan-controls button{display:grid;place-items:center;min-width:36px;min-height:36px;margin:0;padding:4px;border:1px solid #675472;background:#2b2036;color:#fff;border-radius:8px;font:700 22px/1 system-ui;cursor:pointer}
.dd-street-fan-controls button:disabled{opacity:.35;cursor:default}
.dd-street-fan-controls button:focus-visible{outline:3px solid #f4a1d1;outline-offset:2px}
.dd-street-results .dd-street-spread-help{font-size:11px;line-height:1.5;color:var(--dd-muted-strong,#cabdd2);margin:0 0 8px}
.dd-street-single.is-spread{box-shadow:0 2px 7px #0005}
.dd-street-cluster{background:#513565;cursor:pointer}