:root{--purple:#65509a;--accent:#65509a;--grammar40:#af263c}body{background:#f6f4fa;color:#232337}.panel{border-color:#e3ddeb}.button{background:#65509a}.button:hover{background:#503c80}.lesson-row38.done .lesson-status38{color:#246c54}.lesson-row38.learning .lesson-status38{color:#65509a}.lesson-row38.new .lesson-status38{color:#626173}.lesson-row38 summary:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ac87de;outline-offset:3px}.course-hero40{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start;margin:24px 0}.course-video40{position:sticky;top:20px}.course-video40 video{display:block;width:100%;aspect-ratio:16/9;background:#282139;border-radius:16px}.course-video40 p{color:#676073}.course-outline40{min-width:0}.course-outline40 .course-list38{max-height:630px;overflow:auto}.course-switch40{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.n4-tools40{display:flex;gap:10px;flex-wrap:wrap}.n4-workspace40{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px}.n4-workspace40 iframe{width:100%;height:78vh;min-height:500px;border:1px solid #e3ddeb;border-radius:14px;background:white}.n4-workspace40 aside{min-width:0}.n4-workspace40 aside details{margin:8px 0}.n4-material40{background:white;padding:24px;border-radius:18px;overflow:auto;line-height:1.8}.n4-material40 table{border-collapse:collapse;min-width:600px}.n4-material40 td,.n4-material40 th{padding:10px;border:1px solid #e3ddeb}.n4-material40 .formula,.n4-material40 .pattern,.n4-material40 strong,.n4-material40 b{color:var(--grammar40)}.n4-material40 rt{font-size:.6em}.quiz-grid40{display:grid;gap:20px}.quiz-grid40 fieldset{border:1px solid #dfd6ec;background:#fff;border-radius:14px;padding:20px}.quiz-grid40 legend{font-weight:700;padding:0 8px;max-width:100%}.quiz-grid40 label{display:block;padding:10px;border-radius:8px;cursor:pointer}.quiz-grid40 label:has(input:checked){background:#eee7fa}.quiz-grid40 input{width:auto;display:inline;margin-right:10px}.n4-match40{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.n4-match40>div{display:grid;gap:8px;align-content:start}.n4-match40 button{min-height:54px;word-break:break-word}.n4-match40 button[aria-pressed=true]{outline:3px solid #65509a;background:#eee7fa}.n4-match40 button:disabled{opacity:.35}.n4-feedback40{background:#f2ecfa;border-left:4px solid #65509a;padding:16px}.n4-score40{color:#735005;background:#fff4d2;border-radius:12px;padding:16px}.n4-practice-bar40{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.n4-practice-bar40 label{min-width:140px}.n4-workspace40 .lesson-row38 summary{padding:10px}.n4-workspace40 .lesson-number38{display:none}.n4-recorder40 audio{display:block;max-width:100%;margin:12px 0}body[data-section=play] .n4-entry40,body[data-section=game] .n4-entry40{background:#34284e;color:white}.custom-code40[hidden]{display:none}.course-outline40>h2{margin-top:0}@media(max-width:950px){.course-hero40,.n4-workspace40{grid-template-columns:1fr}.course-video40{position:static}.n4-workspace40 aside{order:-1}.course-outline40 .course-list38{max-height:none}.n4-material40{padding:16px}.n4-match40{gap:6px}.n4-match40 button{padding:8px;font-size:14px}}

.n4-workspace40 aside>details{max-height:78vh;overflow:auto;background:#f3eef9;border-radius:14px;padding:12px}.n4-workspace40 aside>details>summary{font-weight:700;cursor:pointer;padding:10px}.n4-workspace40 aside .lesson-status38{font-size:11px}.n4-workspace40 aside .lesson-row38 summary{display:block}.n4-workspace40 aside .lesson-status38{display:block;margin-top:6px}