.classroom-student { max-width: 560px; }
.classroom-project-name { margin: 0 0 22px; font-size: 19px; font-weight: 700; overflow-wrap: anywhere; }
.classroom-student .publishing-field { margin-block: 16px; }
.classroom-student .publishing-field :is(input,select) { display: block; box-sizing: border-box; width: 100%; margin-top: 8px; min-height: 46px; }
.classroom-student #classroom-code { font-size: 21px; letter-spacing: .1em; text-transform: uppercase; }
.classroom-submission-status { padding: 16px 18px; border: 1px solid #bdd6ef; border-left: 4px solid #3568e6; border-radius: 8px; background: #f1f8ff; margin-bottom: 22px; }
.classroom-submission-status strong { display: block; }
.classroom-submission-status a { display: inline-block; margin-top: 8px; color: #2459b4; }
.classroom-feedback { margin: 10px 0 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.classroom-student .classroom-retention { margin-top: 22px; padding-top: 14px; border-top: 1px solid #d4e1ec; font-size: 13px; }
.classroom-submit-header { flex-shrink: 0; }
@media (max-width: 760px) { .classroom-submit-header { font-size: 13px; padding-inline: 10px; } }