:root{color-scheme:light;font-family:system-ui,sans-serif;color:#17364a;background:#edf5f8;font-size:17px}*{box-sizing:border-box}body{margin:0}header{background:#1b5884;color:white;padding:20px}h1{font-size:24px;margin:0 0 3px}h2{font-size:25px;margin:0 0 12px}h3{font-size:20px;margin:0 0 10px}p{line-height:1.5}main{max-width:850px;margin:auto;padding:16px}.panel{background:white;border-radius:16px;padding:22px;margin:16px 0;box-shadow:0 2px 10px #164b6a12}button,input,select,textarea{font:inherit;padding:11px;border-radius:9px;border:1px solid #a5c8d6}button{background:#188fad;color:white;border:0;cursor:pointer;min-height:44px}button.secondary,.external-link{background:#e4f2f6;color:#1b5884}button:disabled{opacity:.5;cursor:default}input,select,textarea{width:100%}input[type=file]{padding:9px;font-size:15px}label{display:block;margin:12px 0 6px;font-weight:600}.muted{color:#587485;font-size:14px}.item{border:1px solid #d7e8ef;border-radius:12px;padding:14px;margin:10px 0}.item h3{font-size:19px;margin:0 0 6px}.item p{margin:4px 0}.row,.controls,.lesson-controls{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.controls{justify-content:flex-start}.page-heading{margin-top:20px}.page-heading p{margin:0 0 8px}.hide{display:none!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}nav{display:flex;align-items:center;gap:12px;margin-top:12px}a{color:#176b99}.external-link{display:inline-block;padding:11px;border-radius:9px;text-decoration:none}.error{color:#a32626}.success{color:#206a45}.instructions{white-space:pre-wrap;background:#edf5f8;border-left:3px solid #188fad;padding:12px}.lesson-controls{justify-content:flex-start;position:sticky;top:0;background:white;padding:8px 0;z-index:2}iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.activity-frame{height:calc(100dvh - 270px);min-height:400px;aspect-ratio:auto}.activity-mode{max-width:1250px}.expanded-lesson{position:fixed;inset:0;background:white;z-index:100;overflow:auto}.expanded-lesson>.panel{margin:0;border-radius:0;box-shadow:none;min-height:100dvh}.expanded-lesson .activity-frame{height:calc(100dvh - 190px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #17364a;outline-offset:3px}@media(max-width:600px){header{padding:14px}main{padding:10px}.panel{padding:15px}.form-grid{grid-template-columns:1fr;gap:0}h2{font-size:23px}.activity-frame{min-height:350px;height:calc(100dvh - 280px)}.lesson-controls{gap:7px}.lesson-controls button,.lesson-controls a{font-size:15px;padding:10px}.row{align-items:flex-start}.expanded-lesson>.panel{padding:10px}}

.header-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.dictionary-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.dictionary-link:hover{background:#d4e9f1}.lesson-controls .dictionary-link{margin-left:auto}@media(max-width:600px){.header-top{gap:12px}.header-top .dictionary-link{font-size:15px;padding:10px}.lesson-controls .dictionary-link{margin-left:0}}

.submission-panel{border-top:2px solid #d7e8ef;margin-top:24px;padding-top:22px;scroll-margin-top:100px}.answer-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.answer-inputs input{font-size:14px}.answer-text{white-space:pre-wrap;overflow-wrap:anywhere}.submitted-answer{overflow-wrap:anywhere}.submitted-answer h3{line-height:1.4}.answer-file{border:1px solid #d7e8ef;border-radius:12px;padding:12px;margin:12px 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.answer-file p{flex-basis:100%;margin:0;overflow-wrap:anywhere}.answer-photo{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:8px}.answer-file .answer-photo{max-height:200px}.answer-media{display:grid;gap:10px;margin:10px 0}.answer-media:empty{display:none}.submitted-files{display:grid;gap:8px}.submitted-file>button{text-align:left;max-width:100%;overflow-wrap:anywhere}audio{max-width:100%;width:320px}.answer-media .external-link{justify-self:start}#submissionHistoryHeading{margin-top:24px}@media(max-width:600px){.answer-inputs{grid-template-columns:1fr}.answer-file{display:block}.answer-file>*{margin-bottom:10px}.submission-panel{scroll-margin-top:150px}.lesson-controls{max-height:45dvh;overflow:auto}}

.brand img{display:block;width:min(360px,85vw);height:auto;background:white;border-radius:10px}.brand{margin-bottom:9px}nav{flex-wrap:wrap}.practice-group{margin:24px 0 0}.assignment-item{display:grid;gap:12px}.deadline-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.deadline-controls label{margin:0}.deadline-controls input{width:auto;max-width:100%}.message-badge{background:#d9eef4;color:#164b6a;border-radius:20px;display:inline-block;padding:5px 12px;font-size:14px}.message-snippet{white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble{padding:12px 14px;border-radius:12px;background:#edf5f8;margin:12px 0}.own-message{background:#dceff4;margin-left:25px}.message-bubble p{margin:6px 0}.message-bubble .muted{font-size:12px}.thread-top{position:sticky;top:-18px;background:white;z-index:1;padding:8px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}dialog{border:0;border-radius:16px;box-shadow:0 8px 40px #17364a44;padding:18px;width:min(700px,95vw);max-height:88dvh;overflow:auto;color:#17364a}dialog::backdrop{background:#17364a80}fieldset{border:1px solid #d7e8ef;border-radius:12px;padding:14px;min-width:0}legend{font-weight:600}#reminderPanel,#teacherInboxPanel{scroll-margin-top:15px}#reminderMessage{white-space:pre-wrap}a[aria-disabled=true]{opacity:.5;cursor:default;pointer-events:none}@media(max-width:600px){.deadline-controls{display:grid;grid-template-columns:1fr}.deadline-controls input{width:100%}.assignment-item .controls{align-items:stretch}.thread-top{top:-12px}.own-message{margin-left:12px}dialog{padding:12px;max-height:92dvh}.brand img{width:min(340px,90vw)}fieldset{padding:10px}}