html, body { width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif; background: #f5f7f6; }
#map { width: 100%; height: 100%; min-height: 300px; }
#map-status { position: absolute; left: 50%; top: 16px; transform: translateX(-50%); margin: 0; padding: 12px 16px; width: max-content; max-width: calc(100% - 64px); border-radius: 6px; background: white; color: #333; box-shadow: 0 2px 8px #0002; font-size: 14px; line-height: 1.6; z-index: 10; }
#map-status[hidden] { display: none; }
#map button:focus-visible { outline: 3px solid #163e37; outline-offset: 4px; }
noscript { position: absolute; top: 16px; left: 16px; padding: 12px; background: white; }
.ceremo-photo-label { display: none; }
.show-label .ceremo-photo-label { display: block; }
#map .ceremo-photo-marker:hover, #map .ceremo-photo-marker:focus-visible { z-index: 5 !important; }
#map .ceremo-photo-marker img { max-width: none; }