.classroom-page .surface-card{margin-block:1.25rem}
.classroom-page input,.classroom-page textarea,.classroom-page select,.class-invite input{box-sizing:border-box;max-width:100%;min-height:44px;font:inherit}
.classroom-page textarea{resize:vertical}
.classroom-page .checkbox-label,.class-invite .checkbox-label{display:flex;align-items:flex-start;gap:.7rem;min-width:0;min-height:44px;padding-block:.6rem;overflow-wrap:anywhere}
.classroom-page .checkbox-label input[type=checkbox],.class-invite .checkbox-label input[type=checkbox]{width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;padding:0;margin-top:3px;flex:0 0 20px}
.class-member,.class-assignment,.class-submission,.class-journal{border-top:1px solid #aeb6c1;padding-block:1rem;overflow-wrap:anywhere}
.class-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.classroom-page label,.class-invite label{font-weight:600}
.classroom-page fieldset,.class-invite fieldset{min-width:0;padding:1rem;border:1px solid #7c8694}
.classroom-page input[readonly]{width:100%;overflow-wrap:anywhere}
.class-public{margin:0;background:#f7f8fc;color:#252c38;font:1rem/1.6 Arial,sans-serif}
.class-invite{max-width:780px;margin:2rem auto;padding:1.5rem;background:#fff;border:1px solid #cbd2dc;border-radius:16px;overflow-wrap:anywhere}
.class-invite h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.2}
.class-invite .stack-form{display:grid;gap:.7rem}
.class-invite input:not([type=checkbox]){box-sizing:border-box;width:100%;padding:.7rem;border:1px solid #7c8694;border-radius:8px}
.class-invite a{color:#82410b;text-underline-offset:.2em}
.class-invite .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;max-width:100%;padding:.7rem 1rem;border:1px solid #913707;border-radius:9px;background:#ad451b;color:#fff;font:inherit;font-weight:700;text-decoration:none;white-space:normal}
.class-invite :focus-visible{outline:3px solid #533cbd;outline-offset:3px}
.classroom-page .path-actions{flex-wrap:wrap;gap:.75rem}
.classroom-page .button{white-space:normal}
@media(max-width:600px){.class-invite{margin:.75rem;padding:1rem}.classroom-page .button{max-width:100%;overflow-wrap:anywhere}}
@media(forced-colors:active){.class-invite .button{border-color:ButtonText;background:ButtonFace;color:ButtonText}.class-invite :focus-visible{outline-color:Highlight}}