/* ScanReviver — content-/landingspagina's (deelt tokens + header/footer met app.css). */
.content{max-width:820px}
.content h1{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:.6rem}
.content .lead{color:var(--muted);font-size:1.12rem;margin:0 0 1.6rem}
.content h2{font-size:1.25rem;margin:2rem 0 .6rem}
.content h3{font-size:1.08rem;margin:1.4rem 0 .4rem;font-stretch:100%;font-weight:760;text-transform:none}
.content p{margin:.6rem 0}
.content ul,.content ol{margin:.6rem 0;padding-left:1.3rem}
.content li{margin:.3rem 0}
.content a{color:var(--txt);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.content a:hover{text-decoration-color:var(--ac)}
.crumbs{font-size:.85rem;color:var(--muted);margin:.2rem 0 1rem}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{text-decoration:underline}

/* primaire call-to-action naar de tool */
.cta-band{background:var(--steel);border-top:2.5px solid var(--ink);padding:1.4rem 1.2rem;margin:2rem 0;text-align:center}
.cta-band h2{margin:0 0 .3rem}
.cta-band p{color:var(--muted);margin:0 0 1rem}
.btn-cta{display:inline-block;background:var(--ac);color:var(--on-ac);text-decoration:none;font-weight:700;
  text-transform:uppercase;letter-spacing:.02em;padding:.75rem 1.5rem;border:2px solid var(--ink);
  box-shadow:3px 3px 0 var(--ink);transition:box-shadow .12s,transform .12s}
.btn-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
@media (prefers-reduced-motion:reduce){.btn-cta:hover{transform:none;box-shadow:3px 3px 0 var(--ink)}}

/* eerlijke beperkingen-blok */
.honest{background:var(--steel);padding:1rem 1.1rem;margin:1.6rem 0}
.honest h2{margin:0 0 .4rem;font-size:1.1rem}
.honest p,.honest li{color:var(--muted);font-size:.94rem}

/* FAQ */
.faq{border-top:2.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--steel-line);padding:0}
.faq summary{cursor:pointer;font-weight:740;padding:15px 4px;list-style:none;display:flex;
  justify-content:space-between;align-items:center;gap:14px;color:var(--txt)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"＋";font-weight:600}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--muted);margin:0 4px 16px}

/* footer-navigatie */
.foot-nav{display:flex;flex-wrap:wrap;gap:.4rem 1rem;justify-content:center;margin-bottom:.5rem}
.foot-nav a{color:var(--txt-on-ink);text-decoration:none}
.foot-nav a:hover{text-decoration:underline;color:var(--ac)}

/* advertentie-slot: de box MOET in-flow staan met echte breedte, anders meet
   AdSense availableWidth=0 en vult de unit nooit. De oude regel
   `:has(ins:not([data-ad-status="filled"])){display:none}` verborg de box juist
   vóór het meten → vicieuze cirkel: verborgen → breedte 0 → nooit 'filled' →
   blijft eeuwig verborgen (3 console-fouten, 0 ads sinds livegang 15-7).
   Verbergen gebeurt nu PAS als de unit zélf 'unfilled' meldt — zelfde patroon
   als de 6 zustersites. Label + marge nog steeds alleen bij data-active="1",
   dus nooit een leeg advertentievak met label tijdens de review. */
.adwrap{text-align:center}
.adwrap[data-active="1"]{margin:2rem 0}
ins.adsbygoogle{display:block}
ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
.adwrap:has(ins.adsbygoogle[data-ad-status="unfilled"]){display:none}
.adlabel{display:none;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.adwrap[data-active="1"] .adlabel{display:block}

/* 404 */
.notfound{text-align:center;padding:3rem 1rem}
.notfound .big{font-size:3rem;color:var(--ink);margin:0;font-stretch:120%;font-weight:860}