/* Donkere originele stijl (cyaan/neon op #040814) voor blog, FAQ en Over ons. Alleen onder body.wph-dark. */
body.wph-dark{--ws-paper:#040814;--ws-line:rgba(255,255,255,.1);--ws-navy:#fff;--ws-navy-2:#dcecff;--ws-text:#c3d3e8;--ws-muted:#8ca0ba;--ws-ink:#f0f4fc;--ws-tint:#0b132b;--ws-shadow-soft:0 12px 34px rgba(0,0,0,.45);--ws-shadow:0 18px 50px rgba(0,0,0,.55);background:#040814}
body.wph-dark main{background:#040814;color:#E5EDFA}
body.wph-dark .ws-section--paper,body.wph-dark .ws-section--white,body.wph-dark .ws-section--tint{background:radial-gradient(circle at 80% 0,rgba(0,102,255,0.07),transparent 45%),#040814;border-color:rgba(255,255,255,.06)}
body.wph-dark .ws-section h2,body.wph-dark .ws-section h3{color:#fff}
body.wph-dark .ws-section--paper a:not(.ws-btn),body.wph-dark .ws-faq-empty a{color:#00d2ff}
/* blog */
body.wph-dark .ws-post-card{background:rgba(11,19,43,.85);border:1px solid rgba(0,210,255,.18);box-shadow:0 14px 40px rgba(0,0,0,.5)}
body.wph-dark .ws-post-card:hover{border-color:rgba(0,210,255,.55);box-shadow:0 20px 50px rgba(0,102,255,0.125)}
body.wph-dark .ws-post-card__tag{background:rgba(0,210,255,.12);color:#00d2ff;border:1px solid rgba(0,210,255,.3)}
body.wph-dark .ws-post-card__body p,body.wph-dark .ws-post-card__meta{color:#C9D6E8}
body.wph-dark .ws-post-card h2 a,body.wph-dark .ws-post-card h3 a{color:#fff}
body.wph-dark .ws-post-card__more{color:#00d2ff}
body.wph-dark .wph-blog-filters a,body.wph-dark .wph-pagination .page-numbers{background:rgba(11,19,43,.85);border-color:rgba(255,255,255,.14);color:#E5EDFA}
body.wph-dark .wph-blog-filters a[aria-current=true],body.wph-dark .wph-pagination .page-numbers.current{background:linear-gradient(135deg,#0066ff,#00d2ff);border-color:transparent;color:#041022}
/* faq */
body.wph-dark .ws-faq__item{background:rgba(11,19,43,.85);border:1px solid rgba(255,255,255,.1);box-shadow:none}
/* over ons */
body.wph-dark .wph-about p{color:#E5EDFA}
body.wph-dark .wph-about h2{color:#fff;padding-top:.4rem;border-top:1px solid rgba(0,210,255,.2)}
body.wph-dark .wph-about__closing{padding:22px;border:1px solid rgba(0,210,255,.3);border-radius:16px;background:rgba(11,19,43,.85)}
body.wph-dark .wph-about__closing strong{color:#fff}
body.wph-dark a:focus-visible,body.wph-dark summary:focus-visible,body.wph-dark button:focus-visible{outline:3px solid #ffb944;outline-offset:3px}
body.wph-dark .ws-btn--primary{color:#041022!important}
body.wph-dark .ws-tool-card,body.wph-dark .ws-section .ws-tool-card{background:rgba(11,19,43,.9);border-color:rgba(0,210,255,.2);color:#E5EDFA}
body.wph-dark .ws-tool-card h3,body.wph-dark .ws-tool-card strong{color:#fff}
body.wph-dark .ws-tool-card p{color:#C9D6E8}
/* Over ons: persoonlijke introductie met profielfoto in een rondje */
.wph-about-wrap{max-width:980px}
.wph-about-intro{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,4vw,56px);align-items:center;margin-bottom:28px}
.wph-about__photo{margin:0;text-align:center}
.wph-about__photo img,.wph-about__placeholder{display:block;width:clamp(180px,22vw,280px);height:clamp(180px,22vw,280px);margin:0 auto;border-radius:50%;object-fit:cover;object-position:50% 30%;border:3px solid #00d2ff;box-shadow:0 0 0 6px rgba(0,210,255,0.06),0 0 40px rgba(0,102,255,0.175),0 18px 40px rgba(0,0,0,.55);background:#0b132b}
.wph-about__placeholder{display:grid;place-items:center;color:#00d2ff}
.wph-about__placeholder svg{width:62%;height:62%}
.wph-about__photo figcaption{margin-top:16px;color:#C9D6E8;font-size:0.9375rem}
.wph-about__photo figcaption strong{display:block;color:#fff;font-size:1.15rem}
.wph-about__eyebrow{margin:0 0 8px!important;color:#00d2ff!important;font-size:0.875rem!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.wph-about__lead p{max-width:62ch}
.wph-about__values{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 34px;padding:0}
.wph-about__values li{padding:9px 16px;border:1px solid rgba(0,210,255,.35);border-radius:999px;background:rgba(0,210,255,.08);color:#E5EDFA;font-weight:700;font-size:0.9375rem}
.wph-about{max-width:760px}
@media(max-width:700px){.wph-about-intro{grid-template-columns:1fr;text-align:left}.wph-about__photo{margin:0 auto}}