/* DeZaak.online websitescan · rapport. Wit papier, donkere inkt, oranje accent. */
.wsr{--wsr-ink:#17191e;--wsr-muted:#565c65;--wsr-line:#e5dfd9;--wsr-paper:#fffdfb;--wsr-pale:#fff0e5;--wsr-pale2:#fff8f2;--wsr-rust:#a73317;--wsr-red:#f04324;--wsr-orange:#ff782d;--wsr-light:#ff982f;--wsr-grad:linear-gradient(115deg,#f04324 0%,#ff782d 52%,#ff982f 100%);--wsr-good:#1f6b45;--wsr-good-bg:#e6f3ec;--wsr-warn:#8a4b00;--wsr-warn-bg:#fff1d6;--wsr-fail:#b3261e;--wsr-fail-bg:#fde6e3;--wsr-info:#3d4f66;--wsr-info-bg:#eaf0f6;--wsr-radius:20px;color:var(--wsr-ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:980px;margin:0 auto;padding:0 0 48px}
.wsr *{box-sizing:border-box}
.wsr h1,.wsr h2,.wsr h3,.wsr h4{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.03em;line-height:1.2;margin:0}
.wsr h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;margin:6px 0 18px;overflow-wrap:anywhere}
.wsr h2{font-size:clamp(1.45rem,3vw,1.9rem);font-weight:800;color:var(--wsr-rust);margin-bottom:6px}
.wsr h3{font-size:1.12rem;font-weight:750}
.wsr h4{font-size:1rem;font-weight:750}
.wsr p{margin:0 0 10px;overflow-wrap:break-word}
.wsr a{color:var(--wsr-rust);text-underline-offset:3px}
.wsr a:focus-visible{outline:3px solid #cf491d;outline-offset:3px;border-radius:4px}
.wsr code{font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--wsr-pale2);border:1px solid var(--wsr-line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere}
.wsr section{margin-top:44px}
.wsr-sub{color:var(--wsr-muted);font-size:.96rem;margin-bottom:18px!important}

/* Kop */
.wsr-hero{padding:34px 0 8px;border-bottom:1px solid var(--wsr-line)}
.wsr-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;text-transform:uppercase;font-size:.82rem;font-weight:800;letter-spacing:.12em;color:var(--wsr-rust)}
.wsr-eyebrow:before{content:"";width:28px;height:3px;border-radius:3px;background:var(--wsr-grad)}
.wsr-sample{display:inline-block;text-transform:none;letter-spacing:0;font-weight:700;font-size:.82rem;background:var(--wsr-pale);border:1px solid #f1cdb3;color:var(--wsr-rust);border-radius:999px;padding:3px 12px}
.wsr-domain{color:var(--wsr-rust)}
.wsr-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;margin:0 0 18px}
.wsr-meta dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--wsr-muted);font-weight:700}
.wsr-meta dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.wsr-actions{margin:18px 0 8px}
.wsr-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;background:var(--wsr-grad);color:var(--wsr-ink)!important;font-weight:750;text-decoration:none;box-shadow:0 5px 0 #b93c191c}
.wsr-button:hover{transform:translateY(-2px)}

/* Samenvatting */
.wsr-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0}
.wsr-ring{margin:0;background:#fff;border:1px solid var(--wsr-line);border-radius:var(--wsr-radius);padding:18px 12px 14px;text-align:center}
.wsr-ring svg{width:112px;height:112px;display:block;margin:0 auto 8px}
.wsr-ring-track{fill:none;stroke:#efe9e3;stroke-width:11}
.wsr-ring-value{fill:none;stroke-width:11;stroke-linecap:round;stroke:var(--wsr-muted)}
.wsr-ring-num{font:800 34px Manrope,system-ui,sans-serif;fill:var(--wsr-ink)}
.wsr-ring figcaption strong{display:block;font-size:.98rem}
.wsr-ring figcaption span{font-size:.85rem;font-weight:700}
.wsr-band-goed .wsr-ring-value{stroke:#2e8b57}.wsr-band-matig .wsr-ring-value{stroke:#e8811d}.wsr-band-slecht .wsr-ring-value{stroke:#d63a1f}
.wsr-ring.wsr-band-goed figcaption span,.wsr-legend .wsr-band-goed{color:var(--wsr-good)}
.wsr-ring.wsr-band-matig figcaption span,.wsr-legend .wsr-band-matig{color:var(--wsr-warn)}
.wsr-ring.wsr-band-slecht figcaption span,.wsr-legend .wsr-band-slecht{color:var(--wsr-fail)}
.wsr-overall{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--wsr-pale);border:1px solid #f1d6c1;border-radius:var(--wsr-radius);padding:18px 22px}
.wsr-overall-score span{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--wsr-rust)}
.wsr-overall-score strong{font:800 2.6rem/1 Manrope,system-ui,sans-serif;letter-spacing:-.04em}
.wsr-overall-score small{font-size:1rem;color:var(--wsr-muted);font-weight:600}
.wsr-counts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wsr-counts li{background:#fff;border:1px solid var(--wsr-line);border-radius:999px;padding:6px 14px;font-size:.92rem}
.wsr-counts li:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--wsr-muted)}
.wsr-counts .wsr-st-fout:before{background:var(--wsr-fail)}.wsr-counts .wsr-st-letop:before{background:#e8811d}.wsr-counts .wsr-st-goed:before{background:#2e8b57}
.wsr-counts-row{margin-top:16px}
.wsr-legend{font-size:.86rem;color:var(--wsr-muted);margin:12px 0 18px!important}
.wsr-legend span{font-weight:700}
.wsr-intro{background:#fff;border-left:5px solid var(--wsr-orange);border-radius:0 14px 14px 0;padding:14px 18px;font-size:1.02rem}
.wsr-note{background:var(--wsr-info-bg);border:1px solid #cfdbe8;border-radius:14px;padding:12px 16px;font-size:.94rem;color:#22324a}
.wsr-empty{color:var(--wsr-muted);font-style:italic}

/* Statuslabels */
.wsr-pill{display:inline-flex;align-items:center;white-space:nowrap;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;border:1px solid transparent;flex-shrink:0}
.wsr-pill-goed{background:var(--wsr-good-bg);color:var(--wsr-good);border-color:#bfe0cc}
.wsr-pill-letop{background:var(--wsr-warn-bg);color:var(--wsr-warn);border-color:#f3d39b}
.wsr-pill-fout{background:var(--wsr-fail-bg);color:var(--wsr-fail);border-color:#f4bdb6}
.wsr-pill-info,.wsr-pill-nvt{background:var(--wsr-info-bg);color:var(--wsr-info);border-color:#cfdbe8}
.wsr-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px!important}
.wsr-tags span{font-size:.8rem;font-weight:650;color:#4b4f56;background:var(--wsr-pale2);border:1px solid var(--wsr-line);border-radius:8px;padding:2px 8px}

/* Verbeterpunten */
.wsr-actions-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.wsr-action{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;background:#fff;border:1px solid var(--wsr-line);border-left:5px solid var(--wsr-muted);border-radius:16px;padding:16px 18px}
.wsr-action.wsr-st-fout{border-left-color:var(--wsr-fail)}.wsr-action.wsr-st-letop{border-left-color:#e8811d}
.wsr-action-body{min-width:0}
.wsr-detail,.wsr-advice,.wsr-why,.wsr-intro,.wsr-note{overflow-wrap:anywhere}
.wsr-action-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--wsr-grad);font:800 1.05rem Manrope,system-ui,sans-serif;color:var(--wsr-ink)}
.wsr-finding-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.wsr-finding-head h3,.wsr-finding-head h4{flex:1 1 200px}
.wsr-detail{margin:6px 0!important}
.wsr-advice{background:var(--wsr-pale2);border-radius:10px;padding:8px 12px}
.wsr-why{color:var(--wsr-muted);font-size:.92rem}

/* Inhoudsopgave */
.wsr-toc{margin-top:44px}
.wsr-toc h2{margin-bottom:14px}
.wsr-toc ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.wsr-toc a{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--wsr-line);border-radius:12px;padding:10px 14px;color:var(--wsr-ink);text-decoration:none;font-weight:650}
.wsr-toc a:hover{border-color:var(--wsr-orange)}
.wsr-chip{display:inline-block;min-width:44px;text-align:center;border-radius:999px;padding:2px 10px;font-size:.84rem;font-weight:800;background:var(--wsr-info-bg);color:var(--wsr-info)}
.wsr-chip.wsr-band-goed,.wsr-score.wsr-band-goed{background:var(--wsr-good-bg);color:var(--wsr-good)}
.wsr-chip.wsr-band-matig,.wsr-score.wsr-band-matig{background:var(--wsr-warn-bg);color:var(--wsr-warn)}
.wsr-chip.wsr-band-slecht,.wsr-score.wsr-band-slecht{background:var(--wsr-fail-bg);color:var(--wsr-fail)}

/* Tabellen */
.wsr-table-wrap{overflow-x:auto;border:1px solid var(--wsr-line);border-radius:16px;background:#fff}
.wsr-table{width:100%;border-collapse:collapse;font-size:.95rem}
.wsr-table caption{text-align:left;font-weight:750;padding:12px 16px 0}
.wsr-table th,.wsr-table td{text-align:left;padding:11px 16px;border-bottom:1px solid #f0ebe6;vertical-align:top}
.wsr-table thead th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:var(--wsr-muted);background:var(--wsr-pale2)}
.wsr-table tbody tr:last-child>*{border-bottom:0}
.wsr-table th small{display:block;font-weight:500;color:var(--wsr-muted);font-size:.82rem}
.wsr-num{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.wsr-rating{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:800}
.wsr-rating-goed{background:var(--wsr-good-bg);color:var(--wsr-good)}.wsr-rating-matig{background:var(--wsr-warn-bg);color:var(--wsr-warn)}.wsr-rating-slecht{background:var(--wsr-fail-bg);color:var(--wsr-fail)}
.wsr-d-plus{color:var(--wsr-good)}.wsr-d-min{color:var(--wsr-fail)}.wsr-d-gelijk{color:var(--wsr-muted)}

/* Social preview */
.wsr-og{max-width:520px;border:1px solid #d9dde3;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px #28160e0d}
.wsr-og-img{aspect-ratio:1.91/1;display:grid;place-items:center;background:repeating-linear-gradient(135deg,#f3eee9 0 12px,#ece5de 12px 24px);color:var(--wsr-muted);font-size:.9rem;font-weight:650;text-align:center;padding:12px;overflow-wrap:anywhere}
.wsr-og-body{padding:12px 16px 14px;background:#f2f3f5;border-top:1px solid #d9dde3}
.wsr-og-site{display:block;font-size:.74rem;letter-spacing:.04em;color:#606770;overflow-wrap:anywhere}
.wsr-og-body strong{display:block;font-size:1rem;line-height:1.35;margin:2px 0}
.wsr-og-body p{font-size:.88rem;color:#606770;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Checks */
.wsr-check{border-top:1px solid var(--wsr-line);padding-top:30px;scroll-margin-top:90px}
.wsr-check-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.wsr-score{flex-shrink:0;font:800 1.4rem/1 Manrope,system-ui,sans-serif;border-radius:16px;padding:12px 14px;background:var(--wsr-info-bg);color:var(--wsr-info);white-space:nowrap}
.wsr-score small{font-size:.8rem;font-weight:650;opacity:.85}
.wsr-findings{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wsr-finding{min-width:0;background:#fff;border:1px solid var(--wsr-line);border-left:5px solid #c9ced6;border-radius:14px;padding:14px 16px}
.wsr-finding.wsr-st-goed{border-left-color:#2e8b57}.wsr-finding.wsr-st-letop{border-left-color:#e8811d}.wsr-finding.wsr-st-fout{border-left-color:var(--wsr-fail)}
.wsr-metric{font-size:.88rem;font-weight:750;color:#3a3e45;background:var(--wsr-pale2);border-radius:8px;padding:2px 9px;font-variant-numeric:tabular-nums}
.wsr-facts{display:grid;gap:8px;margin:16px 0 0;background:#fff;border:1px solid var(--wsr-line);border-radius:16px;padding:14px 18px}
.wsr-facts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.wsr-facts dt{font-weight:750;color:var(--wsr-muted)}
.wsr-facts dd{margin:0;overflow-wrap:anywhere}
.wsr-third{margin-top:16px;background:#fff;border:1px solid var(--wsr-line);border-radius:16px;padding:14px 18px}
.wsr-third h3{margin-bottom:8px}
.wsr-third ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.wsr-third li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px}
.wsr-third small{color:var(--wsr-muted);overflow-wrap:anywhere}

/* Afsluiting */
.wsr-notes ul{margin:0;padding-left:20px;color:#3a3e45}
.wsr-notes li{margin-bottom:6px}
.wsr-closing{background:var(--wsr-pale);border:1px solid #f1d6c1;border-radius:26px;padding:28px}
.wsr-closing .wsr-intro{background:#fffdfb}
.wsr-offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.wsr-offer{position:relative;background:#fff;border:1px solid var(--wsr-line);border-radius:18px;padding:20px;overflow:hidden}
.wsr-offer-hl{border:2px solid var(--wsr-orange)}
.wsr-offer-hl:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:var(--wsr-grad)}
.wsr-price{font:800 1.3rem Manrope,system-ui,sans-serif;color:var(--wsr-rust);margin:4px 0 8px!important}
.wsr-offer ul{margin:8px 0 0;padding-left:18px;font-size:.94rem}
.wsr-contact{font-style:normal;margin-top:18px;font-size:.95rem;line-height:1.7}

/* Losstaand document */
.wsr-page{margin:0;background:#fffdfb;color:#17191e;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wsr-topbar{height:6px;background:linear-gradient(115deg,#f04324 0%,#ff782d 52%,#ff982f 100%)}
.wsr-brandbar{border-bottom:1px solid #e5dfd9;background:#fffdfb}
.wsr-brandbar-in{max-width:980px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:12px}
.wsr-brandbar img{border-radius:11px;box-shadow:0 5px 14px #ef552522}
.wsr-wordmark{font:800 1.3rem Manrope,system-ui,sans-serif;letter-spacing:-.05em}
.wsr-wordmark b{color:#a73317;font-weight:800}
.wsr-brandbar-tag{margin-left:auto;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a73317}
.wsr-main{padding:0 20px}
.wsr-pagefoot{border-top:1px solid #e5dfd9;color:#565c65;font-size:.85rem;text-align:center;padding:18px 20px 28px}

@media (max-width:760px){
 .wsr-rings{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .wsr-ring svg{width:92px;height:92px}
 .wsr-action{grid-template-columns:minmax(0,1fr);padding:14px}
 .wsr-action-n{width:34px;height:34px}
 .wsr-check-head{flex-direction:column}
 .wsr-facts div,.wsr-third li{grid-template-columns:1fr;gap:2px}
 .wsr-closing{padding:20px;border-radius:20px}
 .wsr-table th,.wsr-table td{padding:9px 10px}
}
@media (max-width:420px){.wsr{font-size:15px}.wsr-overall{padding:14px 16px}.wsr-overall-score strong{font-size:2.1rem}}

@media print{
 .wsr-topbar,.wsr-brandbar,.wsr-pagefoot{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .wsr{max-width:none;font-size:11pt;padding:0}
 .wsr-actions,.wsr-toc{display:none}
 .wsr section{margin-top:20pt}
 .wsr-ring,.wsr-action,.wsr-finding,.wsr-og,.wsr-offer,.wsr-facts,.wsr-table-wrap{break-inside:avoid;box-shadow:none}
 .wsr-check{break-before:auto}
 .wsr-pill,.wsr-chip,.wsr-score,.wsr-overall,.wsr-closing,.wsr-ring-value,.wsr-action-n{-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .wsr a{color:inherit;text-decoration:none}
}
