/* Student Loan Payoff Calculator — page-specific styling on top of shared components. */

.debt-row .loan-type-select {
  flex-shrink: 0;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  padding: 3px 6px;
  border-radius: 999px;
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  color: var(--color-text-muted);
}
.debt-row .loan-type-select.federal { color: var(--color-brand); border-color: var(--color-brand); }
.debt-row .loan-type-select.private { color: var(--color-accent); border-color: var(--color-accent); }
.debt-row .debt-fields { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; row-gap: var(--space-2); }
.debt-row .term-hint { grid-column: 1 / -1; font-size: 11px; color: var(--color-text-subtle); margin-top: -4px; }