.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0}.account-heading b{font-size:1.15rem}.account-heading span{color:#4c616f;overflow-wrap:anywhere}.account-storage{background:#eaf8f0;border:1px solid #aed6bf;padding:14px;border-radius:16px;line-height:1.6}.account-warning{background:#fff3d7;border-color:#ad7715}.account-classrooms{display:grid;gap:12px;margin:20px 0;max-height:340px;overflow:auto}.account-classrooms button{text-align:left;display:grid;gap:7px;padding:16px;width:100%;background:#f3f7ff}.account-classrooms button b{font-size:1.1rem}.account-classrooms button small{color:#405773}.account-classrooms button>span{color:#28479d;font-weight:800}.account-settings{border-top:2px solid #e0e6ef;margin-top:20px;padding-top:8px}.account-settings summary{cursor:pointer;font-weight:800;min-height:48px;padding:12px 0}.account-settings form{margin:12px 0}.account-settings button{min-height:48px}.account-recovery-code{display:block;overflow-wrap:anywhere;padding:20px;margin:16px 0;border:2px dashed #4967b2;border-radius:16px;background:#f1f5ff;font:700 1.1rem monospace;user-select:all}.teacher-storage-notice{padding:12px 16px;border:2px solid #a66e12;border-radius:14px;background:#fff1ca;color:#4d3309;line-height:1.5;margin-bottom:12px}.teacher-storage-notice button{margin-left:12px}
html[data-color-mode=contrast] :is(.account-storage,.account-classrooms button,.account-recovery-code,.teacher-storage-notice){background:#fff;color:#111;border-color:#111}html[data-color-mode=contrast] .account-classrooms :is(span,small){color:#111}@media(max-width:520px){.account-heading{align-items:flex-start;flex-direction:column}.account-settings button{width:100%;margin:6px 0}.account-classrooms{max-height:280px}}
.teacher-help-steps{display:grid;gap:12px;margin:20px 0}.teacher-help-step{display:flex;align-items:center;gap:14px;text-align:left;padding:16px;border:2px solid #c5d5bc;border-radius:18px;background:#f3f9eb;color:#20374b;font:inherit;min-height:80px;cursor:pointer}.teacher-help-step>b{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;background:#c4e99b;color:#234910;border-radius:13px;font-size:1.3em}.teacher-help-step span{display:grid;gap:7px}.teacher-help-step small{color:#425d62;line-height:1.5}.teacher-help-detail{border-top:1px solid #d5ded5;padding:5px 0}.teacher-help-detail summary{padding:14px 0;cursor:pointer;font-weight:800;line-height:1.5}.teacher-help-detail p{line-height:1.7}.teacher-help-step:focus-visible{outline:3px solid #25518e;outline-offset:3px}html[data-color-mode=contrast] .teacher-help-step{background:#fff;color:#111;border-color:#111}

.teacher-page-actions{display:flex;gap:10px;align-items:center}body[data-entry-role=student] #teacher-billing-button{display:none}

/* Account screens retain readable controls at the user's text size. */
.teacher-account-panel{display:grid;gap:12px;min-width:0;line-height:1.65}.teacher-account-panel p{margin:0}.teacher-account-panel form{display:grid;gap:12px;min-width:0}.teacher-account-panel label:not(.account-check){display:grid;gap:6px}.teacher-account-panel .input{width:100%;min-width:0;min-height:48px;font:inherit}.teacher-account-panel button{min-height:48px;font:inherit;white-space:normal;overflow-wrap:anywhere}.teacher-account-panel [hidden]{display:none!important}.teacher-account-panel [role=alert]{color:#9a271b;overflow-wrap:anywhere}.teacher-account-panel [role=alert]:empty{display:none}.teacher-account-panel :is(button,input,summary,output):focus-visible{outline:3px solid #324ba2;outline-offset:3px}.account-room-actions{display:flex;flex-wrap:wrap;gap:10px}.account-room-search{font-weight:700}.account-check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.account-check input{width:24px;height:24px;flex:none;margin-top:3px}.teacher-account-panel .account-classrooms{margin:0 0 8px;overscroll-behavior:contain}.teacher-account-panel .account-classrooms button{min-width:0}.teacher-account-panel .account-classrooms b{overflow-wrap:anywhere}.teacher-account-panel .account-settings{margin-top:8px}.teacher-account-panel .account-recovery-code{margin:0;font-size:1rem}.teacher-account-panel button:disabled{cursor:default}
html[data-color-mode=contrast] .teacher-account-panel :is([role=alert],.muted){color:#111}html[data-color-mode=contrast] .teacher-account-panel :is(button,input,output){border:2px solid #111}html[data-color-mode=contrast] .teacher-account-panel :is(button,input,summary,output):focus-visible{outline-color:#111}@media(max-width:520px){.account-room-actions>*{width:100%}.teacher-account-panel .account-classrooms{max-height:min(340px,45dvh)}}