.heading{padding:54px 0 34px;max-width:850px}.heading h1{font-size:clamp(44px,6vw,70px)}.privacy,.hint{color:var(--muted);font-size:13px}.layout{display:grid;grid-template-columns:350px minmax(0,1fr);gap:56px;border-top:1px solid var(--line);padding-top:34px}h2{font-size:26px;letter-spacing:-.7px;margin:26px 0 14px}form h2:first-child{margin-top:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;font-size:13px;font-weight:600}.field input[type=number]{display:block;width:100%;padding:11px 9px;border:1px solid #b9c5cd;border-radius:3px;font:inherit;font-size:16px;color:var(--ink);background:white;margin-top:5px}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #d27b33;outline-offset:3px}.slider{display:block;margin:20px 0;font-size:14px}.slider span{display:flex;justify-content:space-between;gap:12px}.slider output{font-variant-numeric:tabular-nums;font-weight:700}.slider input{width:100%;accent-color:var(--blue);min-height:32px}summary{cursor:pointer;font-weight:600;padding:12px 0}details{border-top:1px solid var(--line);margin-top:22px}.secondary{background:white;border:1px solid #b9c5cd;padding:10px 14px;color:var(--ink);cursor:pointer;font:inherit;font-size:13px;border-radius:3px}form button{margin-top:24px}.result-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.result-head .eyebrow{margin:0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 30px}.metric{border-bottom:1px solid var(--line);padding-bottom:18px}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;font-size:27px;font-weight:500;font-variant-numeric:tabular-nums}.legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.swatch{width:12px;height:12px;display:inline-block}.expense{background:#8798a4}.income{background:var(--blue)}.barrow{margin:20px 0}.barlabel{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:13px}.bartrack{display:flex;height:27px;margin:7px 0}.bartrack div{height:100%}.barfoot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}.insight{background:var(--light);padding:18px;font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;font-variant-numeric:tabular-nums}th,td{text-align:right;padding:10px 7px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{font-weight:600;color:var(--muted)}.sale{font-size:14px;margin-top:20px}.sale p{display:flex;justify-content:space-between;gap:15px}.sale strong{font-variant-numeric:tabular-nums}.method{margin:50px 0 0;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:13px}.method h2{color:var(--ink)}.cta{padding:30px 0 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}#error{color:#a02d20;font-size:14px}#chart svg{display:block;width:100%;height:200px}#chart text{font:12px Arial;fill:var(--muted)}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:30px}.fields{grid-template-columns:1fr 1fr}.heading{padding-top:38px}.results{border-top:1px solid var(--line);padding-top:25px}}@media(max-width:400px){.metric strong{font-size:23px}.cta{display:block}.result-head{align-items:flex-start}}@media print{.header,footer,.cta,button{display:none!important}.wrap{width:100%}.heading{padding:10px 0}.heading h1{font-size:32px}.layout{display:block}form{break-after:page}.results{break-before:page}.metric,.barrow{break-inside:avoid}.table-wrap{overflow:visible}details{display:block}input[type=range]{display:none}body{font-size:12px}.method{margin-top:20px}}
