/* Oorspronkelijke tool, met het nieuwste kleurenpalet. */
:root{--ink:#373035;--muted:#655F63;--lav:#FCEFA2;--cyan:#FCEFA2;--paper:#FFFFFF;--lime:#FCEFA2;--line:#DFDBDD}
.masthead{background:#373035;color:white}.masthead>span{color:white}.hero h1 span{color:#373035}.hero-art{background:#FCEFA2}.hero-art svg{stroke:#373035}
.result-card{background:#373035}.result-card p,.metric-pair small,.rows dt{color:white}.result-card .eyebrow,.result-card .amount{color:#FCEFA2}.result-card .state-tag{background:#373035;color:white}.metric-pair{border-color:#FFFFFF55}.mode-note{border-color:#373035;background:#FCEFA2}.step-panel .eyebrow{color:#373035}.note{background:#FCF7D9}.primary{background:#373035}.primary:hover{background:#252023}.steps [aria-current] span{background:#FCEFA2;border-color:#FCEFA2}.segmented [aria-pressed=true]{background:#373035}.result-card .monthly{background:#FCEFA2;color:#373035}.result-card .monthly p,.result-card .monthly small{color:#373035}
.embedded .masthead,.embedded .hero{display:none}.embedded .workspace{padding-top:16px}
@media print{.embedded .hero{display:block}.result-card{background:white;color:#373035}.result-card p,.result-card .eyebrow,.result-card .amount,.metric-pair small,.rows dt{color:#373035}}

/* Dezelfde rustige bediening en typografie als de hoofdwebsite. */
h1,h2,h3{font-family:Unbounded,system-ui,sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1.18}
.masthead{background:var(--paper);color:var(--ink);padding-block:22px;border-bottom-color:var(--line)}
.masthead>span{color:var(--muted)}
.hero h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.13}
.hero-art{border-radius:24px}
.embedded{background:white}
.embedded .workspace{padding:16px 26px 30px}
.modebar{padding-bottom:28px}
.modebar h2{font-size:1.2rem}
.segmented{background:#F6F4F2;border:1px solid var(--line);border-radius:40px;padding:4px}
.segmented button{border-radius:30px;font-weight:600;padding:12px 16px;transition:background .2s,color .2s}
.input-card{border-radius:20px;box-shadow:0 5px 22px #37303504}
.steps{padding:20px 12px;background:#FFFFFF}
.steps button{font-size:.74rem;gap:9px;min-height:50px}
.steps button:hover{color:#373035}
.steps [aria-current] span{background:#373035;border-color:#373035;color:white}
.step-panel h2{font-size:1.45rem;margin-bottom:18px}
.step-panel label{font-size:.88rem;font-weight:600}
.step-panel p,.note{line-height:1.7}
input:not([type=checkbox]),select,textarea{border-color:#DFDBDD;border-radius:10px;background:#FFFFFF;min-height:48px}
input:not([type=checkbox]):focus,select:focus,textarea:focus{background:white;border-color:#373035}
:focus-visible{outline-color:#373035}
.primary,.secondary{border-radius:30px;padding:13px 22px;min-height:46px}
.primary{background:#373035}
.primary:hover{background:#252023}
.secondary{border-color:#37303544;color:#373035}
.secondary:hover{background:#F6F4F2}
.result-card{border-radius:22px;padding:30px}
.result-card h2{font-family:Outfit,system-ui,sans-serif;line-height:1.5}
.result-card .amount{font-size:clamp(2rem,3.2vw,3.2rem)}
.monthly{border-radius:14px}
.calculation{border-radius:16px;padding:22px}
.aftercare{border-radius:22px}
.aftercare h2{font-size:1.65rem}
.aftercare h3{font-size:1.1rem;line-height:1.4}
.sources{line-height:1.7}
.embedded footer{padding-inline:26px}
@media(max-width:720px){.embedded .workspace{padding:10px 14px 24px}.modebar{gap:18px}.modebar h2{font-size:1.15rem}.segmented{border-radius:16px}.segmented button{border-radius:12px;padding:11px 9px;font-size:.76rem}.steps button{font-size:.67rem}.step-panel{padding:25px 20px}.step-panel h2{font-size:1.35rem}.result-card{padding:26px}.primary,.secondary{padding:12px 17px}.aftercare{padding:24px}.embedded footer{padding-inline:20px}}
@media print{.result-card{background:white}.primary,.secondary{display:none}.embedded .workspace{padding:0}.result-card .amount{font-size:30pt}.masthead{background:white}}

.masthead>img{background:transparent;padding:0;border-radius:0;height:auto}

/* Brand v2: headings, neutral controls, and yellow result accents. */
:root{font-family:var(--font-body);--ink:var(--rd-dark);--muted:var(--rd-muted);--line:var(--rd-border)}
h1,h2,h3{font-family:var(--font-display);font-weight:800;text-transform:lowercase;letter-spacing:-.04em;line-height:1.22;overflow-wrap:break-word}
.result-card h2{font-family:var(--font-body);text-transform:none}
.amount,.monthly strong{font-family:var(--font-display)}
.masthead>img{width:190px;height:auto;min-width:140px}
.hero-art{background:var(--rd-yellow)}
.result-card .state-tag{background:var(--rd-yellow);color:var(--rd-dark)}
.steps [aria-current] span{background:var(--rd-yellow);border-color:var(--rd-yellow);color:var(--rd-dark)}
:focus-visible{outline:3px solid var(--rd-dark);outline-offset:4px}
.result-card :focus-visible{outline-color:var(--rd-yellow)}
@media(max-width:720px){.masthead{flex-wrap:wrap;gap:18px}.masthead>span{font-size:.8rem}.hero h1{font-size:clamp(1.65rem,7vw,2.5rem)}.step-panel h2{font-size:1.25rem}.modebar h2{font-size:1.05rem}.aftercare h2{font-size:1.4rem}}