/* ===== plekken (sectie /sights/: De 200 mooiste plekken / Top 200 sights; hoort bij tools/sights_src.py). Bouwt voort op feesten.css + tempels.css; body = "t-feesten t-tempels t-plekken" ===== */
.t-plekken{--acc:#e0457b;--acc-soft:#ffe0ee;--hero:#ffd6e8}
.t-plekken .c-hero{background-color:#ffd6e8;background-image:radial-gradient(circle at 12% 88%,#ffe7a3 0 90px,transparent 91px),radial-gradient(circle at 92% 12%,#c9f2ff 0 70px,transparent 71px)}
.t-plekken .pk-art{background:#fff;border:3px solid var(--ink);border-radius:26px;box-shadow:5px 6px 0 var(--shadow);padding:10px;transform:rotate(1.2deg)}
.t-plekken .pk-art .main.art{max-height:300px;width:100%;height:auto;border-radius:18px}
.t-plekken .c-card figure.noph{background:#ffe0ee}
.t-plekken .c-card figure.noph img{object-fit:cover;width:100%;height:100%}
/* hele kaart klikbaar */
.pk-card{position:relative}
.pk-card .pk-stretch::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.pk-card figcaption{position:absolute;z-index:2}.pk-card figcaption a{position:relative;z-index:3}
.pk-card:hover{transform:translateY(-3px) rotate(-.4deg)}
.pk-card:focus-within{outline:3px solid var(--acc);outline-offset:3px}
.pk-card.gem{background:#fffaf0}
.pk-card.gem::before{content:"💎";position:absolute;top:8px;right:10px;z-index:3;font-size:26px;transform:rotate(12deg);filter:drop-shadow(2px 2px 0 rgba(35,35,59,.25))}
.c-badge.pk-gb{background:#c9f2ff}
/* filters */
.pk-tools{flex-wrap:wrap}
.pk-gem{font-weight:700}
.pk-gem.on{background:#c9f2ff}
/* provinciegroepen */
.pk-pv{margin:0 0 30px}
.pk-pv.hide{display:none}
.pk-pvh{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:24px;margin:28px 0 12px;padding:6px 14px;background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:3px 4px 0 var(--shadow);width:max-content;max-width:100%}
.pk-pv:nth-child(odd) .pk-pvh{transform:rotate(-.6deg)}.pk-pv:nth-child(even) .pk-pvh{transform:rotate(.5deg)}
.pk-pvh small{font-size:15px;font-weight:600;opacity:.75}
/* maandbalk */
.pk-mbar{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;list-style:none;margin:12px 0;padding:0}
.pk-mbar li{border:2.5px solid var(--ink);border-radius:12px;text-align:center;padding:6px 2px;font-size:14px;line-height:1.2}
.pk-mbar li b{display:block}
.pk-mbar li span{display:block;font-size:11px;opacity:.85}
.pk-mbar.s{gap:2px;margin:8px 0 4px}
.pk-mbar.s li{border-width:2px;border-radius:7px;padding:2px 0;font-size:11px}
.mb-g{background:#7be0a8}.mb-o{background:#ffe27a}.mb-p{background:#ffc2cc}
.pk-when .pk-good{font-weight:700;font-size:18px}
.pk-mlist{list-style:none;padding:0;margin:10px 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px}
.pk-mlist li{border:2.5px solid var(--ink);border-radius:14px;padding:8px 12px;font-size:15px;line-height:1.4}
.pk-mlist li b{display:block}
.pk-full{background:#c9f2ff;margin-top:16px}
@media (max-width:700px){.pk-mbar li span{display:none}.pk-mbar li{font-size:12px;padding:5px 0}.pk-pvh{font-size:20px}}
@media (prefers-reduced-motion:reduce){.pk-card:hover,.pk-pvh{transform:none!important}}
@media (max-width:900px){.t-plekken .c-dec.cld1{display:none}}