:root{color-scheme:light;--ink:#182c32;--muted:#617278;--line:#dde4e5;--lime:#d7fa72;--bg:#f3f6f6;--accent:#49692b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #59822e;outline-offset:4px}.shell{max-width:1360px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:8px;letter-spacing:.03em}.brand-icon{background:var(--ink);color:var(--lime);font-size:25px;width:37px;height:37px;display:grid;place-items:center;border-radius:10px;margin-right:4px}.brand-light{font-weight:450}.header-note{font-size:14px;color:var(--muted)}.intro{padding:36px 0 28px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;margin:0 0 10px}.intro .eyebrow{color:#587338}h1{font-size:clamp(28px,3.3vw,44px);letter-spacing:-.045em;margin:0 0 10px;line-height:1.14}.intro>p:last-child{color:var(--muted);margin:0;font-size:16px}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:16px}.controls{padding:26px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}h2{font-size:18px;letter-spacing:-.02em;margin:0}h3{font-size:15px;margin:0 0 18px}.reset{border:0;background:none;color:var(--muted);font-size:14px;padding:4px}.controls label{display:block;font-size:14px;font-weight:600;margin-bottom:9px}.controls>.input-pair,.controls>select{margin-bottom:23px}.input-pair{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}input[type=number],select{width:100%;min-width:0;padding:12px;border:1px solid #ccd6d8;border-radius:8px;color:var(--ink);background:#fff;font-size:16px}input[type=number]{font-variant-numeric:tabular-nums}input:user-invalid{border-color:#b1452f}.optional{font-size:12px;font-weight:400;color:var(--muted);display:block;margin-top:3px}.range-label{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.range-label label{margin:0}.range-label output{font-size:14px;font-weight:700;background:#edf4df;padding:5px 10px;border-radius:6px}input[type=range]{width:100%;accent-color:#577b35;margin:15px 0 5px}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.divider{height:1px;background:var(--line);margin:25px 0}.cost-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{color:var(--muted);font-size:12px;line-height:1.6;margin:15px 0 0}.results{display:grid;gap:16px}.budget-card{background:var(--ink);color:white;border-radius:18px;padding:28px 30px 0;position:relative;overflow:hidden}.budget-top{display:flex;justify-content:space-between;align-items:center}.budget-top .eyebrow{color:var(--lime);margin:0}.pill{font-size:12px;color:#e5eee9;border:1px solid #536263;padding:6px 11px;border-radius:20px}.budget-value{font-size:clamp(42px,5.5vw,72px);font-weight:600;letter-spacing:-.055em;line-height:1.2;margin:17px 0 8px;font-variant-numeric:tabular-nums;color:var(--lime)}.budget-value span{font-size:.45em;letter-spacing:-.02em;color:#e6efed;margin-left:9px}.budget-card>p{font-size:14px;color:#c2d0d0;margin:0 0 23px;max-width:510px;line-height:1.55}.budget-bottom{border-top:1px solid #46575b;display:flex;gap:9px;align-items:center;padding:15px 0;font-size:13px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:50%;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat{padding:21px 24px}.stat>span{display:block;font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:29px;letter-spacing:-.035em;margin:8px 0 3px;font-weight:650}.stat small{font-size:12px;color:var(--muted)}.negative{color:#aa412e}.chart-card{padding:22px 24px 18px}.chart-card .section-heading{margin-bottom:10px;flex-wrap:wrap}.chart-card h2{font-size:15px}.legend{font-size:12px;color:var(--muted);display:flex;gap:6px;align-items:center}.legend i{background:#71963e;width:14px;height:3px}#chart{display:block;width:100%;height:auto;overflow:visible}#chart text{font:12px system-ui;fill:var(--muted)}.chart-grid{stroke:#e3e9e9;stroke-dasharray:4 5}.chart-zero{stroke:#aab8b9}.chart-line{fill:none;stroke:#668b36;stroke-width:3}.chart-area{fill:#eaf3d9}.chart-point{fill:#668b36}.matrix-section{margin-top:40px}.matrix-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.matrix-heading h2{font-size:24px;letter-spacing:-.035em}.matrix-heading .eyebrow{color:var(--muted)}.matrix-heading>p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:14px;background:white}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:13px}th{padding:14px 10px;font-weight:600}thead{background:#eef2f2;color:var(--muted)}th:first-child{text-align:left;padding-left:20px;min-width:180px}tbody th{background:white;color:var(--muted)}td button{border:0;width:100%;padding:13px 10px;color:var(--ink);font-size:13px;font-weight:550;min-width:96px;background:transparent}td button:hover{box-shadow:inset 0 0 0 2px #6b8e3e}td button[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink);font-weight:800}td.heat-0{background:#fafbfa}td.heat-1{background:#f0f6e6}td.heat-2{background:#e1eec9}td.heat-3{background:#ccdfa9}td.heat-4{background:#b4d383}tr:last-child>*{border-bottom:0}tr>*:last-child{border-right:0}details{border-bottom:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:14px;line-height:1.7}summary{cursor:pointer;font-weight:600;color:var(--ink)}details p{max-width:920px}footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:25px 0 30px}footer a{text-underline-offset:3px}#error{background:#fff1ec;color:#983d29;border:1px solid #e5b1a5;border-radius:8px;padding:14px;margin:0;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(min-width:1400px){.intro{padding-top:42px}}@media(max-width:1050px){.shell{padding:0 28px}.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}.controls{padding:22px}.stat{padding:18px}.stat strong{font-size:25px}.budget-card{padding:25px 25px 0}.header-note{display:none}}@media(max-width:760px){.shell{padding:0 20px}header{padding:20px 0}.brand{font-size:12px}.intro{padding:28px 0 24px}.workspace{grid-template-columns:1fr}.controls{padding:22px}.results{gap:12px}.matrix-heading{display:block}.matrix-heading>p{margin-top:12px}.matrix-heading h2{font-size:22px}.stat-grid{gap:12px}.stat{padding:17px}.stat strong{font-size:24px}.chart-card{padding:20px 16px}.budget-value{font-size:57px}footer{flex-direction:column;gap:9px}.matrix-section{margin-top:32px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,box-shadow .15s}}