body>header{position:static}
.classroom-header{flex-wrap:wrap;gap:1rem;padding:1rem 24px}
.classroom-header .brand{flex:0 0 auto;white-space:nowrap;font-size:1rem}
.classroom-header nav{flex-wrap:wrap;justify-content:flex-start}
main{max-width:1200px;padding-top:2rem}
h1,h2,h3,p,a,label,summary{overflow-wrap:anywhere;letter-spacing:0}
section{margin:2rem 0;padding:1rem 0;border-top:1px solid #52618b}
.classroom-form{max-width:760px;margin:1.25rem 0}
.classroom-form label{display:block;margin:.75rem 0}
.classroom-form input:not([type=checkbox]):not([type=radio]),.classroom-form select,.classroom-form textarea,.invitation-result input{display:block;width:100%;min-width:0;margin:.35rem 0;padding:.7rem;border:1px solid #637299;border-radius:4px;background:#081027;color:#eef3ff;font:inherit}
.classroom-form textarea{resize:vertical}
.classroom-form .check-label{display:flex;align-items:flex-start;gap:.6rem}
.check-label input{flex:none;margin-top:.45rem}
button{border-radius:4px;background:#20665f;min-height:42px}
button:hover{background:#287d73}button:disabled{opacity:.6;cursor:wait}
.class-tabs,.class-actions,.section-heading{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}
.class-tabs{justify-content:flex-start;border-bottom:1px solid #52618b;padding:.75rem 0}
.class-tabs a{padding:.3rem 0}
.class-list{list-style:none;padding:0}
.class-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid #33426d;padding:1rem 0;margin:0}
.class-list a{font-weight:700}.class-list form{margin:0}
.assignment-question{min-width:0;border:0;border-top:1px solid #52618b;margin:1.5rem 0;padding:1rem 0}
.assignment-question legend{font-weight:700;max-width:100%;padding-right:.5rem}
.assignment-question h3,.graded-question h3{font-size:1rem}
.answer-option{margin:.4rem 0}.preserve-lines{white-space:pre-wrap}
.submission{margin:1rem 0;padding:1rem 0;border-bottom:1px solid #52618b}
summary{cursor:pointer;font-weight:700;padding:.4rem 0}
.graded-question,.class-message{padding:.75rem 0;border-bottom:1px solid #33426d}
.class-notice{border-left:3px solid #f8d34f;padding:.7rem 1rem;background:#20263c}
.class-success{color:#71edbd}.table-wrap{max-width:100%}caption{text-align:left;color:#c4cee8;padding:.5rem 0}th,td{min-width:140px;vertical-align:top}
@media(max-width:600px){main{padding:1.25rem 16px}.class-actions button{flex:1 1 45%}h1{font-size:1.8rem}.class-list li{align-items:flex-start}}