/* Oorspronkelijke tool, met het nieuwste kleurenpalet. */
:root{--ink:#0F5132;--muted:#4B5563;--lav:#E6DFFB;--cyan:#D9F2D6;--paper:#F8FAFC;--lime:#FFED9E;--line:#E5E7EB}
.masthead{background:#426BC2;color:white}.masthead>span{color:white}.hero h1 span{color:#426BC2}.hero-art{background:#D9F2D6}.hero-art svg{stroke:#426BC2}
.result-card{background:#426BC2}.result-card p,.metric-pair small,.rows dt{color:white}.result-card .eyebrow,.result-card .amount{color:#FFED9E}.result-card .state-tag{background:#0F5132;color:white}.metric-pair{border-color:#FFFFFF55}.mode-note{border-color:#426BC2;background:#E6DFFB}.step-panel .eyebrow{color:#426BC2}.note{background:#EDF7EC}.primary{background:#0F5132}.primary:hover{background:#093E25}.steps [aria-current] span{background:#FFED9E;border-color:#FFED9E}.segmented [aria-pressed=true]{background:#426BC2}.result-card .monthly{background:#FFED9E;color:#0F5132}.result-card .monthly p,.result-card .monthly small{color:#0F5132}
.embedded .masthead,.embedded .hero{display:none}.embedded .workspace{padding-top:16px}
@media print{.embedded .hero{display:block}.result-card{background:white;color:#0F5132}.result-card p,.result-card .eyebrow,.result-card .amount,.metric-pair small,.rows dt{color:#0F5132}}

/* Dezelfde rustige bediening en typografie als de hoofdwebsite. */
@font-face{font-family:Travels;src:url('assets/tt-travels-next-bold.woff2') format('woff2');font-weight:700;font-display:swap}
h1,h2,h3{font-family:Travels,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:#F0F3F8;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 #1F293704}
.steps{padding:20px 12px;background:#F8FAFC}
.steps button{font-size:.74rem;gap:9px;min-height:50px}
.steps button:hover{color:#426BC2}
.steps [aria-current] span{background:#426BC2;border-color:#426BC2;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:#CCD4E0;border-radius:10px;background:#FAFBFD;min-height:48px}
input:not([type=checkbox]):focus,select:focus,textarea:focus{background:white;border-color:#426BC2}
:focus-visible{outline-color:#426BC2}
.primary,.secondary{border-radius:30px;padding:13px 22px;min-height:46px}
.primary{background:#426BC2}
.primary:hover{background:#34579F}
.secondary{border-color:#426BC244;color:#426BC2}
.secondary:hover{background:#F0F3F8}
.result-card{border-radius:22px;padding:30px}
.result-card h2{font-family:DM,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}