.garden-animals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.map:not([data-drawing="illustrated"]) .garden-animals{display:none}
.map-scroll{position:relative}
.map-tools [data-map-motion]{margin-left:auto;border-color:transparent;text-decoration:underline;text-underline-offset:4px}
.map-tools #map-full{margin-left:0}
.garden-map-regions g{stroke-width:1.6;transition:fill-opacity .25s ease,stroke-opacity .25s ease}
.map[data-active-place="animals"] .animal-region,.map[data-active-place="atelier"] .atelier-region{fill-opacity:.09;stroke-opacity:.85}
@media(hover:hover){
 .map:has(.map-target[data-place="animals"]:hover) .animal-region,
 .map:has(.map-target[data-place="atelier"]:hover) .atelier-region{fill-opacity:.15;stroke-opacity:1}
}
.map:has(.map-target[data-place="animals"]:focus-visible) .animal-region,
.map:has(.map-target[data-place="atelier"]:focus-visible) .atelier-region{fill-opacity:.15;stroke-opacity:1}
.zone-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-block:1px solid var(--line);padding:14px 0;margin:18px 0 8px;font-size:12px}
.zone-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#69765e;margin-bottom:4px}
.zone-details dd{margin:0}
.garden-map-page{padding-top:42px}
.garden-map-page h1{font-size:clamp(38px,5vw,64px);margin:10px 0 15px}
.garden-map-page .map-layout{grid-template-columns:1fr;gap:24px}
.map-expanded>div:first-child{max-width:1100px;width:100%;margin:auto}
.map-expanded>.place-preview{padding-top:0;max-width:760px;width:100%;margin:auto}
.map-expanded .preview-image{height:260px}
.map-pan-hint{display:none}
@container(max-width:760px){
 .map-tools{gap:5px}.map-tools [data-map-motion]{margin-left:0;font-size:11px}
 .map-tools #map-full{margin-left:auto}
 .map-expanded .map-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-block:1px solid var(--line)}
 .map-expanded .map{width:720px;max-width:none}
 .map-expanded .map-pan-hint{display:block;font-size:12px;color:#536153;margin:8px 0}
 .zone-details{gap:12px}
}
@media(prefers-reduced-motion:reduce){.garden-map-regions g{transition:none}}

/* Zones are a light wash, with no perimeter boxes or enclosure rings. */
.map .garden-map-regions g{stroke:none!important;stroke-opacity:0!important;fill:#fff4c9;fill-opacity:0;filter:blur(3px)}
.map[data-active-place="animals"] .garden-map-regions .animal-region,.map[data-active-place="atelier"] .garden-map-regions .atelier-region{fill-opacity:.12}
.map .map-target:hover{outline:none;background:transparent}
.map .map-target:focus-visible{outline:none;background:transparent}
.map .map-target:focus-visible .map-target-name{outline:2px solid #76876b;outline-offset:3px}
.map .map-target[aria-pressed="true"] .map-target-name{background:#f6f5f0ed;color:#43523f;border-color:#889576}
@media(hover:hover){.map:has(.map-target[data-place="animals"]:hover) .animal-region,.map:has(.map-target[data-place="atelier"]:hover) .atelier-region{fill-opacity:.22}}
.map:has(.map-target[data-place="animals"]:focus-visible) .animal-region,.map:has(.map-target[data-place="atelier"]:focus-visible) .atelier-region{fill-opacity:.22}
.map .rabbit-control{position:absolute;z-index:4;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);cursor:grab;touch-action:none;box-shadow:none}
.map .rabbit-control:hover{background:transparent}
.map .rabbit-control:focus-visible{outline:1px solid #89967b;outline-offset:0;background:#fff8}
.map .rabbit-control.is-picked-up{cursor:grabbing}
.map .rabbit-control.is-picked-up:after{content:"";position:absolute;width:10px;height:5px;left:17px;top:22px;border:1px solid #f6f5f0a0;border-radius:50%;pointer-events:none}
.map .rabbit-control.invalid-drop:after{border-color:#9d7363}
.map:not([data-drawing="illustrated"]) .rabbit-control{display:none}
.rabbit-help,.rabbit-status{font-size:12px;color:#65715b;margin:8px 0}
.rabbit-status:empty{display:none}