.assessment-item{border:1px solid #CCDCE4;border-radius:14px;padding:16px;margin:16px 0;text-align:left;background:#fff}
body:has(#assessmentBack){height:auto;min-height:100dvh;align-items:flex-start}
body:has(#assessmentBack) .app-shell{max-width:760px;max-height:none}
body:has(#assessmentBack) .card{max-width:none;max-height:none;overflow:visible}
body:has(#assessmentBack) h1{font-family:Nunito,system-ui,sans-serif;font-size:26px;line-height:1.25}
body:has(#assessmentBack) .status{font-family:Nunito,system-ui,sans-serif;font-size:14px;overflow-wrap:anywhere}
body:has(#assessmentBack) button:focus-visible,body:has(#assessmentBack) input:focus-visible,body:has(#assessmentBack) select:focus-visible,body:has(#assessmentBack) textarea:focus-visible{outline:3px solid #004F71;outline-offset:3px}
.assessment-item h2{font:700 1.2rem Nunito,system-ui,sans-serif;margin:0 0 10px}
#teacherRegistrationForm,#assessmentDraftForm{text-align:left}
#teacherRegistrationForm input[type=file]{max-width:100%;font:inherit;padding:12px 4px}
#assessmentDraftForm textarea{box-sizing:border-box;width:100%;min-height:100px;padding:12px;font:inherit;border:1px solid #6B8B9D;border-radius:10px}
#draftTopics{border:1px solid #CCDCE4;border-radius:10px;margin:16px 0;padding:12px}
#draftTopics .privacy-confirm{margin:10px 0}.preserve-lines{white-space:pre-wrap}
body:has(#workBack){height:auto;min-height:100dvh;align-items:flex-start}
body:has(#workBack) .app-shell{max-width:760px;max-height:none}
body:has(#workBack) .card{max-width:none;max-height:none;overflow:visible}
body:has(#workBack) h1{font-family:Nunito,system-ui,sans-serif;line-height:1.25}
#workWritten{width:100%;min-height:150px;padding:12px;font:inherit;border:2px solid var(--ink);border-radius:10px}