:root{color-scheme:light;--paper:#f7f5ef;--ink:#203129;--green:#2f6b4f;--muted:#66756e;--line:#d8ded7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.4 Inter,system-ui,sans-serif}main{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;padding:12px;max-width:1300px;margin:auto}.controls{background:#fffefb;border:1px solid var(--line);border-radius:12px;padding:16px}h1{font:700 23px/1.15 Georgia,serif;margin:0 0 8px}p{margin:8px 0}#intro{color:var(--muted);font-size:13px;min-height:35px}.control{display:block;margin:13px 0}.control>span{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:13px;font-weight:650}output{color:var(--green);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--green);margin:7px 0 0}select,button{font:inherit;border:1px solid var(--line);border-radius:6px;background:#fffefb;color:var(--ink);padding:6px 8px}select{width:100%;margin-top:5px;font-size:13px}button{cursor:pointer;background:#e7f0ea;color:#215c43;font-size:13px}button:hover{border-color:var(--green)}:focus-visible{outline:3px solid #496e87;outline-offset:3px}.navigation{font-size:11px;color:var(--muted)}a{color:var(--green)}.results{min-width:0}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;min-height:24px;font-size:12px}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:24px;border-top:3px solid}svg{width:100%;display:block;overflow:visible}svg text{font-family:Inter,system-ui,sans-serif;fill:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:7px}.metric{border:1px solid var(--line);background:#fffefb;border-radius:8px;padding:8px 10px}.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{font-size:21px;font-weight:650;font-variant-numeric:tabular-nums}.explain{font-size:13px;line-height:1.4;padding:8px 12px;background:#e7f0ea;border-radius:8px}.warning{background:#f5e8df}.embedded .navigation a{display:none}.embedded svg{height:235px}.embedded main{grid-template-columns:294px minmax(0,1fr)}.embedded .controls{padding:12px}.embedded h1{font-size:21px}.embedded .control{margin:9px 0}.embedded .navigation{margin:6px 0}@media(max-width:700px){main{grid-template-columns:1fr}.controls{padding:12px}#inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.control{margin:6px 0}h1{font-size:21px}#intro{min-height:0}.metrics{grid-template-columns:repeat(2,1fr)}.legend{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}