/* Scoped component only: preserve the existing ArkiSolar/site design. */
.osm-qa-banner{padding:10px 18px;background:#fff2bd;color:#493b13;font:13px/1.5 system-ui,sans-serif;text-align:center}
#map-stage{height:auto;min-height:0;padding:0;background:#eef1e9}
#map-canvas{height:300px;width:100%;isolation:isolate}
#map-canvas[hidden],#map-placeholder[hidden],#map-pending[hidden]{display:none}
#map-placeholder{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;background:linear-gradient(135deg,#e6eddf,#f6f7f0);gap:12px}
#map-placeholder strong{font-size:20px;color:#215b46}
#map-placeholder p{max-width:400px;margin:0;color:#596553;font-size:14px}
.map-panel .map-caption{position:static;margin:0;border-radius:0;background:#f5f7f1;color:#263622;padding:13px 18px;box-shadow:none}
.map-panel .map-caption span{display:block;font-weight:700;overflow-wrap:anywhere}
.map-panel .map-caption small{display:block;margin-top:6px}
.osm-actions{display:flex;gap:10px;flex-wrap:wrap;padding:0 18px 16px}
.osm-actions button{min-height:44px}
.osm-details{padding:0 18px 18px}
.osm-details p{font-size:13px;line-height:1.5;margin:8px 0;overflow-wrap:anywhere}
.osm-attribution{font-size:12px;color:#465840}
.osm-attribution a{color:#215b46;text-decoration:underline}
#map-status:empty{display:none}
#map-status{padding:10px;background:#f1f5eb;border-left:3px solid #819473}
.osm-result{display:block;width:100%;text-align:left;padding:12px;margin:8px 0;border:1px solid #c5d1bc;border-radius:6px;background:#fff;color:#215b46;font:inherit;font-size:14px;line-height:1.45;overflow-wrap:anywhere;cursor:pointer;min-height:44px}
#map-pending{padding:12px;margin:12px 0;background:#fff6df;border:1px solid #dfc895;border-radius:6px}
#map-pending .button{width:100%;white-space:normal}
.osm-result:focus-visible,#map-canvas a:focus-visible,#map-canvas button:focus-visible{outline:3px solid #986d2c;outline-offset:2px}
#map-canvas .leaflet-control-attribution{font:11px/1.5 system-ui,sans-serif;color:#263622;max-width:100%;background:rgba(255,255,255,.95)}
#map-canvas .leaflet-control-attribution a{color:#215b46}
#map-canvas .leaflet-control-zoom a{color:#215b46;min-width:36px;min-height:36px;line-height:36px}
#map-canvas .leaflet-container{font:inherit}
@media(max-width:600px){#map-canvas{height:260px}#map-placeholder{min-height:220px;padding:22px 16px}.osm-actions button{flex:1 1 100%;white-space:normal}.map-panel .map-caption{padding:12px}.osm-details{padding:0 12px 12px}}