.gpa-head, .gpa-row { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr auto; gap: 8px; align-items: center; }
.gpa-head { font-size: .82rem; font-weight: 600; color: var(--ink-2); margin-bottom: 6px; }
.gpa-rows { display: grid; gap: 8px; margin-bottom: 10px; }
.gpa-row .input { min-height: 42px; padding: 8px 10px; }
@media (max-width: 560px) {
  .gpa-head { display: none; }
  .gpa-row { grid-template-columns: 1fr 1fr 1fr auto; padding: 8px; border: 1px solid var(--line); border-radius: 10px; }
  .gpa-row [data-k="name"] { grid-column: 1 / -1; }
}