.debt-payoff-input-panel__readout{background:color-mix(in oklab, var(--surface) 94%, transparent);font-size:18px;font-weight:700;line-height:1.5;font-family:var(--font-sans);border-color:#0000;padding:0;display:block}.debt-payoff-input-panel__debts{gap:12px;margin-top:18px;display:grid}.debt-payoff-input-panel__debts-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.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{border:1px solid color-mix(in oklab, var(--text) 10%, transparent);background:color-mix(in oklab, var(--surface) 96%, transparent);border-radius:12px;gap:10px;padding:12px;display:grid}.debt-payoff-input-panel__debts-row{grid-template-columns:1.4fr 1fr .8fr 1fr auto;align-items:end;gap:10px;display:grid}.debt-payoff-input-panel__debts-row:not(:last-child){border-bottom:1px solid color-mix(in oklab, var(--text) 12%, transparent);padding-bottom:12px}.debt-payoff-input-panel__balance{flex-direction:column;gap:4px;display:flex}.debt-payoff-input-panel__balance--invalid .field__input{border-color:var(--danger,#dc2626)}.debt-payoff-input-panel__debt-actions{justify-content:flex-end;align-items:end;padding-bottom:4px;display:flex}.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{background:color-mix(in oklab, var(--danger) 8%, transparent);color:var(--danger);border:1px solid color-mix(in oklab, var(--danger) 24%, transparent);border-radius:10px;gap:4px;margin-top:6px;padding:10px 12px;display:grid}@media (max-width:760px){.debt-payoff-input-panel__debts-row{grid-template-columns:1fr 1fr;align-items:stretch}.debt-payoff-input-panel__debts-row>:first-child{grid-column:1/-1}.debt-payoff-input-panel__debt-actions{justify-content:flex-end;padding-bottom:0}}.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{gap:14px;margin:0;padding:0;list-style:none;display:grid}.payoff-timeline__item{border:1px solid color-mix(in oklab, var(--text) 10%, transparent);background:color-mix(in oklab, var(--surface) 98%, transparent);border-radius:12px;gap:10px;padding:12px 14px;display:grid}.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{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.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{background:color-mix(in oklab, var(--text) 10%, transparent);border-radius:999px;height:8px;overflow:hidden}.payoff-timeline__fill{background:var(--chart-profit,#16a34a);border-radius:inherit;height:100%;display:block}.payoff-timeline__item--stuck .payoff-timeline__fill{background:var(--danger,#dc2626)}.payoff-timeline__meta{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0;display:grid}.payoff-timeline__meta-item{flex-direction:column;gap:2px;min-width:0;display:flex}.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);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}#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{grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:12px;margin-bottom:12px;display:grid}.debt-payoff-calculator-page__inputs,.debt-payoff-calculator-page__top-ad{min-width:0}.debt-payoff-calculator-page__top-ad{align-items:stretch;min-height:300px;display:flex}.debt-payoff-calculator-page__top-ad .ad-slot{width:100%;min-height:100%;margin:0}.debt-payoff-calculator-page__results{flex-direction:column;gap:12px;margin:12px 0 16px;display:flex}.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{grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-areas:"summary timeline""table table";gap:12px;display:grid}.debt-payoff-calculator-page__summary{grid-area:summary}.debt-payoff-calculator-page__timeline{grid-area:timeline}.debt-payoff-calculator-page__table{grid-area:table}}
