.calc-wrap{padding:1.5rem 0}.field-row{margin-bottom:1.25rem}.field-label{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.field-label span:first-child{color:#666;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.field-value{color:#1a1a1a;font-size:15px;font-weight:500}input[type=range]{accent-color:#0c447c;cursor:pointer;display:block;width:100%}.divider{border:none;border-top:.5px solid rgba(0,0,0,.15);margin:1.5rem 0}.result-label{color:#666;font-size:12px;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.result-value{color:#1a1a1a;font-size:40px;font-weight:500;letter-spacing:-.02em;margin-bottom:1.25rem}.chart-row{align-items:center;display:flex;gap:2rem;margin-top:1.5rem}.calc-wrap canvas{flex-shrink:0}.breakdown{display:grid;flex:1;gap:10px;grid-template-columns:1fr 1fr 1fr}.breakdown-item{background:#fff;border:.5px solid rgba(0,0,0,.15);border-radius:8px;padding:.75rem 1rem}.b-label{align-items:center;color:#666;display:flex;font-size:12px;margin-bottom:4px}.b-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;margin-right:6px;width:8px}.b-val{color:#1a1a1a;font-size:15px;font-weight:500}.b-pct{color:#666;font-size:11px;margin-top:2px}@media (max-width:520px){.chart-row{align-items:flex-start;flex-direction:column}.breakdown{grid-template-columns:1fr}}