.kaart-main{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-3) var(--space-3) var(--space-5);box-sizing:border-box;color:var(--color-text)}.kaart-pagina{display:grid;grid-gap:var(--space-3);gap:var(--space-3);min-width:0}.kaart-kop h1{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,1.3rem + 2.2vw,2.6rem);line-height:1.05;overflow-wrap:anywhere}.kaart-kop p{margin:var(--space-2) 0 0;max-width:56ch;color:var(--color-text-dim);line-height:1.5}.kaart-schil{position:relative;height:min(70dvh,44rem);min-height:360px;border-radius:var(--radius-lg);border:1px solid color-mix(in oklch,var(--color-gold) 26%,var(--color-night-border));background:var(--color-surface-2);overflow:hidden}.kaart-kaart,.kaart-wacht{width:100%;height:100%}.kaart-fout,.kaart-wacht{display:grid;place-items:center;height:100%;margin:0;padding:var(--space-3);box-sizing:border-box;color:var(--color-text-dim);text-align:center}.kaart-kaart .maplibregl-ctrl-group{border:1px solid color-mix(in oklch,var(--color-gold) 24%,var(--color-night-border));border-radius:var(--radius-sm);overflow:hidden}.kaart-kaart .maplibregl-ctrl-group button{width:44px;height:44px;background:var(--color-surface)}.kaart-kaart .maplibregl-canvas:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.kaart-paneel{position:absolute;inset-inline:var(--space-2);bottom:var(--space-2);z-index:2;max-height:60%;overflow-y:auto;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 16px 40px color-mix(in oklab,var(--color-shadow-ink) 22%,transparent)}.kaart-paneel-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.kaart-paneel h2{margin:0;font-family:var(--font-display);font-size:1.3rem;line-height:1.2;overflow-wrap:anywhere}.kaart-paneel h2:focus{outline:none}.kaart-paneel h2:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.kaart-paneel-sluit{flex:none;width:44px;height:44px;margin:calc(var(--space-1) * -1) calc(var(--space-1) * -1) 0 0;border:0;border-radius:50%;background:transparent;color:var(--color-text-dim);font-size:1.6rem;line-height:1;cursor:pointer}.kaart-paneel-sluit:focus-visible,.kaart-paneel-sluit:hover{background:var(--color-surface-2);color:var(--color-text)}.kaart-paneel-ar{margin:var(--space-1) 0 0;font-size:1.15rem}.kaart-paneel-bij{margin:var(--space-1) 0 0;color:var(--color-text-dim)}.kaart-paneel-acties{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.kaart-knop{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);border-radius:999px;border:1px solid var(--color-border-strong);color:var(--color-text);font-weight:600;text-decoration:none;transition:background var(--duration-fast) var(--ease-calm)}.kaart-knop:hover{background:var(--color-surface-2)}.kaart-knop-hoofd{border-color:transparent;background:var(--color-green);color:var(--color-on-gold)}.kaart-knop-hoofd:hover{background:color-mix(in oklch,var(--color-green) 85%,var(--color-text))}.kaart-knop:focus-visible,.kaart-lijst button:focus-visible,.kaart-lijst summary:focus-visible,.kaart-paneel-osm:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.kaart-paneel-osm{color:var(--color-text-dim);font-size:.9rem}.kaart-lijst{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.kaart-lijst summary{min-height:44px;display:flex;align-items:center;padding:0 var(--space-3);font-weight:600;cursor:pointer}.kaart-lijst p{margin:0;padding:0 var(--space-3) var(--space-3);color:var(--color-text-dim)}.kaart-lijst ul{list-style:none;margin:0;padding:0 var(--space-2) var(--space-2);display:grid;grid-gap:var(--space-1);gap:var(--space-1);max-height:22rem;overflow-y:auto}.kaart-lijst button{width:100%;min-height:44px;padding:0 var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:start;overflow-wrap:anywhere;cursor:pointer}.kaart-lijst button:hover,.kaart-lijst button[aria-pressed=true]{background:var(--color-surface-2)}.kaart-voet{color:var(--color-text-dim);font-size:.9rem}.kaart-voet p{margin:0 0 var(--space-1)}.kaart-voet a{color:inherit}@media (min-width:900px){.kaart-paneel{inset-inline-start:auto;inset-inline-end:var(--space-3);top:var(--space-3);bottom:auto;width:22rem;max-height:calc(100% - 2 * var(--space-3))}}