/* A compact, shared journey from a first rental flat to a family home. */
.eh228{--eh-ink:#183746;--eh-lime:#d8f58a;--eh-muted:#506b78;color:var(--eh-ink);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-margin-top:110px}
.eh228 *{box-sizing:border-box}.eh228 [hidden]{display:none!important}.eh228 h2{font-size:clamp(28px,4vw,46px);line-height:1.12;letter-spacing:-.035em}.eh228 h3{font-size:23px;line-height:1.2;margin:0 0 14px}.eh228 p{line-height:1.65}.eh228 a{text-underline-offset:3px}.eh228 :is(button,a,input,select,summary):focus-visible{outline:3px solid #508b9d;outline-offset:4px}
.eh-teaser{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:34px;border:1px solid #c8d9e0;border-radius:25px;background:#edf3f6}.eh-teaser figure{margin:0}.eh-teaser img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:17px;display:block}.eh-caption,.eh-note{font-size:12px!important;line-height:1.55!important;color:var(--eh-muted);margin:10px 0}.eh-teaser h2{font-size:clamp(27px,3.7vw,43px);margin:12px 0}.eh-teaser .buttons{margin-bottom:0}
.eh-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.eh-top h2{margin:8px 0 12px}.eh-top>div{max-width:800px}.eh-tone{position:relative;display:flex;align-items:center;justify-content:center;gap:0;width:108px;min-width:108px;height:44px;min-height:44px;padding:4px;border:1px solid #adc4ce;border-radius:14px;background:#eef4f6;color:#183746;cursor:pointer}.eh-tone>span:not(.tone-slider){position:relative;z-index:1;width:48px;text-align:center;font-size:13px;font-weight:700}.eh-tone .tone-slider{position:absolute;left:4px;top:4px;width:48px;height:34px;background:#d8f58a;border-radius:10px;transition:transform .2s}.eh-tone[aria-checked=true] .tone-slider{transform:translateX(50px)}
.eh-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:22px 0 30px;border-top:2px solid #adc6ce;gap:22px}.eh-route li{padding:16px 0 0;position:relative}.eh-route li:before{content:'';width:12px;height:12px;border:3px solid #edf3f6;background:#3c788c;border-radius:50%;position:absolute;top:-7px;left:0}.eh-route a{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:14px;font-weight:700}.eh-route svg{width:35px;height:35px;flex:none}.eh-route small{display:block;font-size:11px;font-weight:500;color:#526a76;margin-top:4px}
.eh-step{border:1px solid #c9dbe2;border-radius:22px;padding:28px;margin:22px 0;background:#f0f5f7;scroll-margin-top:105px;min-width:0}.eh-step-label{display:block;letter-spacing:.15em;text-transform:uppercase;color:#446977;font-weight:750;font-size:11px;margin-bottom:12px}.eh-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.eh-fields label{font-size:12px;font-weight:650;min-width:0;color:#345968;display:block}.eh-fields input,.eh-fields select{display:block;width:100%;min-width:0;min-height:44px;border:1px solid #aec6d0;border-radius:10px;background:white;color:#183746;font-family:inherit;font-size:16px;font-weight:600;line-height:1.3;padding:10px;margin-top:7px}.eh-fields input{font-family:inherit;font-size:16px}.eh-fields select{font-family:inherit;font-size:14px}.eh-fields small{font-weight:400;display:block;margin-top:5px}.eh228 input[type=range]{width:100%;min-width:0;accent-color:#3a788c;min-height:32px}.eh-range{display:block;font-size:13px;font-weight:600;margin:14px 0}.eh-range output{float:right}
.eh-options{border-top:1px solid #c8d8df;margin-top:12px;padding-top:12px}.eh-options>summary{font-size:13px;font-weight:700;padding:8px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.eh-options>summary:after{content:'+';font-size:18px}.eh-options[open]>summary:after{content:'−'}.eh-options>summary::-webkit-details-marker{display:none}.eh-info>summary{display:flex;align-items:center;justify-content:flex-start;gap:8px}.eh-info>summary>span:first-child{display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid currentColor;border-radius:50%;font:700 12px Georgia,serif}.eh-info p,.eh-info li{font-size:13px;line-height:1.6}.eh-info ul{padding-left:20px}
.eh-import,.eh-reset{border:0;background:transparent;color:#245e73;padding:8px 0;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.eh-import{font-family:inherit}.eh-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.eh-metric{min-width:0;background:white;border:1px solid #d2dfe4;border-radius:14px;padding:17px}.eh-metric span{font-size:12px;display:block;color:#506c78}.eh-metric strong{display:block;font-size:clamp(22px,3vw,32px);line-height:1.2;margin:10px 0;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.eh-metric small{font-size:11px;line-height:1.5;display:block;color:#536d78}.eh-metric.is-feature{background:#183746;color:#e3ffae;border-color:#183746}.eh-metric.is-feature span,.eh-metric.is-feature small{color:#e0eaf0}.eh-cash{display:flex;flex-wrap:wrap;gap:10px 28px;border-top:1px solid #ccdce3;padding-top:15px;margin-top:18px;font-size:13px}.eh-cash b{display:block;margin-top:5px}.eh-warning{padding:13px 16px;border-left:3px solid #9d701e;background:#fff5df;font-size:13px;line-height:1.5;border-radius:8px}.eh228 [role=alert]:empty{display:none}
.eh-chart{background:#fff;border:1px solid #cbdde4;border-radius:16px;padding:15px;margin:20px 0;min-width:0}.eh-chart svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}.eh-chart text{font:12px Arial,sans-serif;fill:#526c78}.eh-chart path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.eh-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12px;margin:3px 0 10px}.eh-legend span:before{content:'';display:inline-block;width:16px;height:3px;background:var(--line);vertical-align:middle;margin-right:7px}.eh-chart-readout{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:12px;margin-top:12px}.eh-chart-readout strong{font-size:14px}.eh-tabs{display:flex;gap:6px;padding:5px;background:#dce8ed;border-radius:13px;margin:18px 0}.eh-tabs button{flex:1;min-height:48px;border:0;border-radius:9px;padding:11px;font:700 13px/1.4 Arial,sans-serif;background:transparent;color:#234653;cursor:pointer;white-space:normal}.eh-tabs button[aria-pressed=true]{background:#183746;color:#e4ffb5;box-shadow:0 2px 8px #18374615}.eh-win{padding:22px;border-radius:16px;background:#d8f58a;color:#183746;margin:20px 0}.eh-win strong{font-size:clamp(26px,4vw,42px);line-height:1.12;letter-spacing:-.03em;display:block;margin:7px 0 12px}.eh-win p{font-size:14px;margin:0}.eh-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eh-compare>div{padding:17px;border-radius:14px;border:1px solid #c4d9e1;background:white}.eh-compare h4{font-size:14px;margin:0 0 10px}.eh-compare dl{margin:0;font-size:12px}.eh-compare dl>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:6px 0;border-bottom:1px solid #e2e9ed}.eh-compare dd{margin:0;font-weight:700;text-align:right}.eh-compare dt{color:#536c77}.eh-assumptions{font-size:12px;line-height:1.6;color:#486370;margin-top:14px}.eh-check{display:flex;gap:9px;align-items:flex-start;font-size:13px}.eh-check input{margin-top:3px;accent-color:#183746}.eh-cta{border-top:1px solid #c9dce4;padding-top:25px;margin-top:30px}.eh-cta h3{max-width:700px;font-size:28px;line-height:1.2}.eh-toc{margin:30px auto}.eh-story-hero h1{font-size:clamp(35px,4.5vw,60px)!important;line-height:1.08}.eh-story-hero figure{margin:0;min-width:0}.eh-story-hero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px}.eh-story-hero .eh-caption{margin-top:8px}.eh-story-bridge{padding:28px;background:#eaf2f5;border-radius:20px}.eh-story-bridge h2{font-size:30px}.eh-toc .journey-chapter-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.eh228 .buttons a{white-space:normal;line-height:1.4}
@media(max-width:800px){.eh-teaser{grid-template-columns:1fr;padding:22px;gap:22px}.eh-teaser figure{order:1}.eh-teaser img{aspect-ratio:16/8}.eh-step{padding:20px}.eh-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.eh-result-grid{grid-template-columns:1fr 1fr}.eh-result-grid .is-feature{grid-column:1/-1}.eh-top{flex-wrap:wrap}.eh-top h2{font-size:32px}.eh-route{gap:10px}.eh-route a{align-items:flex-start;flex-direction:column;gap:8px;font-size:12px}.eh-route svg{width:30px;height:30px}.eh-chart{padding:10px}.eh-chart text{font-size:13px}.eh-story-hero{grid-template-columns:1fr!important}.eh-story-hero img{aspect-ratio:16/9;max-height:330px}.eh-toc .journey-chapter-links{grid-template-columns:1fr}}
@media(max-width:480px){.eh-step{padding:17px;border-radius:17px}.eh-compare{grid-template-columns:1fr}.eh-metric{padding:14px}.eh-fields{gap:12px 10px}.eh-fields label{font-size:11px}.eh-fields .eh-wide{grid-column:1/-1}.eh-win{padding:18px}.eh-chart-readout{gap:8px 16px}.eh-chart-readout>span{flex:1 1 100px}.eh-caption{font-size:10px!important}.eh-story-hero h1{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){.eh228 *{scroll-behavior:auto!important;transition:none!important}}