.ox-gpa-calculator-head, .ox-gpa-calculator-row { display: grid; grid-template-columns: 1.4fr .8fr .7fr 1.2fr 48px; gap: 8px; align-items: center; }
.ox-gpa-calculator-head { font-weight: 800; font-size: .9rem; margin: 6px 0; }
.ox-gpa-calculator-rows { display: grid; gap: 8px; margin-bottom: 8px; }
.ox-gpa-calculator-row .ox-btn { padding: 0; }
@media (max-width: 640px) {
  .ox-gpa-calculator-head { display: none; }
  .ox-gpa-calculator-row { grid-template-columns: 1fr 1fr 1fr; background: var(--surface); padding: 10px; border-radius: var(--r-sm); box-shadow: var(--shadow); }
  .ox-gpa-calculator-row > :first-child { grid-column: 1 / 4; }
  .ox-gpa-calculator-row > :nth-child(4) { grid-column: 1 / 3; }
}