.wissel-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}.wissel-form,.wissel-result{min-width:0}.wissel-form h3,.wissel-result h3{margin-top:0;font-family:var(--font-display)}.wissel-help{font-size:13px;line-height:1.6;color:var(--fg2);margin:8px 0 0}.wissel-form .field-group{min-width:0}.wissel-form input{width:100%;box-sizing:border-box}.wissel-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:24px}.wissel-result{background:var(--bg-soft,#f5f7f9);border:1px solid var(--border);border-radius:18px;padding:30px}.wissel-result p{line-height:1.7}.wissel-result:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.wissel-total{display:flex;flex-direction:column;margin:20px 0}.wissel-total strong{font-family:var(--font-display);font-size:64px;line-height:1.15;color:var(--secondary)}.wissel-total span{font-weight:600;color:var(--secondary)}.wissel-totals{margin:24px 0}.wissel-totals div{padding:12px 0;border-bottom:1px solid var(--border)}.wissel-totals dt{font-size:13px;color:var(--fg2)}.wissel-totals dd{margin:4px 0 0;font-weight:700;color:var(--secondary)}.wissel-example{padding:12px 14px;border-left:3px solid var(--primary);background:#fff;font-size:13px}.wissel-summary-label{display:block;font-weight:600;font-size:14px;margin-bottom:10px}.wissel-result textarea{box-sizing:border-box;width:100%;min-height:190px;padding:12px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;line-height:1.6;resize:vertical;background:#fff;color:var(--fg1)}.wissel-result .btn{max-width:100%;white-space:normal;text-align:center;margin-top:12px}.wissel-formula{padding:20px 24px;margin:24px 0;background:#fff;border-left:4px solid var(--primary);font-weight:600;line-height:1.7}.wissel-briefing{box-sizing:border-box;width:100%;padding:18px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--fg1);font:inherit;font-size:14px;line-height:1.65;resize:vertical}.wissel-sequence li{margin-bottom:16px;line-height:1.7}#checklist,#briefing,#planner{scroll-margin-top:100px}body[data-page=hulpmiddel] h1,body[data-page=hulpmiddel] h2,body[data-page=hulpmiddel] h3{overflow-wrap:anywhere;hyphens:auto}@media(max-width:960px){.wissel-layout{grid-template-columns:1fr}.wissel-result{padding:24px}}@media(max-width:600px){.wissel-form .form-row{grid-template-columns:1fr}.wissel-formula{padding:16px}.wissel-actions .btn{white-space:normal;text-align:center}}