/* M9.2: isolated frontend map presentation. */
.megara-map{margin:28px 0;min-width:0}.megara-map-frame{position:relative;isolation:isolate;margin:16px 0}.megara-map-surface{height:320px;width:100%;max-width:100%;isolation:isolate;border-radius:12px;background:#f4f5f6;color:#252525}.megara-map .leaflet-container{font-family:inherit}.megara-map-directions{position:absolute;z-index:2;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:rgba(20,20,20,.60);color:#fff;border:0;border-radius:999px;text-decoration:none;font:500 14px/1.4 Inter,Arial,sans-serif;white-space:nowrap;transition:background-color 170ms ease}@media(hover:hover){.megara-map-directions:hover,.megara-map .leaflet-control-zoom.leaflet-bar a:hover{background:rgba(20,20,20,.74);color:#fff}}.megara-map a:focus-visible,.megara-map button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.megara-map [data-map-status]:empty{display:none}@media(max-width:760px){.megara-map-surface{height:280px}}@media(forced-colors:active){.megara-map-directions{border:1px solid CanvasText}}


.megara-map .leaflet-control-zoom{border:0;box-shadow:none;background:transparent;display:flex;flex-direction:column;gap:6px}
.megara-map .leaflet-control-zoom.leaflet-bar a,.megara-map .leaflet-touch .leaflet-control-zoom a{width:44px;height:44px;line-height:44px;border:0;border-radius:999px;background:rgba(20,20,20,.60);color:#fff;font-size:22px;transition:background-color 170ms ease}
.megara-map .leaflet-control-zoom.leaflet-bar a.leaflet-disabled{opacity:.5;cursor:default}
.megara-map [hidden]{display:none!important}
@media(max-width:760px){.megara-map-directions{padding:10px 12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.megara-map-directions,.megara-map .leaflet-control-zoom.leaflet-bar a{transition:none}}
@media(forced-colors:active){.megara-map-directions,.megara-map .leaflet-control-zoom.leaflet-bar a{background:Canvas;color:CanvasText;border:1px solid CanvasText}}


.megara-map .leaflet-control-zoom.leaflet-bar a:first-child,.megara-map .leaflet-control-zoom.leaflet-bar a:last-child{border-radius:999px;border:0}

/* Mobile preview never intercepts gestures; the same map moves into a modal. */
.megara-map-fullscreen,.megara-map-close{position:absolute;z-index:3;top:12px;left:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:rgba(20,20,20,.60);color:#fff}
.megara-map-fullscreen:not([hidden]){display:flex}
.megara-map-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;overflow:hidden}
.megara-map-dialog .megara-map-surface{height:100%;border-radius:0}
.megara-map-close{left:auto;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));font-size:28px}
.megara-map-dialog .leaflet-control-zoom{display:none}
html:has(.megara-map-dialog[open]){overscroll-behavior:none}
.megara-map .megara-map-surface.megara-map-preview.leaflet-container{touch-action:pan-x pan-y pinch-zoom}.megara-map-preview .leaflet-map-pane{pointer-events:none}.megara-map-preview .leaflet-control-zoom{display:none}
@media(forced-colors:active){.megara-map-fullscreen,.megara-map-close{background:ButtonFace;color:ButtonText;border:1px solid ButtonText}}


/* M9.5: same surface for both preview controls; SVG close has no font baseline. */
.megara-map-directions,.megara-map-fullscreen{background:rgba(20,20,20,.60);opacity:1}
.megara-map-close{line-height:1}.megara-map-close svg,.megara-map-fullscreen svg{display:block;flex:none;pointer-events:none}
@media(hover:hover){.megara-map-directions:hover,.megara-map-fullscreen:hover{background:rgba(20,20,20,.74);opacity:1}}
@media(hover:none){.megara-map-directions:hover,.megara-map-fullscreen:hover{background:rgba(20,20,20,.60);opacity:1}}
@media(forced-colors:active){.megara-map-directions,.megara-map-fullscreen{background:ButtonFace;color:ButtonText}}

/* M8.1.1 generated light palette — scripts/build-light-palette.mjs */
@media (prefers-color-scheme: dark) and (forced-colors: none){
.megara-map-surface{border-radius:12px;background:#f4f5f6;color:#252525;}
.megara-map-directions{background:rgba(20,20,20,.60);color:#fff;border:0;border-radius:999px;}
@media(hover:hover){.megara-map-directions:hover,.megara-map .leaflet-control-zoom.leaflet-bar a:hover{background:rgba(20,20,20,.74);color:#fff;}
}
.megara-map a:focus-visible,.megara-map button:focus-visible{outline:2px solid currentColor;outline-offset:3px;}
@media(forced-colors:active){.megara-map-directions{border:1px solid CanvasText;}
}
.megara-map .leaflet-control-zoom{border:0;box-shadow:none;background:transparent;}
.megara-map .leaflet-control-zoom.leaflet-bar a,.megara-map .leaflet-touch .leaflet-control-zoom a{border:0;border-radius:999px;background:rgba(20,20,20,.60);color:#fff;}
@media(forced-colors:active){.megara-map-directions,.megara-map .leaflet-control-zoom.leaflet-bar a{background:Canvas;color:CanvasText;border:1px solid CanvasText;}
}
.megara-map .leaflet-control-zoom.leaflet-bar a:first-child,.megara-map .leaflet-control-zoom.leaflet-bar a:last-child{border-radius:999px;border:0;}
.megara-map-fullscreen,.megara-map-close{border:0;border-radius:999px;background:rgba(20,20,20,.60);color:#fff;}
.megara-map-dialog{border:0;}
.megara-map-dialog .megara-map-surface{border-radius:0;}
@media(forced-colors:active){.megara-map-fullscreen,.megara-map-close{background:ButtonFace;color:ButtonText;border:1px solid ButtonText;}
}
.megara-map-directions,.megara-map-fullscreen{background:rgba(20,20,20,.60);}
@media(hover:hover){.megara-map-directions:hover,.megara-map-fullscreen:hover{background:rgba(20,20,20,.74);}
}
@media(hover:none){.megara-map-directions:hover,.megara-map-fullscreen:hover{background:rgba(20,20,20,.60);}
}
@media(forced-colors:active){.megara-map-directions,.megara-map-fullscreen{background:ButtonFace;color:ButtonText;}
}
}