@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203c35;background:#f5f4ef;font-size:14px;--green:#173e35;--muted:#6d7c72;--line:#dedfd5}*{box-sizing:border-box}body{margin:0}header{max-width:1500px;margin:auto;display:flex;gap:12px;align-items:center;padding:25px 4%;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--green);display:flex;gap:12px;align-items:center;font-size:24px;margin-right:auto}.brand b{font-size:19px;letter-spacing:3px}.brand span{font-size:12px;letter-spacing:0;border-left:1px solid #bcc6bc;padding-left:15px;margin-left:8px;color:var(--muted)}button,.button{font:inherit;background:transparent;border:1px solid #c9d0c6;border-radius:7px;padding:9px 13px;color:var(--green);cursor:pointer}button:hover,.button:hover{background:#e4eadf}button:focus-visible,input:focus-visible,summary:focus-visible,.button:focus-within{outline:3px solid #99b966;outline-offset:3px}main{max-width:1500px;padding:40px 4%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 42px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--muted);margin:0 0 13px}h1{font-family:'Playfair Display',Georgia,serif;font-size:58px;line-height:1.1;font-weight:500;letter-spacing:-2px;margin:0}h1 em{color:#778e58}.intro p:not(.eyebrow){color:var(--muted);margin-bottom:0}.intro-note{font-size:10px;letter-spacing:1.2px;line-height:2.5;border-left:1px solid var(--line);padding:12px 0 12px 30px}.intro-note b{font-size:14px;letter-spacing:0;font-weight:500}.workspace{display:grid;grid-template-columns:230px 1fr;gap:30px}aside{border-right:1px solid var(--line);padding-right:25px}h2{font-size:19px;letter-spacing:-.5px;margin:0 0 22px}aside h2{font-size:14px;margin:0}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.scenario{display:block;width:100%;text-align:left;margin:10px 0;padding:16px 12px;border-color:transparent;overflow-wrap:anywhere}.scenario.active{background:var(--green);color:white}.scenario small{display:block;margin-top:8px;opacity:.65}.wide{width:100%;margin-top:12px}.subtle{border:0;color:var(--muted)}.storage{font-size:11px;line-height:1.8;color:var(--muted);margin-top:28px}.project{margin-bottom:24px}#name{background:transparent;border:0;border-bottom:1px dashed #bdc7b9;font-size:24px;font-weight:500;color:var(--green);width:100%;padding:4px 0}.project>div{width:70%}.pill{font-size:9px;letter-spacing:1px;background:#e8eddc;border-radius:20px;padding:9px 12px;white-space:nowrap}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.metric{background:#e9ede2;border-radius:10px;padding:21px 17px}.metric:first-child{background:var(--green);color:#f6f6ed}.metric span{display:block;font-size:11px;opacity:.7}.metric strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:10px 0 5px}.metric small{font-size:10px;opacity:.65}.panels{display:grid;grid-template-columns:1fr 1fr;gap:20px}article{border:1px solid var(--line);border-radius:12px;background:#fffefa;padding:25px}.field{margin-bottom:23px}.field label{font-size:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.number{width:106px;border:1px solid var(--line);border-radius:5px;padding:6px;background:#fff;color:var(--green);font:inherit;text-align:right}input[type=range]{width:100%;accent-color:#65854e;height:5px;cursor:pointer}.total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 12px}.total strong{font-size:21px}small,.hint{font-size:11px;color:var(--muted);line-height:1.6}h3{font-size:13px}.hint{margin-top:2px}.unit{border-top:1px solid var(--line);padding:15px 0}.unitname{font:inherit;color:var(--green);background:transparent;border:0;width:80%;font-size:12px}.unitgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.unitgrid label{font-size:9px;color:var(--muted)}.unitgrid input{width:100%;margin-top:5px;text-align:left}.remove{border:0;padding:3px 7px;color:#936c5d}.results{margin-top:20px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0}.flow span{display:block;font-size:11px;color:var(--muted)}.flow strong{display:block;font-size:23px;margin-top:8px}.bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:#e6e7df;margin:20px 0}.bar span:first-child{background:#b6c99b}.bar span:last-child{background:var(--green)}table{width:100%;border-collapse:collapse;font-size:11px;text-align:right;margin-top:28px}th,td{padding:12px 6px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}details{margin-top:25px;font-size:12px;line-height:1.8;color:var(--muted)}summary{cursor:pointer;color:var(--green)}footer{display:flex;justify-content:space-between;padding:25px 4%;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:8px;padding:12px 20px;display:none}@media(max-width:1100px){.workspace{grid-template-columns:180px 1fr;gap:20px}.metrics{grid-template-columns:1fr 1fr}.panels{grid-template-columns:1fr}.intro-note{display:none}}@media(max-width:650px){header{padding:18px 5%}.brand span{display:none}.brand{font-size:20px;gap:5px}.brand b{font-size:14px}button,.button{font-size:11px;padding:8px}main{padding:30px 5%}h1{font-size:44px}.intro{margin-bottom:30px}.workspace{display:block}aside{border:0;padding:0;margin-bottom:25px}#scenarios{display:flex;overflow-x:auto;gap:8px}.scenario{min-width:170px;width:170px;flex-shrink:0}.wide{width:auto;margin-right:8px}.storage{margin-top:12px}.metric{padding:16px}.metric strong{font-size:26px}.project{gap:5px}#name{font-size:20px}.pill{font-size:8px;padding:7px}.flow{gap:8px}.flow strong{font-size:19px}article{padding:20px}footer{display:block;line-height:2}footer span{display:block}#comparison{overflow-x:auto}table{min-width:480px}}
.metric small,.scenario small{color:inherit}