@import url('/tools/tools.css');
.calculator{grid-template-columns:1fr 1.1fr;align-items:start;background:var(--panel)}
.inputs,.result{min-width:0}.result{align-self:stretch}
.sale-costs{border:0;border-top:1px solid var(--line);padding:22px 0 0;margin:26px 0}
.sale-costs legend{float:left;width:100%;font-weight:700;font-size:16px;margin-bottom:5px;padding:0}
.cost-guide{clear:both;color:var(--muted);font-size:12px;margin:0 0 18px;max-width:440px}
.cost-row{display:grid;grid-template-columns:minmax(0,1fr) 125px 44px;gap:10px;align-items:end;margin-bottom:14px}
.cost-name,.cost-amount{min-width:0}.cost-row input{font-size:15px;padding:11px 12px;min-height:48px}
.cost-amount input{text-align:right;font-variant-numeric:tabular-nums}
.remove-cost{font-size:24px;border:0;background:transparent;color:var(--muted);padding:0;min-height:48px}
.remove-cost:disabled{opacity:.25;cursor:default}
.add-cost{border:1px solid #60605b;background:transparent;border-radius:50px;font-size:13px;padding:9px 17px;min-height:44px}
.add-cost:disabled{opacity:.5;cursor:default}
.inputs .quiet{margin-bottom:0}.text-link{min-height:48px;margin-top:8px}
.result-value{overflow-wrap:anywhere;margin-top:20px;font-size:clamp(48px,6vw,80px)}
.result-explanation{font-size:17px;margin:0 0 12px}
.result-boundary{font-size:12px;color:#535350;margin:0 0 30px;max-width:370px!important}
.loss{color:#ac211a}
.ledger{margin:26px 0 0;border-top:1px solid #c8c8c4;font-size:14px}
.ledger-line{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #d8d8d4}
.ledger-line span{overflow-wrap:anywhere;min-width:0}.ledger-line strong{flex-shrink:0;font-variant-numeric:tabular-nums}
.ledger-line.subtotal{color:#535350;font-size:12px;border-bottom:0;padding-bottom:8px}
.ledger-line.total{border-top:1px solid #80807b;border-bottom:0;font-size:16px;font-weight:700;padding-top:17px}
.result .method{margin-top:24px}.result a{text-decoration:underline;text-underline-offset:3px}
.result :focus-visible{outline-color:#111}
.copy-fallback label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
.copy-fallback textarea{width:100%;min-height:220px;font:13px/1.5 'DM Sans',sans-serif;color:#111;background:#fff;border:1px solid #888;border-radius:6px;padding:12px;resize:vertical}
.inputs input[aria-invalid=true]{border-color:#f6a19c}
@media(max-width:1000px){.cost-row{grid-template-columns:minmax(0,1fr) 105px 44px;gap:8px}.inputs,.result{padding:28px}.cost-row input{padding:10px 9px;font-size:14px}}
@media(max-width:760px){.calculator{grid-template-columns:1fr}.cost-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;margin-bottom:22px}.cost-name{grid-column:1 / -1}.cost-amount label{position:static;width:auto;height:auto;margin:0 0 6px;overflow:visible;clip:auto;white-space:normal;font-size:12px}.cost-row input{font-size:16px}}
@media(max-width:400px){.inputs,.result{padding:22px}.result-value{font-size:58px}.ledger-line{gap:12px;font-size:13px}.ledger-line.total{font-size:14px}}