/* Course rows: name, credits, grade, remove. On phones the name gets its own line. */
.gpa-head, .gpa-row { display: grid; grid-template-columns: minmax(0, 1fr) 118px 140px 44px; gap: 8px; align-items: center; }
.gpa-head { font-weight: 700; font-size: 0.82rem; color: var(--muted); padding: 0 4px; }
.gpa-row .gpa-del { min-height: 44px; padding: 0; justify-content: center; }
.gpa-row .input-group input { min-width: 0; }
.gpa-row input[aria-invalid='true'] { border-color: var(--err); }
@media (max-width: 560px) {
  .gpa-head { display: none; }
  .gpa-row { grid-template-columns: 1fr 1.3fr 44px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
  .gpa-row .gpa-name { grid-column: 1 / -1; }
}