#mapModal[hidden]{display:none}
#mapModal .map-modal-header{flex:0 0 auto}
#mapModal .map-modal-body{min-height:0;flex:1 1 0;position:relative}
#mapModal .explorer-layout{height:100%;min-height:0;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden}
#mapModal .explorer-list,#mapModal .explorer-map{min-height:0;min-width:0;height:100%;max-height:none}
#mapModal .explorer-items{min-height:0;overflow-y:auto;overscroll-behavior:contain;flex:1 1 0}
#mapModal .explorer-map #explorerMap{height:100%;min-height:0}
#mapModal .explorer-list-header{padding:16px 16px 0}
#mapModal .explorer-item{width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #e4e9e2;font:inherit;cursor:pointer;border-radius:0;flex-shrink:0}
#mapModal .explorer-item.active{background:#e5efdf}
#mapModal .explorer-item:focus-visible{outline:3px solid #b59038;outline-offset:-3px}
.map-tools{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.map-tools button,#mapRetry{border:1px solid #c5d1bf;background:#f4f7ef;border-radius:6px;padding:7px 10px;color:#244c35;cursor:pointer;font:inherit;font-size:12px}
#mapStatus{font-size:12px;padding:6px 16px;margin:0;background:#f4f7ef;color:#36543b}
#mapStatus:empty{display:none}
.map-popup-courses{max-height:160px;overflow-y:auto;margin:8px 0;padding-left:18px}
.map-popup-courses li{margin:6px 0}
.map-popup-courses a{color:#235737!important;text-decoration:underline}
#mapModal .map-message{padding:24px;font-size:14px;color:#53634e}
#mapModal .leaflet-control-attribution{font-size:10px}
#mapModal .leaflet-container{background:#e3ece1}
@media(max-width:800px){#mapModal .map-modal{height:100dvh;max-height:100dvh;width:100%;border-radius:0}#mapModal .explorer-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.1fr) minmax(0,1fr)}#mapModal .explorer-map{grid-row:1;min-height:0}#mapModal .explorer-list{grid-row:2;border:0;border-top:1px solid #d4dfcf}#mapModal .explorer-list-header h3,#mapModal .explorer-list-header>p{display:none}#mapModal .explorer-list-header{padding-top:8px}#mapModal .explorer-list-count{padding:5px 16px;font-size:10px}#mapModal .explorer-item{padding:10px 16px}#mapModal .map-modal-header{padding:12px 16px}#mapModal .map-modal-title p{font-size:11px}#mapModal .map-modal-icon{display:none}}
@media(prefers-reduced-motion:reduce){#mapModal,#mapModal .map-modal{transition:none}}