.additionalGrades{margin-bottom:22px;padding:18px;border:1px solid #bfd3ec;border-radius:16px;background:#f8fbff}.extraGradeHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.extraGradeHead span{color:#2563eb;font-size:.75rem;font-weight:900;letter-spacing:.08em}.extraGradeHead h2{margin:3px 0 0;color:#0f2e4b}.extraGradeHead>b{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:8px 11px}.extraGradeForm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.extraGradeForm label{display:grid;gap:6px;font-weight:800;color:#334155}.extraGradeForm input,.extraGradeForm select,.extraGradeForm textarea{width:100%;border:1px solid #b8c9dd;border-radius:10px;background:#fff;padding:11px 12px;font:inherit}.extraGradeForm .extraWide{grid-column:1/-1}.extraGradeForm button{border:0;border-radius:10px;background:#1d4ed8;color:#fff;padding:12px 15px;font-weight:900;cursor:pointer}.extraGradeList{display:grid;gap:10px}.extraGradeCard{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:14px}.extraGradeCard span{font-size:.82rem;font-weight:900;color:#2563eb}.extraGradeCard h4{margin:4px 0;color:#0f2e4b}.extraGradeCard p{margin:0 0 6px;color:#475569;white-space:pre-wrap}.extraGradeCard small{color:#64748b}.extraGradeCard>strong{font-size:1.6rem;color:#0b579f}.extraGradeEmpty{margin:0;color:#64748b}@media(max-width:760px){.extraGradeForm{grid-template-columns:1fr}.extraGradeForm .extraWide{grid-column:auto}.extraGradeHead,.extraGradeCard{align-items:flex-start;flex-direction:column}.extraGradeCard>strong{align-self:flex-end}}