:root{--blue: #064ca5;--blue-dark: #053c82;--porcelain: #edf6ff;--ink: #10233e;--mint: #ccefdc;--yellow: #ffd85a;--amber: #995100;--white: #fff;--line: #cbddef;--grey: #4c6684;--shadow: rgba(16, 35, 62, .1);--font: ui-rounded, "SF Pro Rounded", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--radius: 1.5rem}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--porcelain);scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:1rem/1.55 var(--font)}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.75rem 1rem;border-radius:1rem;color:var(--white);background:var(--blue)}.skip:focus{top:1rem}.wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--white) 94%,transparent);backdrop-filter:blur(12px)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo{display:flex;align-items:center;gap:.65rem;color:var(--blue);font-weight:850;text-decoration:none;letter-spacing:-.02em}.logo-mark,.sign{display:grid;place-items:center;flex:0 0 auto;color:var(--white);background:var(--blue);border:4px solid var(--white);box-shadow:0 0 0 2px var(--blue)}.logo-mark{width:44px;height:44px;border-radius:13px}.nav-links{display:flex;align-items:center;gap:.25rem}.nav-links a{min-height:44px;display:grid;place-items:center;padding:.5rem .85rem;border-radius:999px;font-weight:700;text-decoration:none}.nav-links a:hover{background:var(--porcelain)}.live-dot{width:.5rem;height:.5rem;margin-left:.4rem;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px color-mix(in srgb,var(--blue) 15%,transparent)}.hero{overflow:hidden;position:relative;text-align:center;padding:clamp(4rem,10vw,8rem) 0 3rem;background-color:var(--porcelain);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:44px 44px}.hero:before,.hero:after{content:"";position:absolute;left:50%;top:48%;width:48rem;aspect-ratio:1;border:2px solid var(--line);border-radius:50%;transform:translate(-50%,-50%);animation:ripple 5s ease-in-out infinite}.hero:after{width:35rem;animation-delay:-2.5s}@keyframes ripple{50%{transform:translate(-50%,-50%) scale(1.06);opacity:.35}}.hero-content{position:relative;z-index:1}.eyebrow{margin:0 0 .75rem;color:var(--blue);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}h1,h2,h3{margin-top:0;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}h1{margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5.6rem)}h2{font-size:clamp(1.7rem,4vw,2.6rem)}h3{font-size:1.15rem}p{text-wrap:pretty}.lede{max-width:720px;margin:0 auto 2rem;font-size:1.12rem}.lede-left{margin-left:0}.hl{color:var(--blue)}.meta{color:var(--grey);font-size:.95rem}.search{position:relative;max-width:720px;min-height:64px;margin:0 auto;display:flex;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1.25rem;border:2px solid var(--blue);border-radius:999px;background:var(--white);box-shadow:0 12px 30px var(--shadow)}.search input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:1.05rem}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.2rem;border:0;border-radius:999px;white-space:nowrap;color:var(--white);background:var(--blue);font-weight:800;text-decoration:none;cursor:pointer}.btn:hover{filter:brightness(.9);color:var(--white)}.btn-yellow{color:var(--ink);background:var(--yellow)}.btn-yellow:hover{color:var(--ink)}.btn-full{width:100%}.btn[disabled]{opacity:.6;cursor:progress}#zoekresultaat{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);z-index:30;display:flex;flex-direction:column;overflow:hidden;text-align:left;border:1px solid var(--line);border-radius:1.25rem;background:var(--white);box-shadow:0 12px 30px var(--shadow)}#zoekresultaat:empty{display:none}#zoekresultaat a{padding:.7rem 1.2rem;text-decoration:none;font-weight:700;border-bottom:1px solid var(--line)}#zoekresultaat a:last-child{border-bottom:none}#zoekresultaat a:hover{background:var(--porcelain)}#zoekresultaat .geen{padding:.7rem 1.2rem;color:var(--grey)}#zoekresultaat .n{color:var(--grey);font-weight:400}.stats{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:2rem}.stat,.badge{display:inline-flex;align-items:center;min-height:34px;padding:.35rem .75rem;border-radius:999px;font-size:.88rem;font-weight:750}.stat{border:1px solid var(--line);background:var(--white)}.stat-wink{border-color:var(--yellow);background:var(--yellow)}.section{padding:clamp(3.5rem,8vw,6.5rem) 0}.section-soft{background:var(--porcelain)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.page-head{padding:2.5rem 0 1.5rem}.page-head h1{max-width:850px;font-size:clamp(2.4rem,6vw,4.5rem)}.crumbs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.9rem}.crumbs a{color:var(--blue)}.map{min-height:390px;position:relative;overflow:hidden;display:grid;place-items:center;border:2px solid var(--line);border-radius:calc(var(--radius) + .5rem);background-color:var(--porcelain);background-image:linear-gradient(32deg,transparent 45%,var(--line) 46% 48%,transparent 49%),linear-gradient(140deg,transparent 44%,var(--line) 45% 48%,transparent 49%);background-size:150px 100px}.map-card{padding:1rem 1.25rem;border-radius:1rem;background:var(--white);box-shadow:0 12px 30px var(--shadow);font-weight:800}#map{position:absolute;inset:0;z-index:1}.provinces{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.province{padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}.province ul{margin:0;padding:0;display:grid;gap:.35rem;list-style:none}.province a{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--line);text-decoration:none}.province a:hover{color:var(--blue)}.province a span{color:var(--grey);font-size:.85rem}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;padding:1rem 0 2rem}.filters .filterlabel{color:var(--grey);font-weight:800}.filter{position:relative;min-height:44px;display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;border:2px solid var(--line);border-radius:999px;background:var(--white);font-weight:800;cursor:pointer}.filter input{position:absolute;width:1px;height:1px;opacity:.001}.filter:has(input:checked){color:var(--white);border-color:var(--blue);background:var(--blue)}.filter:has(input:checked):before{content:"✓"}.filter:has(input:focus-visible){outline:4px solid var(--yellow);outline-offset:3px}.group{margin:2rem 0 3rem}.group-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.15rem}.group-title:after{content:"";height:1px;flex:1;background:var(--line)}.card-list{display:grid;gap:1rem}.toilet-card{display:grid;grid-template-columns:140px 1fr;gap:1.35rem;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 8px 24px var(--shadow)}.sign{width:140px;min-height:140px;border-radius:1.25rem;font-size:3rem;overflow:hidden}.sign img{width:100%;height:100%;object-fit:cover}.card-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.card-top h3{margin-bottom:.25rem;font-size:1.35rem}.card-top h3 a{text-decoration:none}.card-top h3 a:hover{color:var(--blue)}.address{margin:0 0 1rem;color:var(--grey)}.badges{display:flex;flex-wrap:wrap;gap:.45rem}.badge-positive{color:var(--ink);background:var(--mint)}.badge-neutral{color:var(--blue);background:var(--porcelain)}.badge-warning{color:var(--amber);border:1px solid var(--amber);background:var(--white)}.status-open{color:var(--ink);background:var(--mint)}.status-closed{color:var(--white);background:var(--ink)}.status-unknown{color:var(--amber);background:var(--yellow)}.detail-layout{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:clamp(2rem,5vw,5rem);padding:2.5rem 0 4rem;align-items:start}.sidebar{position:sticky;top:96px;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--porcelain)}.sidebar h2{font-size:1.3rem}.mini-map{min-height:210px;display:grid;place-items:center;margin:1rem 0;border:1px solid var(--line);border-radius:1.25rem;background:var(--white);font-weight:800}.detail-hero{padding-bottom:2.5rem;border-bottom:1px solid var(--line)}.detail-hero h1{font-size:clamp(2.4rem,6vw,4.6rem)}.content-section{padding:2.5rem 0;border-bottom:1px solid var(--line)}.content-section h2{font-size:1.7rem}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0 2rem;margin:0}.fact{padding:1rem 0;border-bottom:1px solid var(--line)}.fact dt{color:var(--blue);font-size:.85rem;font-weight:800}.fact dd{margin:.25rem 0 0;font-weight:750}.hours{list-style:none;margin:0;padding:0;max-width:30rem}.hours li{padding:.75rem 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.hours li:last-child{border-bottom:none}.rating{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.rating button{min-width:48px;min-height:48px;display:grid;place-items:center;cursor:pointer;border:2px solid var(--line);border-radius:1rem;background:var(--white);font-size:1.35rem}.rating button:hover{border-color:var(--blue)}.rating button.aan{border-color:var(--blue);background:var(--porcelain);box-shadow:inset 0 0 0 2px var(--blue)}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}.photo{margin:0}.photo a,.photo div{min-height:200px;display:grid;place-items:center;overflow:hidden;border-radius:1.25rem;color:var(--white);background:var(--blue);font-size:2.5rem}.photo img{width:100%;height:200px;object-fit:cover}.photo figcaption{padding-top:.5rem;font-size:.9rem;color:var(--grey)}.form{display:grid;gap:1rem;max-width:32rem}.field{display:grid;gap:.35rem;font-weight:750}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:.75rem 1rem;border:2px solid var(--line);border-radius:.9rem;color:var(--ink);background:var(--white)}.field textarea{min-height:5rem;font-weight:400}.check{min-height:44px;display:flex;align-items:center;gap:.75rem;font-weight:750}.check input{width:22px;height:22px;accent-color:var(--blue)}details{border:1px solid var(--line);border-radius:var(--radius);background:var(--porcelain)}summary{min-height:56px;display:flex;align-items:center;padding:1rem 1.25rem;font-weight:850;cursor:pointer}details .form{padding:0 1.25rem 1.25rem}.gesloten-melding{margin:.5rem 0 1rem;color:var(--amber);font-weight:800}.prose{max-width:44rem}.prose h1{font-size:clamp(2.2rem,5vw,3.4rem)}.prose h2{font-size:1.6rem;margin-top:2.5rem}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote{margin:1rem 0}.prose li{margin:.35rem 0}.prose a{color:var(--blue)}.prose table{border-collapse:collapse;width:100%;font-size:.95rem}.prose td,.prose th{border:1px solid var(--line);padding:.6rem .8rem;text-align:left}.prose th{background:var(--porcelain)}.prose blockquote{margin-inline:0;padding:1rem 1.25rem;border-left:4px solid var(--yellow);border-radius:0 1rem 1rem 0;background:var(--porcelain)}.prose img{max-width:100%;height:auto;border-radius:1.25rem}.zieook{max-width:44rem;margin-top:2.5rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--porcelain)}.zieook h2{font-size:1.15rem;margin-bottom:.75rem}.cols{columns:2 13rem;gap:2rem;margin:0;padding-left:1.1rem;font-size:.95rem}.cols li{break-inside:avoid;margin:.2rem 0}.cols .n{color:var(--grey);font-size:.85rem}.card{display:block;padding:1.25rem 1.5rem;margin:.85rem 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:0 8px 24px var(--shadow);text-decoration:none}.card:hover{border-color:var(--blue)}.card h3{margin-bottom:.25rem}.delen{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:2.5rem 0 0}.delen .label{color:var(--grey);font-size:.92rem}.delen a,.delen .kopieer{min-height:40px;display:inline-flex;align-items:center;cursor:pointer;padding:.35rem .9rem;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--grey);font-size:.9rem;text-decoration:none}.delen a:hover,.delen .kopieer:hover{color:var(--ink);border-color:var(--blue)}footer{padding:2rem 0;color:var(--white);background:var(--blue)}footer a{color:var(--white)}#tipvouw{display:inline;border:0;background:none}#tipvouw summary{display:inline;min-height:0;padding:0;color:var(--white);text-decoration:underline}#tipform{display:grid;gap:.5rem;max-width:26rem;margin-top:.75rem;padding:0}#tipform textarea{min-height:5rem;padding:.75rem 1rem;border:2px solid var(--white);border-radius:.9rem;color:var(--ink);background:var(--white)}@media(max-width:780px){.nav{flex-wrap:wrap}.nav-links a{padding:.5rem .6rem;font-size:.9rem}.provinces,.detail-layout{grid-template-columns:1fr}.sidebar{position:static;order:2}.toilet-card{grid-template-columns:86px 1fr;gap:1rem}.sign{width:86px;min-height:100px;font-size:2rem}.card-top{display:block}.card-top .badge{margin-bottom:.65rem}.facts{grid-template-columns:1fr}.search{padding-left:1rem}.search .btn{width:48px;padding:0;font-size:0}.search .btn:after{content:"→";font-size:1.2rem}.cols{columns:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}