.debt-payoff-input-panel__readout{display:block;border-color:transparent;background:color-mix(in oklab,var(--surface) 94%,transparent);padding:0;font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans)}.debt-payoff-input-panel__debts{margin-top:18px;display:grid;gap:12px}.debt-payoff-input-panel__debts-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.debt-payoff-input-panel__debts-title{font-size:16px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin:0}.debt-payoff-input-panel__debts-grid{display:grid;gap:10px;padding:12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);background:color-mix(in oklab,var(--surface) 96%,transparent)}.debt-payoff-input-panel__debts-row{display:grid;grid-template-columns:1.4fr 1fr .8fr 1fr auto;gap:10px;align-items:end}.debt-payoff-input-panel__debts-row:not(:last-child){padding-bottom:12px;border-bottom:1px solid color-mix(in oklab,var(--text) 12%,transparent)}.debt-payoff-input-panel__balance{display:flex;flex-direction:column;gap:4px}.debt-payoff-input-panel__balance--invalid .field__input{border-color:var(--danger, #dc2626)}.debt-payoff-input-panel__debt-actions{display:flex;align-items:center;justify-content:flex-end;padding-bottom:4px}.debt-payoff-input-panel__note{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted)}.debt-payoff-input-panel .button-pill:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.debt-payoff-input-panel__errors{margin-top:6px;padding:10px 12px;border-radius:10px;background:color-mix(in oklab,var(--danger) 8%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 24%,transparent);display:grid;gap:4px}@media(max-width:760px){.debt-payoff-input-panel__debts-row{grid-template-columns:1fr;align-items:stretch}.debt-payoff-input-panel__debt-actions{justify-content:flex-end;padding-bottom:0}}.debt-summary{padding:12px}.debt-summary__top{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:0 44px;margin-bottom:16px}.debt-summary__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);text-align:center;margin:0}.debt-summary__action{display:flex;align-items:center;justify-content:flex-end;position:absolute;top:0;right:0}.debt-summary__warning{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:color-mix(in oklab,var(--danger) 8%,transparent);color:var(--danger);border:1px solid color-mix(in oklab,var(--danger) 24%,transparent)}.debt-summary__grid{display:grid;gap:16px}.debt-summary__kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.debt-summary__subtitle{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);text-align:center;margin-top:4px}.debt-summary__heading{text-align:center}.debt-summary__kpi{border:1px solid color-mix(in oklab,var(--text) 10%,transparent);border-radius:12px;padding:10px;background:color-mix(in oklab,var(--surface) 98%,transparent);text-align:center}.debt-summary__kpi__label{color:var(--muted);font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans)}.debt-summary__kpi__value{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);overflow-wrap:anywhere;margin-top:4px}.debt-summary__kpi--pos{border-color:color-mix(in oklab,var(--chart-profit) 35%,transparent);background:color-mix(in oklab,var(--chart-profit) 12%,transparent)}.debt-summary__chart{display:grid;justify-items:center;gap:8px;margin-top:6px}@media(max-width:480px){.debt-summary__kpis{grid-template-columns:1fr}}.payoff-timeline{padding:12px}.payoff-timeline__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);text-align:center;margin:0 0 14px}.payoff-timeline__list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.payoff-timeline__item{display:grid;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid color-mix(in oklab,var(--text) 10%,transparent);background:color-mix(in oklab,var(--surface) 98%,transparent)}.payoff-timeline__item--stuck{border-color:color-mix(in oklab,var(--danger, #dc2626) 32%,transparent);background:color-mix(in oklab,var(--danger, #dc2626) 6%,transparent)}.payoff-timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;min-width:0}.payoff-timeline__name{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);overflow-wrap:anywhere}.payoff-timeline__when{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);font-variant-numeric:tabular-nums}.payoff-timeline__bar{height:8px;border-radius:999px;background:color-mix(in oklab,var(--text) 10%,transparent);overflow:hidden}.payoff-timeline__fill{display:block;height:100%;background:var(--chart-profit, #16a34a);border-radius:inherit}.payoff-timeline__item--stuck .payoff-timeline__fill{background:var(--danger, #dc2626)}.payoff-timeline__meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0}.payoff-timeline__meta-item{display:flex;flex-direction:column;gap:2px;min-width:0}.payoff-timeline__meta-item dt{font-size:12px;font-weight:300;line-height:1.5;font-family:var(--font-sans);color:var(--muted);margin:0}.payoff-timeline__meta-item dd{font-size:14px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.debt-table{padding:12px}.debt-table__top--with-title{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:8px}.debt-table__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin:0;text-align:center}.debt-table__scroll{border-radius:10px}.debt-table__viewport{overflow:auto}.debt-table__table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}.debt-table__head th{position:sticky;top:0;z-index:1;background:var(--surface);text-align:center;border-bottom:1px solid #e5e7eb;padding-block:8px;padding-inline:6px;white-space:nowrap}.debt-table__head th:first-child{text-align:left}.debt-table__body .debt-table__row:nth-child(2n){background:#00000005}.debt-table__cell{padding-block:8px;padding-inline:6px;border-bottom:1px solid #f2f2f2;vertical-align:middle}.debt-table__number{text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}#debtPayoffCalculatorResult,#debtPayoffCalculatorSummary{scroll-margin-top:80px}.debt-payoff-calculator-page__title{font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);margin-bottom:12px}.debt-payoff-calculator-page__top-row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:flex-start;margin-bottom:12px}.debt-payoff-calculator-page__inputs,.debt-payoff-calculator-page__top-ad{min-width:0}.debt-payoff-calculator-page__top-ad{display:flex;align-items:stretch;min-height:300px}.debt-payoff-calculator-page__top-ad .ad-slot{width:100%;min-height:100%;margin:0}.debt-payoff-calculator-page__results{display:flex;flex-direction:column;gap:12px;margin:12px 0 16px}.debt-payoff-calculator-page__summary,.debt-payoff-calculator-page__timeline,.debt-payoff-calculator-page__table{min-width:0}@media(min-width:980px){.debt-payoff-calculator-page__top-row--with-ad{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.debt-payoff-calculator-page__results{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-areas:"summary   timeline" "table     table";column-gap:12px;row-gap:12px}.debt-payoff-calculator-page__summary{grid-area:summary}.debt-payoff-calculator-page__timeline{grid-area:timeline}.debt-payoff-calculator-page__table{grid-area:table}}