:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#213537;background:#f2f5f3;font-synthesis:none;line-height:1.5;--accent:#176b56;--muted:#657775;--line:#dfe7e2}
*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:46px 28px 24px}header{margin-bottom:32px}h1{font-size:clamp(30px,4vw,42px);letter-spacing:-1.3px;line-height:1.2;margin:10px 0 12px}header p{color:var(--muted);margin:0}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:750;color:var(--accent)}.layout{display:grid;grid-template-columns:minmax(280px,390px) minmax(0,1fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px}.results-column{display:grid;gap:20px}h2{font-size:18px;letter-spacing:-.3px;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:25px}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:var(--accent);font-size:13px;padding:8px;border-radius:7px}button:hover{background:#edf3ef}button:focus-visible,summary:focus-visible{outline:3px solid #85baa9;outline-offset:3px}fieldset{border:0;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 112px;gap:12px;align-items:center}fieldset:last-of-type{margin-bottom:0}legend{font-size:12px;font-weight:650;color:var(--accent);padding:0;margin-bottom:16px;width:100%}legend span{font-size:14px;color:#213537;margin-left:12px}label{font-size:14px}label span{color:var(--muted);font-size:12px;margin-left:4px}input{width:100%;min-width:0;border:1px solid #d1dcd5;border-radius:8px;padding:9px 11px;color:#213537;background:#fcfdfc;text-align:right;font-variant-numeric:tabular-nums;outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #176b5612}input[aria-invalid=true]{border-color:#b84b37;background:#fff8f4}.hint{font-size:12px;color:var(--muted);margin:8px 0 0}fieldset .hint,.switch{grid-column:1/-1}.switch{display:flex;background:#f0f4f1;border-radius:9px;padding:4px}.switch button{flex:1;color:var(--muted)}.switch button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 1px 5px #233d3114;font-weight:650}.switch+.hint{margin:0 0 4px}.error{font-size:13px;color:#a13a27;margin:20px 0 0}.result{background:#edf5ef;border-color:#d4e4d8}.result h2{font-size:64px;font-weight:600;letter-spacing:-3px;color:var(--accent);line-height:1.15;margin:18px 0 4px}.result.loss h2{color:#b34c35}#verdict{color:#45665d;margin:0 0 28px;font-size:14px}.comparison>div:not(.track){display:flex;justify-content:space-between;font-size:13px;margin:13px 0 7px}.comparison strong{font-variant-numeric:tabular-nums}.track{height:9px;background:#dce8df;border-radius:5px;overflow:hidden}.bar{height:100%;border-radius:5px}.baseline{background:#9ab5a5}.proposed{background:var(--accent)}.loss .proposed{background:#b34c35}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #d3e1d6;margin-top:28px;padding-top:22px}.metrics>div{display:flex;flex-direction:column}.metrics span,.metrics small{font-size:12px;color:#567269}.metrics strong{font-size:25px;letter-spacing:-.6px;margin:3px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;margin-top:15px;text-align:right;font-variant-numeric:tabular-nums}th,td{padding:11px 8px;border-bottom:1px solid #edf0ed;white-space:nowrap}thead th{font-size:11px;font-weight:500;color:var(--muted)}th:first-child{text-align:left;padding-left:0}tbody th{font-weight:400}td:last-child{color:var(--accent);font-weight:600}tr:last-child th,tr:last-child td{border-bottom:0}summary{cursor:pointer;font-weight:600;font-size:14px}.method{color:var(--muted);font-size:13px}.method p{margin:16px 0 0}.formula{background:#f3f6f3;color:#294d40;padding:14px;border-radius:8px}footer{font-size:11px;color:var(--muted);margin-top:26px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:740px){main{padding:28px 16px}.layout{grid-template-columns:1fr;gap:18px}.card{padding:22px}.result h2{font-size:56px}header{margin-bottom:24px}}@media(prefers-reduced-motion:no-preference){.bar{transition:width .2s ease}}
