:root{--maroon:#652338;--sage:#e5ebdc;--paper:#f8f5ee;--ink:#30372e;--muted:#697065;--line:#d0d8c6}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;align-items:center;padding:24px 6%;border-bottom:1px solid var(--line)}header a{font:27px Georgia;color:var(--maroon);text-decoration:none}header span{font-size:12px;letter-spacing:1.5px;color:var(--maroon);border:1px solid var(--line);border-radius:30px;padding:6px 12px}main{max-width:960px;margin:auto;padding:32px 24px}.intro{margin-bottom:28px}.eyebrow{font-size:12px;letter-spacing:1.4px;color:var(--maroon);margin:0 0 12px}h1{font:46px/1.1 Georgia;color:var(--maroon);margin:0 0 16px}h2{font:25px Georgia;margin:0 0 10px;color:var(--maroon)}p{margin:0 0 14px}.intro>p:last-child{color:var(--muted)}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:22px;overflow:hidden}form{background:#fffefa;padding:28px}.hint{font-size:13px;color:var(--muted)}label{display:block;font-size:14px;margin:18px 0}input{display:block;width:100%;min-width:0;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:10px;background:white;font:16px system-ui;color:var(--ink)}.result{background:var(--sage);padding:28px}.amount{font:clamp(28px,4vw,45px)/1.2 Georgia;color:var(--maroon);overflow-wrap:anywhere;margin:24px 0}.split{border-top:1px solid #cbd5bf;border-bottom:1px solid #cbd5bf;padding:16px 0;display:flex;flex-direction:column;gap:8px;font-size:14px}.split strong{font:27px Georgia;color:var(--maroon);overflow-wrap:anywhere}.status{font-size:14px;margin:18px 0}.exclusion{font-size:14px}.exclusion strong{display:block;margin-bottom:5px}button{border:1px solid var(--maroon);border-radius:10px;padding:11px 16px;font:14px system-ui;cursor:pointer;background:var(--maroon);color:white}button:disabled{opacity:.5;cursor:default}.quiet{color:var(--maroon);background:transparent}.copy{width:100%;margin:8px 0 12px}details{margin:22px 0;font-size:14px}summary{color:var(--maroon);cursor:pointer}details p{margin-top:12px}.closing{font:22px Georgia;color:var(--maroon);margin-top:28px}footer{text-align:center;font-size:13px;color:var(--muted);padding:20px}:focus-visible{outline:3px solid #95a982;outline-offset:3px}@media(max-width:650px){header{padding:18px 16px}header a{font-size:23px}header span{font-size:11px}main{padding:26px 16px}h1{font-size:34px}.calculator{grid-template-columns:1fr}form,.result{padding:22px}.amount{font-size:36px}}

.intro button{margin:4px 0 10px}.demo-label{font-size:13px!important;background:var(--sage);padding:10px 14px;border-radius:10px;margin:8px 0 0!important;max-width:580px;color:var(--maroon)!important}.split-bar{display:flex;height:13px;border-radius:20px;overflow:hidden;margin:18px 0 9px;background:#cbd5bf}.split-bar span:first-child{background:var(--maroon)}.split-bar span:last-child{background:#6c8061}.split-key{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--maroon);margin-bottom:10px}.split-key span:last-child{color:#435c38}.budget-result{padding:14px 16px;background:#fffefa;border-radius:12px;margin:16px 0;font-size:14px}.budget-result strong{display:block;font:27px Georgia;margin:5px 0;color:var(--maroon);overflow-wrap:anywhere}.budget-option{margin:20px 0}.budget-option label{margin:12px 0}.what-if{border:1px solid var(--line);border-radius:18px;background:#fffefa;padding:24px;margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.what-if h2{font-size:27px}.scenario-buttons{display:flex;gap:10px;flex-wrap:wrap}.scenario-buttons button{padding:9px 12px;font-size:14px}.scenario-buttons button[aria-pressed=true]{background:var(--maroon);color:white}.preview{font-size:14px;margin:16px 0 0;padding:14px;border-radius:12px;background:var(--sage)}.preview strong{display:block;font:27px Georgia;color:var(--maroon);margin:6px 0;overflow-wrap:anywhere}[hidden]{display:none!important}@media(max-width:650px){.what-if{grid-template-columns:1fr;padding:22px;gap:8px}.scenario-buttons button{flex:1}.closing{font-size:21px;line-height:1.4}}