#garden-map{width:100%;height:520px;min-height:0;padding:0;background:#f3f3f3;border:1px solid #000;isolation:isolate;font-family:Arial,sans-serif}
#garden-map .leaflet-tile-pane{filter:grayscale(1)}
#garden-map .leaflet-control-attribution{font:10px/1.4 Arial,sans-serif;color:#000;background:rgba(255,255,255,.94);max-width:100%;padding:3px 6px}
#garden-map .leaflet-control-attribution a{color:#000;text-decoration:underline}
#garden-map .leaflet-control-zoom{border:1px solid #000;border-radius:0;box-shadow:none}
#garden-map .leaflet-control-zoom a{color:#000;border-radius:0;background:#fff;text-decoration:none;font:24px/30px Arial,sans-serif}
#garden-map .leaflet-control-zoom a:first-child{border-bottom:1px solid #000}
#garden-map .leaflet-control-zoom a:hover{background:#eee}
#garden-map .leaflet-control-zoom a.leaflet-disabled{color:#777}
#garden-map .garden-marker{display:grid;place-items:center;background:#fff;border:1px solid #000;border-radius:50%;color:#000;font:700 13px/1 Arial,sans-serif;box-shadow:none;cursor:pointer}
#garden-map .garden-marker.is-selected{background:#000;color:#fff}
#garden-map .garden-marker:focus-visible,#garden-map .leaflet-control-zoom a:focus-visible{outline:2px solid #000;outline-offset:3px}
.garden-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px}
.garden-map-toolbar p{margin:0}
#garden-map-fit{border:0;border-bottom:1px solid #000;padding:4px 0;background:#fff;color:#000;font:12px/1.4 Arial,sans-serif;cursor:pointer;white-space:nowrap}
.garden-map-status{padding:10px 0;margin:0;color:#000}
.garden-map-status[hidden]{display:none}
.map:has(#garden-map){padding:0;border:0;min-height:0;background:#fff}
.map:has(#garden-map) figcaption{margin-top:12px}
.gardenList button[aria-pressed=true]{font-weight:700}
@media(max-width:850px){#garden-map{height:460px}}
@media(max-width:560px){#garden-map{height:380px}.garden-map-toolbar{gap:10px}.garden-map-toolbar p{font-size:11px}}