html,body{height:100%;overflow:hidden}.map-app{-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.map-app button,.map-app a,.map-app summary,.map-app input{touch-action:manipulation}#map{background:#e8ecef;position:absolute;inset:0}#map-compare{z-index:5;pointer-events:none;position:absolute;inset:0}#compare-handle{z-index:18;cursor:ew-resize;background:#fff;justify-content:center;align-items:center;width:4px;margin-left:-2px;display:flex;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #00000059}.compare-grip{width:38px;height:38px;box-shadow:var(--shadow-md);cursor:ew-resize;background:#fff;border-radius:50%;position:absolute}.compare-grip:before{content:"⇔";height:100%;color:var(--gray-600);justify-content:center;align-items:center;font-size:17px;display:flex}.compare-label{background:var(--gray-900);color:#fff;border-radius:var(--radius-2xl);white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;top:84px}#compare-label-left{right:14px}#compare-label-right{left:14px}.sheet-greep{display:none}.sheet-kop{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);justify-content:space-between;align-items:center;gap:6px;padding:4px 4px 2px 8px;font-size:11px;font-weight:700;display:flex}.sheet-kop .map-panel-close{display:none}.map-layers.is-ingeklapt{gap:0}.map-layers.is-ingeklapt>:not(.sheet-kop){display:none}.map-layers.is-ingeklapt .sheet-kop,.map-layers.is-ingeklapt .lagen-collapse{color:var(--gray-600)}.lagen-collapse[aria-expanded=false] svg{transform:rotate(-90deg)}.map-scrim{z-index:24;opacity:0;visibility:hidden;background:#18181b59;transition:opacity .25s,visibility .25s;position:absolute;inset:0}.map-app.sheet-open .map-scrim{opacity:1;visibility:visible}.map-topbar{z-index:20;pointer-events:none;align-items:flex-start;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.map-topbar>*{pointer-events:auto}.map-logo{border-radius:var(--radius);box-shadow:var(--shadow-md);color:var(--gray-900);letter-spacing:-.4px;background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:8px 14px 8px 8px;font-size:17px;font-weight:800;display:flex}.map-logo .logo-mark{border-radius:8px;width:32px;height:32px}.map-logo .logo-mark svg{width:18px;height:18px}.map-logo em{color:var(--primary-600);font-style:normal}.map-search{flex:1;max-width:460px;position:relative}.map-search input{border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);color:var(--gray-900);background:#fff;border:none;outline:none;padding:13px 44px;font-family:inherit;font-size:14.5px}.map-search input:focus{box-shadow:var(--shadow-md), 0 0 0 3px var(--primary-200)}.map-search .search-icon{color:var(--gray-400);pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.map-search-results{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto}.map-search-results:empty{display:none}.map-search-result{width:100%;color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:11px 16px;font-family:inherit;font-size:14px;display:flex}.map-search-result:hover,.map-search-result.is-active{background:var(--primary-50);color:var(--primary-700)}.map-search-result .result-type{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);flex-shrink:0;margin-left:auto;font-size:11px;font-weight:600}.map-layers{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;flex-direction:column;gap:4px;min-width:190px;margin-left:auto;padding:8px;display:flex}.map-layers .layers-title{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);padding:4px 8px 2px;font-size:11px;font-weight:700}.map-layer-btn{color:var(--gray-700);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.map-layer-btn:hover{background:var(--gray-100)}.map-layer-btn.is-active{background:var(--primary-50);color:var(--primary-700);font-weight:600}.map-basemaps{flex-direction:column;gap:4px;display:flex}.map-year-slider{border-top:1px solid var(--gray-100);margin-top:4px;padding:8px 10px 6px;display:none}.map-year-slider.is-visible{display:block}.map-year-slider label{color:var(--gray-600);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.map-year-slider input{width:100%;accent-color:var(--primary-600)}.map-panel{border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-xl);z-index:15;transition:transform .35s var(--ease-out-expo);background:#fff;flex-direction:column;display:flex;position:absolute;top:84px;bottom:84px;left:16px;overflow:hidden;transform:translate(-120%)}.map-panel.is-open{transform:translate(0)}.map-panel-header{justify-content:space-between;align-items:flex-start;padding:20px 20px 0;display:flex}.map-panel-header h2{color:var(--gray-900);font-size:18px;line-height:1.3}.map-panel-header .aanduiding{color:var(--primary-600);margin-top:4px;font-size:12px;font-weight:600;display:block}.map-panel-close{background:var(--gray-100);width:30px;height:30px;color:var(--gray-500);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.map-panel-close:hover{background:var(--primary-100);color:var(--primary-600)}.map-panel-tabs{border-bottom:1px solid var(--gray-100);gap:4px;padding:14px 20px 0;display:flex}.map-panel-tab{color:var(--gray-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px 10px;font-family:inherit;font-size:13px;font-weight:600}.map-panel-tab:hover{color:var(--gray-800)}.map-panel-tab.is-active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.tab-count{background:var(--primary-100);min-width:18px;color:var(--primary-700);text-align:center;border-radius:9px;padding:1px 5px;font-size:11px;display:inline-block}.tab-list{flex-direction:column;gap:8px;display:flex}.tab-empty{color:var(--gray-400);padding:8px 0;font-size:13.5px}.tab-item{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.tab-item strong{color:var(--gray-900);font-size:13.5px;display:block}.tab-item span{color:var(--gray-500);margin-top:2px;font-size:12px;display:block}.tab-item .wb-link{background:var(--primary-50);color:var(--primary-700);white-space:nowrap;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.tab-item .wb-link:hover{background:var(--primary-100)}.tab-item .wb-link svg{width:12px;height:12px}.tab-row{justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px;display:flex}.tab-row span{color:var(--gray-500)}.tab-row strong{color:var(--gray-900);text-align:right;font-weight:600}.map-panel-body{flex:1;padding:16px 20px 20px;overflow-y:auto}.map-panel-facts{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);margin-bottom:16px;overflow:hidden}#extra-facts:empty{display:none}#extra-facts:not(:empty){border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}.map-panel-facts:has(+#extra-facts:not(:empty)){border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0}.map-fact{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:baseline;gap:14px;padding:9px 12px;display:flex}.map-fact:last-child{border-bottom:none}.map-fact span{color:var(--gray-500);white-space:nowrap;font-size:12px;font-weight:500}.map-fact strong{color:var(--gray-900);text-align:right;font-size:13.5px;font-weight:650}#bestemming-facts{margin-bottom:16px}.panel-subtitle{text-transform:uppercase;letter-spacing:.04em;color:var(--gray-400);margin-bottom:8px;font-size:11px;font-weight:600}.bestemming-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bestemming-badge{background:var(--primary-50);color:var(--primary-700);border:1px solid var(--primary-200);border-radius:999px;align-items:center;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}a.bestemming-badge:hover{background:var(--primary-100)}.bestemming-plan{color:var(--gray-500);font-size:12px}.bestemming-plan a{color:var(--primary-600);text-decoration:underline}.map-panel-actions{flex-direction:column;gap:8px;display:flex}.map-panel-actions .btn{width:100%;padding:11px 16px;font-size:13.5px}.btn.is-vergrendeld{opacity:.55}:root:has(.meekijk-balk) .map-app{top:var(--meekijk-h,40px)}.panel-hint{color:var(--gray-500);margin:-2px 0 2px;font-size:12px;line-height:1.5}.panel-hint b{color:var(--gray-800);font-weight:650}.map-panel-actions .action-row{gap:8px;display:flex}.map-panel-actions .action-row .btn{flex:1}.map-panel-actions .action-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);margin:6px 0 -2px;font-size:10.5px;font-weight:700}.map-toolbar{border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;background:#fff;gap:6px;padding:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.map-tool-btn{color:var(--gray-700);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;display:flex}.map-tool-btn svg{width:16px;height:16px}.map-tool-btn:hover{background:var(--gray-100)}.map-tool-btn.is-active{background:var(--primary-600);color:#fff}.map-measure-info{bottom:calc(84px + var(--stack,0px));background:var(--gray-900);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:20;text-align:center;padding:10px 18px;font-size:13px;font-weight:600;line-height:1.5;display:none;position:absolute;left:50%;transform:translate(-50%)}.map-measure-info.is-visible{display:block}.stapel-1{--stack:66px}.stapel-2{--stack:132px}.stapel-3{--stack:198px}.map-measure-info .info-acties{justify-content:center;gap:6px;margin-top:8px;display:flex}.map-measure-info .info-acties button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff40;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600}.map-measure-info .info-acties button:hover{background:#ffffff38}.map-measure-info small{color:#fff9;font-size:11px;font-weight:400;display:block}.map-layers .layers-subtitle{border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.map-weergaven{flex-direction:column;gap:2px;display:flex}.legend-collapse{width:20px;height:20px;color:var(--gray-400);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex}.legend-collapse:hover{background:var(--gray-100);color:var(--gray-700)}.legend-collapse svg{transition:transform .2s}.legend-collapse[aria-expanded=false] svg{transform:rotate(-90deg)}.map-legend{max-height:min(320px,100vh - 420px);transition:max-height .2s var(--ease-out-expo), opacity .15s, margin-top .2s;margin-top:4px;padding:0 8px 4px;overflow-y:auto}.map-legend.is-collapsed{opacity:0;max-height:0;margin-top:0;overflow:hidden}.map-legend .legend-kop{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-400);margin:10px 0 4px;font-size:11px;font-weight:700}.map-legend .legend-sub{color:var(--gray-500);margin-bottom:8px;font-size:11.5px;line-height:1.45}.map-legend .legend-items{margin:0;padding:0;list-style:none}.map-legend .legend-items li{color:var(--gray-700);grid-template-columns:12px 12px auto;align-items:baseline;column-gap:8px;padding:3px 0;font-size:12px;display:grid}.map-legend .legend-items li.is-absent{opacity:.32}.map-legend .legend-swatch{border-radius:3px;align-self:center;width:12px;height:12px}.map-legend .legend-items b{color:var(--gray-800);font-weight:700}.map-legend .legend-marge{color:var(--gray-800);font-weight:600}.map-legend .legend-naam{color:var(--gray-400);grid-column:3;font-size:11px;display:block}.map-legend .legend-items-status li,.map-legend .legend-items-basis li{grid-template-columns:12px auto}.map-legend .legend-items-status .legend-naam,.map-legend .legend-items-basis .legend-naam{grid-column:2;line-height:1.4}.map-legend .legend-swatch-vlak{background-color:var(--legend-kleur)}.map-legend .legend-swatch-lijn{border-top:2.5px solid var(--legend-kleur);border-radius:0;height:0}.map-legend .legend-swatch-lijn-dun{border-top:1px solid var(--legend-kleur);border-radius:0;height:0}.map-legend .legend-swatch-streep{border-top:2.5px dashed var(--legend-kleur);border-radius:0;height:0}.map-legend .legend-swatch-tekst{text-align:center;color:var(--legend-kleur);background:0 0;border-radius:0;font-size:11px;font-weight:700;line-height:12px}.map-legend .legend-swatch-tekst:before{content:"12"}.map-legend .legend-note{border-top:1px solid var(--gray-100);color:var(--gray-500);margin-top:10px;padding-top:10px;font-size:11px;line-height:1.45}.map-legend .legend-note:empty,.map-tool-btn-mobiel{display:none}.map-hover-tip{z-index:21;background:var(--gray-900);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:nowrap;pointer-events:none;padding:7px 11px;font-size:12.5px;line-height:1.35;position:absolute}.map-hover-tip b{font-weight:700;display:block}.map-hover-tip span{color:#ffffffa6;font-size:11.5px}.map-context{z-index:40;border-radius:var(--radius-sm);min-width:208px;box-shadow:var(--shadow-lg);background:#fff;padding:6px;position:absolute}.map-context button{width:100%;color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:9px 12px;font-family:inherit;font-size:13.5px;display:block}.map-context button:hover{background:var(--primary-50);color:var(--primary-700)}.map-sneltoetsen{z-index:45;background:#18181b73;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sneltoetsen-kaart{border-radius:var(--radius-lg);width:min(420px,100vw - 32px);max-height:calc(100dvh - 64px);box-shadow:var(--shadow-xl);background:#fff;padding:20px 22px 18px;overflow-y:auto}.sneltoetsen-kop{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sneltoetsen-kop h2{color:var(--gray-900);font-size:17px}.map-sneltoetsen dl{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin:0;display:grid}.map-sneltoetsen dt{border:1px solid var(--gray-200);background:var(--gray-50);min-width:26px;color:var(--gray-700);text-align:center;border-bottom-width:2px;border-radius:6px;justify-self:start;padding:3px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:600}.map-sneltoetsen dd{color:var(--gray-700);margin:0;font-size:13.5px}.sneltoetsen-voet{border-top:1px solid var(--gray-100);color:var(--gray-500);margin-top:16px;padding-top:12px;font-size:12.5px}.map-tool-btn-desktop{padding:9px 11px}.map-tool-btn-desktop svg{width:17px;height:17px}.map-toast{background:var(--gray-900);color:#fff;border-radius:var(--radius);z-index:30;opacity:0;pointer-events:none;padding:10px 18px;font-size:13px;transition:opacity .3s;position:absolute;top:84px;left:50%;transform:translate(-50%)}.map-toast.is-visible{opacity:1}@media (width<=720px),(height<=520px) and (orientation:landscape){.map-app{--veilig-onder:env(safe-area-inset-bottom,0px);--balk-h:60px;--onderrand:calc(var(--balk-h) + var(--veilig-onder))}.map-app.panel-open{--onderrand:calc(var(--panel-h,0px) + var(--balk-h))}.map-app.panel-vol{--onderrand:var(--panel-h,0px)}.map-topbar{top:calc(10px + env(safe-area-inset-top,0px));left:max(10px, env(safe-area-inset-left,0px));right:max(10px, env(safe-area-inset-right,0px));flex-wrap:nowrap;align-items:center;gap:8px}.map-logo{border-radius:var(--radius-sm);padding:9px}.map-logo .logo-text{display:none}.map-logo .logo-mark{width:26px;height:26px}.map-topbar:has(.map-search input:focus) .map-logo{display:none}.map-search{flex:auto;min-width:0;max-width:none}.map-search input{appearance:none;padding:12px 12px 12px 40px;font-size:16px}.map-search .search-icon{width:17px;height:17px;left:12px}.map-search-results{max-height:min(50dvh,340px)}.map-search-result{min-height:48px;padding:14px 16px;font-size:15px}.map-layers{z-index:26;min-width:0;padding:0 14px calc(14px + var(--veilig-onder));overscroll-behavior:contain;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:min(82dvh,100dvh - 70px);box-shadow:var(--shadow-xl);visibility:hidden;transition:transform .3s var(--ease-out-expo), visibility .3s;gap:0;margin:0;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(101%)}.map-layers.is-open{visibility:visible;transform:translateY(0)}.map-basemaps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.map-basemaps .map-layer-btn{text-align:center;border:1px solid var(--gray-200);flex-direction:column;justify-content:center;gap:6px;padding:14px 6px;font-size:13px}.map-basemaps .map-layer-btn.is-active{border-color:var(--primary-300)}.map-basemaps .map-layer-btn svg{width:20px;height:20px}.map-weergaven .map-layer-btn,#year-slider-wrap .map-layer-btn{min-height:48px;padding:13px 12px;font-size:14.5px}.map-weergaven{gap:4px}.map-layers .layers-subtitle{margin-top:14px;padding-top:14px}.map-year-slider input[type=range]{height:30px}.map-legend{max-height:none;padding:0;overflow:visible}.map-legend.is-collapsed{max-height:0;overflow:hidden}.map-legend .legend-items li{padding:5px 0;font-size:13px}.map-legend .legend-naam{font-size:12px}.legend-collapse{width:32px;height:32px}.map-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:none;max-height:min(50dvh,100dvh - 150px);padding-bottom:var(--veilig-onder);z-index:22;inset:auto 0 0;transform:translateY(101%)}.map-panel.is-open{transform:translateY(0)}.map-app.panel-vol .map-panel{max-height:calc(100dvh - 56px)}.map-panel.is-dragging{transition:none}.sheet-greep{touch-action:none;cursor:grab;flex-shrink:0;padding:10px 0;display:block}.sheet-greep:before{content:"";background:var(--gray-300);border-radius:999px;width:40px;height:4px;margin:0 auto;display:block}.sheet-kop{letter-spacing:normal;text-transform:none;color:var(--gray-900);padding:0 0 10px;font-size:16px;font-weight:700}.sheet-kop .map-panel-close{display:flex}.sheet-kop .lagen-collapse{display:none}.map-panel-header{padding:2px 16px 0}.map-panel-tabs{padding:10px 16px 0}.map-panel-tab{padding:11px 12px 12px;font-size:14px}.map-panel-body{overscroll-behavior:contain;padding:14px 16px 24px}.map-panel-close{width:38px;height:38px}.map-panel-close svg{width:16px;height:16px}.map-panel-actions .btn{padding:14px 16px;font-size:15px}.map-fact{padding:11px 12px}.map-fact span{font-size:13px}.map-fact strong{font-size:14.5px}.map-toolbar{max-width:none;padding:4px max(2px, env(safe-area-inset-left,0px)) calc(4px + var(--veilig-onder)) max(2px, env(safe-area-inset-right,0px));border-radius:var(--radius) var(--radius) 0 0;z-index:23;transition:transform .3s var(--ease-out-expo), bottom .35s var(--ease-out-expo);gap:0;bottom:0;left:0;right:0;transform:none;box-shadow:0 -6px 24px #0000001a}.map-app.panel-open .map-toolbar{bottom:var(--panel-h,0px);padding-bottom:4px}.map-app.panel-vol .map-toolbar,.map-app.sheet-open .map-toolbar{bottom:0;transform:translateY(120%)}.map-tool-btn{letter-spacing:-.1px;border-radius:10px;flex-direction:column;flex:1 1 0;gap:3px;min-width:0;padding:7px 2px;font-size:9.5px}.map-tool-btn svg{width:21px;height:21px}.map-tool-btn .tool-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.map-tool-btn .tool-label[data-kort]{font-size:0}.map-tool-btn .tool-label[data-kort]:before{content:attr(data-kort);font-size:9.5px}.map-tool-btn-mobiel{display:flex}.map-tool-btn-desktop,.map-hover-tip,.map-context{display:none}.map-measure-info{max-width:none;left:8px;right:8px;bottom:calc(var(--onderrand) + 32px + var(--stack,0px));padding:11px 14px;font-size:13.5px;transform:none}.stapel-1{--stack:62px}.stapel-2{--stack:124px}.stapel-3{--stack:186px}.map-measure-info .info-acties button{padding:9px 14px;font-size:13px}.map-app .maplibregl-ctrl-bottom-left,.map-app .maplibregl-ctrl-bottom-right{bottom:calc(var(--onderrand) + 4px)}.map-app .maplibregl-ctrl-top-right{top:calc(64px + env(safe-area-inset-top,0px))}.map-app .maplibregl-ctrl-group button{width:38px;height:38px}.map-toast{top:calc(70px + env(safe-area-inset-top,0px));max-width:calc(100vw - 32px)}#compare-handle:after{content:"";position:absolute;inset:0 -20px}.compare-grip{width:44px;height:44px}.compare-label{top:178px}}@media (hover:none){.map-tool-btn:hover,.map-layer-btn:hover,.legend-collapse:hover{background:0 0}.map-search-result:hover{color:var(--gray-700);background:0 0}.map-search-result.is-active{background:var(--primary-50);color:var(--primary-700)}}@media (width<=900px) and (orientation:landscape) and (height<=520px){.map-panel{top:calc(64px + env(safe-area-inset-top,0px));bottom:calc(var(--balk-h) + 8px);left:max(10px, env(safe-area-inset-left,0px));border-radius:var(--radius-lg);width:300px;max-height:none;padding-bottom:0;right:auto;transform:translate(-115%)}.map-panel.is-open{transform:translate(0)}.map-panel .sheet-greep{display:none}.map-app.panel-open,.map-app.panel-vol{--onderrand:calc(var(--balk-h) + var(--veilig-onder))}.map-app.panel-open .map-toolbar{padding-bottom:calc(4px + var(--veilig-onder));bottom:0}.map-app.panel-vol .map-toolbar{transform:none}.map-layers{max-height:calc(100dvh - 56px)}}