#review-preferences{background:var(--surface);border-bottom:1px solid var(--line);padding:11.28px var(--pad);font-size:15.002px}.preference-controls{display:flex;gap:23.5px;align-items:center;flex-wrap:wrap}.preference-controls label{display:flex;gap:9.4px;align-items:center}.preference-controls select{background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:6.58px 9.4px;border-radius:4px}.preference-controls span{margin-left:auto;color:var(--muted)}#country-note:empty{display:none}#country-note{margin-top:11.28px;color:var(--accent)}.atelier .visual-caption{position:static;margin:18.8px 0 0;display:block;padding:11.28px 0}.atelier .visual-caption span,.atelier .visual-caption strong,.atelier .visual-caption small{display:block}.noir .hero-signature{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22.56px;margin-top:32.9px;display:flex;justify-content:space-between;gap:18.8px}.noir .hero-signature span{font-size:13.931px;color:var(--muted)}@media(max-width:640px){.preference-controls{gap:9.4px}.preference-controls label{flex:1;justify-content:space-between}.preference-controls span{width:100%;margin:0}.preference-controls select{max-width:190px}.noir .hero-signature{display:block}.noir .hero-signature span{display:block;margin-top:9.4px}}
/* Text +14%: allow content to wrap without scaling images or logos. */
.header{flex-wrap:wrap}.header nav{flex-wrap:wrap}.hero-copy,.work-intro,.work-result,.price-card,.payment-story,.calculator,.document-section{min-width:0}.price-value,.subscription strong,.ref-results strong,.founder-stat strong{overflow-wrap:anywhere}.atelier .founder-stat strong{white-space:normal}.noir .work-tabs button{white-space:normal}.legal-shell nav{flex-wrap:wrap}.service-phone{overflow-wrap:anywhere}.fields label,.preference-controls label{min-width:0}

/* Subordinate cross-reference: inherits existing +14% typography. */
.k9-reference{border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30.08px;align-items:center;padding-top:33.84px;padding-bottom:33.84px}.k9-reference h3{margin:11.28px 0 15.04px}.k9-reference p{max-width:780px}.k9-reference .text-link{white-space:normal;overflow-wrap:anywhere;max-width:340px}.k9-reference>div{min-width:0}@media(max-width:900px){.k9-reference{grid-template-columns:minmax(0,1fr);gap:20.68px}.k9-reference .text-link{justify-self:start;max-width:100%}}

/* Modern + Klassiek: use the window width; keep paragraph measure independent. */
body.noir,body.atelier{--wrap:100%;--pad:clamp(16px,2vw,40px)}
body.noir .section,body.atelier .section,body.noir .header,body.atelier .header,body.noir .hero,body.atelier .hero,body.noir footer,body.atelier footer{max-width:100%;padding-left:var(--pad);padding-right:var(--pad)}
body.noir .founder,body.atelier .founder{max-width:100%;padding-left:var(--pad);padding-right:var(--pad)}
body.noir .hero-visual{margin-right:0}body.noir .hero-copy{margin-right:0}
body.noir .legal-shell,body.atelier .legal-shell{max-width:100%;padding-left:var(--pad);padding-right:var(--pad)}
.legal-shell .document-section>p,.legal-shell>p:not(.service-phone){max-width:78ch}.founder-text>p{max-width:78ch}
@media(max-width:640px){body.noir,body.atelier{--pad:16px}}

/* Additional reading comfort; headings, branding and page gutters unchanged. */
body.noir #verhaal .founder-copy>p:not(.byline),body.atelier #verhaal .founder-copy>p:not(.byline){font-size:21.62px;line-height:1.85;font-weight:450;color:var(--ink);max-width:68ch}
body.noir #verhaal .founder-copy>p+p,body.atelier #verhaal .founder-copy>p+p{margin-top:24.44px}
@media(max-width:640px){body.noir #verhaal .founder-copy>p:not(.byline),body.atelier #verhaal .founder-copy>p:not(.byline){font-size:19.74px;line-height:1.8}}

/* Requested compact scale (-6%) and clearer secondary text; original page width/gutters retained. */
body.noir{--muted:#c6cedd}body.atelier{--muted:#d6cec5}

/* Prominent bilingual hero signature: both review styles. */
body.noir .hero-signature,body.atelier .hero-signature{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;
  gap:24px 36px;width:100%;min-width:0;padding-top:28px;padding-bottom:12px;
}
body.noir .hero-signature .hero-signature-message,
body.atelier .hero-signature .hero-signature-message{
  margin:0;min-width:0;max-width:none;color:var(--accent);
  font-family:var(--display);font-size:clamp(30px,4.1vw,64px);
  font-weight:500;font-style:normal;line-height:1.12;letter-spacing:-.025em;
  overflow-wrap:anywhere;text-wrap:balance;
}
body.atelier .hero-signature .hero-signature-message{font-style:italic}
body.noir .hero-signature .hero-signature-brand,
body.atelier .hero-signature .hero-signature-brand{
  display:block;max-width:190px;margin:0 0 4px;color:var(--muted);
  font:500 12px/1.6 var(--body);letter-spacing:.13em;overflow-wrap:anywhere;
}
@media(max-width:800px){
  body.noir .hero-signature,body.atelier .hero-signature{
    grid-template-columns:minmax(0,1fr);gap:16px;padding-top:24px;
  }
  body.noir .hero-signature .hero-signature-brand,
  body.atelier .hero-signature .hero-signature-brand{max-width:none;margin:0}
}

/* Approved combined finishing round: scoped controls and section labels. */
body .section>.section-head .eyebrow,
body .founder-label>.eyebrow,
body .recovery>div>.eyebrow,
body .faq>div>.eyebrow,
body .closing>.eyebrow{
  font-size:clamp(17px,1.35vw,20px);line-height:1.45;
  letter-spacing:.075em;margin-top:0;margin-bottom:26px;color:var(--accent);
}
body #prive .section-head .eyebrow{text-transform:none;font-size:clamp(21px,1.8vw,26px)}
body .founder-label>.eyebrow{max-width:none}
body .work-tabs button,body .plan-tabs button{font-size:18px;line-height:1.45;min-height:58px;padding:16px 18px}
body .jr-examples-tabs button{font-size:18px;min-height:52px;padding:13px 16px}
body .jr-examples-search-label{font-size:18px;color:var(--ink)}
body #jr-examples-search{font-size:18px;min-height:54px;padding:14px 16px;border-color:var(--accent)}
body .jr-examples-controls button{font-size:17px;min-height:48px;padding:11px 15px;border:1px solid var(--accent);border-radius:5px;color:var(--ink)}
body .jr-examples-controls>div{display:flex;flex-wrap:wrap;gap:10px}
body .jr-examples-jump .button{font-size:18px;text-decoration:none;white-space:normal;max-width:100%;line-height:1.45;text-align:left}
body .approach-demo{margin-top:22px;font-size:17px;white-space:normal;line-height:1.4}
body .founder-copy .founder-demo-cta{display:flex;width:fit-content;max-width:100%;margin-top:24px;text-decoration:none;font-size:18px;line-height:1.45}
body .product-close .button{white-space:normal;max-width:100%;line-height:1.4;flex-shrink:1}
body .recovery details summary{display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:21px;line-height:1.45}
body .recovery details summary::-webkit-details-marker{display:none}
body .recovery .recovery-toggle{flex-shrink:0;font:400 30px/1 var(--body);transform:none}
body .recovery details[open] .recovery-toggle{transform:rotate(45deg)}
body .recovery details p{margin-top:18px;line-height:1.75}
body .subscription strong{font-size:clamp(40px,3.6vw,52px)}
body .subscription span,body .subscription+p,body .price-small{font-size:18px;line-height:1.6}
body .payment-story .timeline p,body .payment-story .remaining p{font-size:20px;line-height:1.7}
body .payment-story .timeline h4{font-size:22px;line-height:1.4}
body .calculators{align-items:start}
body .calculator p,body .calculator .note{font-size:18px;line-height:1.7}
body .calculator:first-child{align-self:start}
body .calculator .button{max-width:100%;white-space:normal;line-height:1.4}
body .faq-list summary{font-size:22px;line-height:1.45;padding-top:24px;padding-bottom:24px}
body .faq-list details p{font-size:20px;line-height:1.75;margin-top:18px}
body .chapter-list button{font-size:20px;line-height:1.5;padding:20px 6px;min-height:68px;overflow-wrap:anywhere}
body .chapter-list button span:first-child{font-size:16px;flex-shrink:0}
@media(max-width:800px){
  body .jr-examples-controls{flex-wrap:wrap;gap:14px}
  body .work-tabs button,body .plan-tabs button{min-width:0;overflow-wrap:anywhere}
  body .hero-actions .button{max-width:100%;white-space:normal;line-height:1.4}
}
@media(max-width:480px){
  body .jr-examples-tabs button{font-size:17px;padding:12px;min-width:0}
  body .faq-list summary{font-size:20px}
  body .faq-list details p,body .payment-story .timeline p,body .payment-story .remaining p{font-size:19px}
  body .chapter-list button{font-size:19px;gap:14px}
  body .product-close .button{width:100%}
}

/* Founder CTA: explicit contrast in both designs and interaction states. */
body.noir #verhaal .founder-copy a.founder-demo-cta,
body.noir #verhaal .founder-copy a.founder-demo-cta:visited{background:#132e63;color:#fff;border-color:#132e63}
body.atelier #verhaal .founder-copy a.founder-demo-cta,
body.atelier #verhaal .founder-copy a.founder-demo-cta:visited{background:#d9ac86;color:#111110;border-color:#d9ac86}
body.noir #verhaal .founder-copy a.founder-demo-cta:hover,
body.noir #verhaal .founder-copy a.founder-demo-cta:focus-visible{background:#081020;color:#fff;border-color:#081020}
body.atelier #verhaal .founder-copy a.founder-demo-cta:hover,
body.atelier #verhaal .founder-copy a.founder-demo-cta:focus-visible{background:#f0cbaa;color:#111110;border-color:#f0cbaa}
body #verhaal .founder-copy a.founder-demo-cta:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
body .plan-tabs button{white-space:normal}

#aanbod .lock-strip[hidden],#aanbod .exit-warning[hidden]{display:none}