.view-switch{display:flex;gap:3px;padding:3px;background:#f0eef5;border-radius:20px;width:max-content;margin:10px 0}
.view-switch button{border:0;border-radius:17px;background:transparent;color:#666171;font:inherit;font-size:12px;padding:8px 15px;cursor:pointer}
.view-switch button[aria-pressed=true]{background:#fff;color:#593091;box-shadow:0 1px 4px #30203b15;font-weight:650}
.map-panel[hidden],#events[hidden]{display:none!important}
.map-topline{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:6px 0 10px}
.map-status{font-size:12px;color:#80798e;line-height:1.5;margin:0}
.map-fit{flex:none;border:1px solid #e3dcf2;border-radius:18px;background:#fff;color:#593091;padding:7px 11px;font-size:11px;cursor:pointer}
.event-map-canvas{height:clamp(360px,65vh,640px);width:100%;border:1px solid #e3dcf2;border-radius:14px;background:#f5f3f7;position:relative;z-index:0}
.event-map-canvas:focus-visible{outline:2px solid #743edb;outline-offset:3px}
.map-pin{background:transparent;border:0}
.map-pin>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:var(--pin-color,#7543b6);border:2px solid white;box-shadow:0 2px 8px #19112640}
.map-pin b{transform:rotate(45deg);font-size:16px;color:white;font-weight:650}
.map-pin:focus-visible>span{outline:3px solid #191126}
.map-panel .leaflet-popup-content-wrapper{border-radius:14px}
.map-popup{font-family:inherit;max-height:300px;overflow-y:auto;min-width:220px}
.map-popup h3{font-size:14px;margin:0 0 8px;color:#141419}
.map-popup article{border-top:1px solid #ecebf0;padding:10px 0}
.map-popup article:first-of-type{border-top:0}
.map-popup h4{font-size:14px;line-height:1.3;margin:4px 0;color:#141419}
.map-popup p{font-size:12px;line-height:1.45;color:#80798e;margin:4px 0}
.map-popup .map-category{font-size:11px;color:#7543b6}
.map-popup-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px;align-items:center}
.map-popup-actions button,.map-popup-actions a{border:1px solid #e3dcf2;border-radius:18px;background:#fff;color:#593091;padding:6px 9px;text-decoration:none;font-size:11px;cursor:pointer}
.map-popup-actions button[aria-pressed=true]{background:#eee7f7;border-color:#7543b6}
.map-missing{font-size:12px;color:#80798e;margin-top:12px}
.map-missing summary{cursor:pointer;padding:8px 0}
.map-missing ul{padding-left:18px;line-height:1.6}
.map-empty-note{font-size:13px;color:#80798e;padding:8px 0}
@media(max-width:420px){.event-map-canvas{height:58vh;min-height:320px}.map-popup{min-width:190px}}
/* Apply greyscale to the background only. Event markers retain category colours. */
.map-greyscale .maplibregl-canvas,.map-greyscale .leaflet-tile-pane{filter:grayscale(1) brightness(1.025)}