.debt,.debt-output{display:grid;gap:1.5rem}.table-wrap{margin-top:1.75rem}.debt-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9375rem}.debt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.debt-table tbody{display:grid;gap:.75rem}.debt-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:16px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-yg-ink) 10%,transparent)}.debt-row>*{display:block;padding:0;text-align:left}.debt-num{grid-column:1 / -1;color:var(--color-yg-ink);font-family:var(--font-body);font-size:1.125rem;font-weight:600}.debt-num:before{content:"Debt "}.cell-creditor{grid-column:1 / -1}.debt-row td:before{content:attr(data-label);display:block;margin-bottom:.25rem;color:var(--color-yg-slate);font-size:.875rem;font-weight:600}.debt-row .tint{padding:.5rem .75rem;border-radius:10px}.tint{background-color:color-mix(in srgb,var(--color-yg-gold) 12%,var(--color-yg-white));color:var(--color-yg-ink);font-variant-numeric:tabular-nums}.debt-row td.tint:empty:after{content:" ";white-space:pre}.debt-row-error{display:block;padding:0 1rem}.debt-row-error[hidden]{display:none}.debt-row-error td{display:block}.debt-row-error .field-error{margin:0}.cell-input{width:100%;height:44px;padding:0 .75rem;border:1px solid var(--color-yg-slate);border-radius:10px;background-color:var(--color-yg-white);color:var(--color-yg-ink);font:inherit;font-size:1rem;transition:border-color var(--dur-fast) var(--ease-out)}.cell-input::placeholder{color:color-mix(in srgb,var(--color-yg-slate) 80%,transparent)}.cell-input:is(:hover,:focus-visible){border-color:var(--color-yg-ink)}.cell-input[aria-invalid=true]{border-color:var(--color-yg-error)}@media(min-width:900px){.debt-table{display:table}.debt-table thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:table-header-group}.debt-table tbody{display:table-row-group}.debt-row{display:table-row;padding:0;box-shadow:none}.debt-row>*{display:table-cell;padding:.375rem;vertical-align:middle}.debt-table th[scope=col]{padding:0 .375rem .75rem;color:var(--color-yg-slate);font-size:.875rem;font-weight:600;text-align:left;white-space:nowrap}.debt-table th.tint{padding-top:.75rem;border-radius:10px 10px 0 0}.debt-num{width:2.5rem;color:var(--color-yg-slate);font-family:var(--font-body);font-size:.9375rem;font-weight:600}.debt-num:before{content:none}.debt-row td:before{content:none}.debt-row .tint{padding-inline:.75rem;border-radius:0;min-width:8.5rem}.debt-row-error,.debt-row-error td{display:table-row;padding:0}.debt-row-error td{display:table-cell;padding:0 .375rem .5rem 3rem}.debt-row-error[hidden]{display:none}.cell-creditor{min-width:11rem}}.debt-options{display:grid;gap:1.25rem 1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-yg-line)}.debt-form-error{margin-top:1.5rem;text-align:right}@media(min-width:720px){.debt-options{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end}}.debt-results{scroll-margin-top:88px}.debt-results[hidden]{display:none}.debt-results .panel-title:focus{outline:none}.debt-warning{margin:1.25rem 0 0}.print-head{display:none}.debt-headline{display:grid;gap:1px;margin:1.75rem 0 0;overflow:hidden;border-radius:16px;background-color:color-mix(in srgb,var(--color-yg-ink) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-yg-ink) 10%,transparent)}.debt-headline-item{padding:1.5rem;background-color:var(--color-yg-white)}.debt-headline dt{color:var(--color-yg-slate);font-size:.9375rem;font-weight:600;line-height:1.4}.debt-headline dd{margin:.5rem 0 0;color:var(--color-yg-ink);font-family:var(--font-body);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:lining-nums tabular-nums}.debt-summary{max-width:62ch;margin:1.5rem 0 0;color:var(--color-yg-ink);font-size:1.0625rem}.debt-subtitle{margin:2.5rem 0 0;color:var(--color-yg-ink);font-size:1.25rem}.debt-results .table-wrap{margin-top:1rem}.debt-table-static .debt-row td:not(.tint){padding-block:.75rem}.payoff{display:grid;gap:1rem;margin:1rem 0 0;padding:0;list-style:none;counter-reset:payoff}.payoff .payoff-item{display:grid;gap:.5rem;counter-increment:payoff}.payoff .payoff-text{margin:0;color:var(--color-yg-ink);font-size:1rem;font-weight:600}.payoff .payoff-text:before{content:counter(payoff) ". ";color:var(--color-yg-bronze)}.payoff .payoff-track{position:relative;display:block;height:8px;overflow:hidden;border-radius:999px;background-color:color-mix(in srgb,var(--color-yg-ink) 7%,transparent)}.payoff .payoff-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background-color:var(--color-yg-gold);transform-origin:left}html.motion .payoff .is-entering .payoff-fill{animation:debt-grow .9s var(--ease-out) calc(.2s + var(--enter-index, 0) * 90ms) backwards}@keyframes debt-grow{0%{transform:scaleX(0)}}@media(min-width:900px){.debt-headline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media print{body{background-color:var(--color-yg-white)}:is(.site-header,.tool-hero,.tool-cta,.tools,.site-footer,a[href="#main"]),.debt-form,.payoff .payoff-track{display:none!important}.tool-body{padding:0!important;background-color:var(--color-yg-white)!important}.debt-results,.debt-disclaimer,.debt-headline,.debt-headline-item{padding:0;box-shadow:none;background-color:var(--color-yg-white)}.debt-headline{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.debt,.debt-results,.debt-results *{color:var(--color-yg-ink)!important;animation:none!important}.tint{background-color:var(--color-yg-white)}.print-head{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-yg-ink);font-size:.9375rem}.debt-table-static{display:table}.debt-table-static thead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:table-header-group}.debt-table-static tbody{display:table-row-group}.debt-table-static .debt-row{display:table-row;box-shadow:none}.debt-table-static .debt-row>*,.debt-table-static th[scope=col]{display:table-cell;padding:.375rem .5rem;border-bottom:1px solid var(--color-yg-line);text-align:left}.debt-table-static .debt-num:before,.debt-table-static td:before{content:none}}
