.bpwa-local-map-test { width: 100%; min-width: 0; max-width: 100%; }
.bpwa-local-map-test .bpwa-local-map-canvas { width: 100%; height: 500px; max-width: 100%; background: #f3f0e6; }
.bpwa-local-map-test .bpwa-local-map-status { margin: 8px 0; font: 14px/1.5 system-ui, sans-serif; color: #7c3025; }
.bpwa-local-map-test [hidden] { display: none !important; }
.bpwa-local-map-test .maplibregl-ctrl button { min-width: 0; min-height: 0; padding: 0; margin: 0; }
.bpwa-local-map-test .maplibregl-ctrl.bpwa-local-map-attribution {
  box-sizing: border-box;
  max-width: 100%;
  padding: 4px 7px;
  background: rgba(255, 255, 255, .94);
  color: #333;
  font: 11px/1.5 system-ui, -apple-system, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
  border-radius: 3px;
}
.bpwa-local-map-test .maplibregl-ctrl-bottom-left { max-width: calc(100% - 20px); }
.bpwa-local-map-test .bpwa-local-map-attribution a { color: #333; text-decoration: underline; }
.bpwa-local-map-test .bpwa-local-map-attribution a:focus-visible { outline: 2px solid #f59b23; outline-offset: 2px; }