.gpa-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.gpa-head,.gpa-row{display:grid;grid-template-columns:minmax(0,1fr) 72px 96px 44px 40px;gap:8px;align-items:center}
.gpa-head{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:6px}
.gpa-head span:nth-child(4){text-align:center}
.gpa-rows{display:grid;gap:8px}
.gpa-row .input,.gpa-row .select{padding-left:10px;padding-right:8px}
.gpa-row .gpa-cr{text-align:center}
.gpa-row .gpa-mjw{display:flex;justify-content:center}
.gpa-row .gpa-del{min-height:40px;width:40px;padding:0;border:0;background:transparent;color:var(--faint);font-size:18px}
.gpa-row .gpa-del:hover{color:var(--bad);background:var(--bad-soft)}
.gpa-row.off .gpa-gr{color:var(--muted)}
@media (max-width:560px){
  .gpa-head,.gpa-row{grid-template-columns:minmax(0,1fr) 50px 76px 30px 32px;gap:6px}
  .gpa-row .input,.gpa-row .select{padding-left:8px;padding-right:6px}
  .gpa-row .select{padding-right:2px}
  .gpa-row .gpa-del{width:32px}
}
.gpa-of{font-size:.5em;color:var(--muted);font-weight:600}
.gpa-cv-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.gpa-cv-out .stat.src{outline:2px solid var(--brand);outline-offset:-2px}