.material-filters{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.material-filters label{display:grid;gap:8px;font-size:16px}.material-filters input,.material-filters select{min-height:48px;border:1px solid #6380a9;border-radius:8px;background:#fff;padding:8px 12px;font:inherit;max-width:100%}.material-row{border-top:1px solid #c5d2e5;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.material-row h2{font-size:22px;margin:0 0 8px}.material-row p{margin:4px 0;color:#465b76}.material-row button{flex-shrink:0}.material-empty{padding:40px 0;max-width:60ch}.material-heading{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}.material-heading h2{flex:1;min-width:180px}.material-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px}.material-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0}.material-controls input{width:80px}.material-controls input,.material-controls select,.material-controls button{min-height:48px;font:inherit;padding:8px}.material-page{overflow:auto;max-height:75vh;background:#fff;border:1px solid #bdcbe0}.material-page img{display:block;width:100%;max-width:none;height:auto}.material-notes{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.material-notes summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-weight:700;color:#244d81}.material-notes h3{font-size:18px}.material-notes p{white-space:pre-wrap}.material-teacher{white-space:pre-wrap;line-height:1.7}.material-files{display:flex;gap:12px;flex-wrap:wrap}.material-files button[aria-pressed=true]{background:#dce9fa;border-color:#2555a1}.material-sync{min-height:24px;color:#365986}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3169b6;outline-offset:3px}@media(max-width:850px){.material-layout{grid-template-columns:1fr}.material-row{align-items:flex-start;flex-direction:column;gap:12px}.material-filters>*{flex:1 1 140px}.material-filters input{width:100%}.material-page{max-height:65vh}}
.material-layout>section{min-width:0}.material-files button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}.material-teacher-note summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-weight:600;color:#244d81}.material-controls input,.material-controls select{height:48px;border:1px solid #8598aa;border-radius:8px;background:#fff;color:#293e50}.material-controls button{border:1px solid #8598aa;border-radius:8px;background:#fff;color:#245fa5;padding-inline:12px}.material-controls button:hover:not(:disabled){background:#edf4fc}.material-controls button:disabled{opacity:.5}.material-page:has(img[hidden]){border-color:transparent}.material-heading h2,.material-row h2{overflow-wrap:anywhere}.material-notes small{color:#5d6d77}