#debt-payoff{--dp-ink:#233e3a;--dp-teal:#287a68;--dp-paper:#faf7ef;color:var(--dp-ink);overflow-wrap:anywhere}#debt-payoff *{box-sizing:border-box}#debt-payoff [hidden]{display:none!important}#debt-payoff button,#debt-payoff input,#debt-payoff select{font:inherit}#debt-payoff button{white-space:normal;min-height:44px;border:1px solid #a3b8ad;border-radius:10px;padding:.6em .85em;background:#fff;color:var(--dp-ink);cursor:pointer}#debt-payoff button:focus-visible,#debt-payoff input:focus-visible{outline:3px solid #bd583b;outline-offset:3px}#debt-payoff button[aria-pressed=true]{background:var(--dp-teal);color:white}#debt-payoff button:disabled{opacity:.5;cursor:default}#debt-payoff input{width:100%;min-width:0;border:1px solid #8eaaa0;border-radius:8px;padding:.65em;background:#fff;color:#233e3a;height:auto}#debt-payoff input[aria-invalid=true]{border:2px solid #b33c2a}#debt-payoff small{display:block;font-size:.8em;line-height:1.5}#debt-payoff h3{margin:0 0 .7em}#debt-payoff p{line-height:1.6}#debt-payoff .dp-box{padding:clamp(12px,3vw,24px);border:1px solid #d8e0d8;border-radius:18px;margin:16px 0;background:var(--dp-paper)}#debt-payoff .dp-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45em .8em;margin:1em 0}#debt-payoff .dp-row label{display:grid;grid-template-rows:subgrid;grid-row:span 3;gap:.4em;min-width:0}#debt-payoff .dp-row label span{align-self:end}#debt-payoff .dp-row label input{align-self:stretch}#debt-payoff .dp-debt{border-bottom:1px solid #d8e0d8;padding-bottom:1em}#debt-payoff .dp-actions{display:flex;flex-wrap:wrap;gap:.6em;align-items:center}#debt-payoff .dp-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1em}#debt-payoff .dp-totals strong{display:block;font-size:1.65em;line-height:1.25;font-weight:750}#debt-payoff .dp-totals span{display:block;margin-top:.5em}#debt-payoff #dp-result{background:#eef5ee}#debt-payoff #dp-error{color:#8e2e20;background:#fff1eb;padding:1em;border-radius:10px}#debt-payoff .dp-payments{display:grid;gap:12px}#debt-payoff .dp-payment{background:#fff;border:1px solid #d4dfd6;border-left:6px solid var(--creditor);border-radius:12px;padding:1em}#debt-payoff .dp-payment header{display:flex;gap:1em;justify-content:space-between;flex-wrap:wrap}#debt-payoff .dp-payment strong{font-size:1.35em}#debt-payoff .dp-payment dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5em 1em;margin-bottom:0}#debt-payoff dt{font-size:.85em}#debt-payoff dd{margin:0;font-weight:600}#debt-payoff svg{display:block;width:100%;height:auto}#debt-payoff #dp-month{appearance:none;-webkit-appearance:none;background:#bbd4c5;height:12px;padding:0;margin:1em 0;border:0}#debt-payoff #dp-month::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#287a68;border:3px solid white;box-shadow:0 0 0 1px #287a68;cursor:pointer}#debt-payoff #dp-month::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#287a68;border:3px solid white}#debt-payoff .dp-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7em}#debt-payoff .dp-presets button{text-align:left}#debt-payoff .dp-presets small{margin-top:.5em}#debt-payoff details{margin:1em 0}#debt-payoff summary{cursor:pointer;font-weight:650;padding:.7em 0}#debt-payoff .dp-legend{display:flex;flex-wrap:wrap;gap:.5em 1em;font-size:.85em}#debt-payoff .dp-dot{display:inline-block;width:.8em;height:.8em;border-radius:50%;margin-right:.4em}#debt-payoff #dp-status{min-height:1.5em}#debt-payoff .dp-event .dp-row{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){#debt-payoff .dp-row{grid-template-columns:repeat(2,minmax(0,1fr))}#debt-payoff .dp-totals,#debt-payoff .dp-presets{grid-template-columns:1fr}}@media(max-width:420px){#debt-payoff .dp-row,#debt-payoff .dp-event .dp-row{grid-template-columns:1fr}}@media print{#debt-payoff .dp-editor,#debt-payoff .dp-presets,#debt-payoff button,#debt-payoff input,#debt-payoff [data-calculator-rating-anchor]{display:none}#debt-payoff .dp-payment{break-inside:avoid}}
#debt-payoff .calculator-rating__stars{flex-wrap:wrap;max-width:100%}#debt-payoff .dp-debt summary{font-weight:600}#debt-payoff .dp-debt{margin:.2em 0;padding-bottom:.2em}