/* debt-payoff-calculator: styles only it uses, split out of site.css by scripts/split-css.mjs. */
.results .result-date { font-size: clamp(1.45rem, 1.2rem + 1.1vw, 2rem); letter-spacing: -0.015em; }
.gpa-rows { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.gpa-head, .gpa-row { display: grid; grid-template-columns: minmax(0, 1fr) 90px 90px 40px; gap: 8px; align-items: center; }
.gpa-head { font-size: 0.85rem; font-weight: 600; color: var(--slate); }
@media (max-width: 480px) {
    .gpa-head { display: none; }
    .gpa-row { grid-template-columns: 1fr 1fr 40px; }
    .gpa-row input[name="course"] { grid-column: 1 / -1; }
}
.debt-head, .debt-row { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 70px minmax(0, 1fr) 40px; }
@media (max-width: 520px) {
    .debt-head { display: none; }
    .debt-row { grid-template-columns: 1fr 1fr 40px; }
    .debt-row input[name="name"] { grid-column: 1 / -1; }
}