.course-header,.course-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem max(5vw,1rem);border-bottom:1px solid var(--line,#ddd4cb)}.course-header nav,.course-footer{display:flex;gap:1.5rem;flex-wrap:wrap;align-items:center}.course-header form{margin:0}.course-main{max-width:1440px;margin:auto;padding:clamp(1.4rem,5vw,5rem)}.course-main h1{font-size:clamp(2rem,5vw,4rem);line-height:1.1}.course-main h2{font-size:clamp(1.5rem,3vw,2.3rem)}.course-login{max-width:520px;margin:2rem auto}.course-login form{margin:2rem 0}.course-card{padding:2rem 0;border-bottom:1px solid var(--line,#ddd4cb)}.course-date,.course-file,.course-admin-day{padding:1rem 0;border-bottom:1px solid var(--line,#ddd4cb)}.course-room-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-top:2rem}#course-video{min-height:480px;background:#ece6f0;border-radius:18px;overflow:hidden}#course-video iframe{width:100%;height:100%;min-height:480px;border:0}.course-presentation{min-width:0;background:#fff;padding:1rem;border-radius:18px}.course-presentation canvas,.course-document canvas{max-width:100%;height:auto}.course-presentation .actions{align-items:end;gap:.6rem}.course-presentation input{max-width:5rem}.course-document{max-width:1000px;margin:auto}.course-document-image{display:block;max-width:100%;max-height:80vh;margin:auto}.course-text{white-space:pre-wrap;overflow-wrap:anywhere}.course-footer{border-top:1px solid var(--line,#ddd4cb);border-bottom:0;justify-content:center;font-size:.9rem}.course-body [hidden]{display:none!important}@media(max-width:850px){.course-room-grid{grid-template-columns:1fr}#course-video,#course-video iframe{min-height:440px}.course-header nav{gap:.8rem;font-size:.9rem}.course-header img{width:75px;height:auto}}
.course-body label{display:block;font-size:15px;margin:1rem 0}.course-body input,.course-body select{display:block;width:100%;max-width:100%;border:1px solid #c9bdb1;border-radius:8px;background:#fffdf9;color:var(--ink);padding:12px;margin-top:6px;font-size:16px}.course-body .actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin:1.2rem 0}.course-body .actions label{margin:0}.course-body .actions button:not(.button){padding:.6rem 1rem;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.course-main h1{margin-bottom:1.2rem}.course-main h2,.course-main h3{margin:1.2rem 0}.course-body .notice{padding:1rem 1.2rem;margin:1.2rem 0;background:var(--lavender);border-radius:12px}.course-body .notice.error{background:#f1ddd5}.course-body .help{font-size:14px;color:var(--muted);margin-top:1rem}.course-presentation select{min-width:0}.course-presentation .actions{align-items:end}.course-header img{object-fit:contain;mix-blend-mode:multiply}
.course-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;position:sticky;top:0;z-index:4;padding:.7rem;background:var(--paper,#f5efe6);border:1px solid var(--line);border-radius:12px}
.course-toolbar button,.course-controls button{font:inherit;font-size:14px;padding:.6rem .9rem;border:1px solid var(--line);border-radius:8px;background:#fffdf9;color:var(--ink);cursor:pointer;min-height:44px}
.course-toolbar button:disabled,.course-controls button:disabled{opacity:.5;cursor:default}.course-toolbar .danger{color:#8b3028}
.course-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem 1rem;margin:1rem 0}.course-controls .actions{grid-column:1/-1}.course-controls label{margin:.3rem 0}
.course-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:420px;margin:1.5rem 0;background:#ece6f0;border-radius:16px;overflow:hidden;padding:1rem}
.course-visual{min-width:0;text-align:center;overflow:auto;max-height:78vh}.course-visual>canvas,.course-visual>img,.course-visual>video{max-width:100%;width:auto;max-height:70vh;height:auto;object-fit:contain;margin:auto}.course-visual>video{width:100%;height:100%;min-height:300px}.course-visual>pre{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#fff}.course-visual>p{font-size:14px;margin-bottom:.5rem}
.course-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.6rem;align-content:center;min-width:0}
.course-video-tile{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#352a22;min-width:0;aspect-ratio:4/3}.course-video-tile video{width:100%;height:100%;object-fit:cover}.course-video-tile figcaption{position:absolute;bottom:0;left:0;right:0;color:white;background:#0009;padding:.3rem .6rem;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.course-camera-off{height:100%;display:grid;place-items:center;color:#fff9;font-size:14px}
.course-stage[data-layout="video-large"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}
.course-stage[data-layout="pip"]{display:block;min-height:440px}.course-stage[data-layout="pip"] .course-videos{position:absolute;width:28%;max-height:45%;overflow:auto;z-index:2;grid-template-columns:repeat(auto-fit,minmax(min(100px,100%),1fr));background:#352a22;border-radius:10px;padding:4px}.course-stage[data-layout="pip"] .course-visual{padding:0 0 2rem}
.course-stage[data-corner="top-left"] .course-videos{top:1rem;left:1rem}.course-stage[data-corner="top-right"] .course-videos{top:1rem;right:1rem}.course-stage[data-corner="bottom-left"] .course-videos{bottom:1rem;left:1rem}.course-stage[data-corner="bottom-right"] .course-videos{bottom:1rem;right:1rem}
.course-stage[data-layout="document"],.course-stage[data-layout="video"],.course-stage[data-audio="1"]{grid-template-columns:1fr}.course-stage[data-layout="document"] .course-videos,.course-stage[data-audio="1"] .course-videos{display:none}.course-stage[data-layout="video"] .course-visual{display:none}
.course-stage[data-source="screen"] .course-visual>:not([data-share-video]){display:none!important}
.course-preview{max-width:480px;padding:1rem;background:#fffdf9;border:1px solid var(--line);border-radius:12px}.course-preview canvas{display:block;width:100%;height:auto;margin-top:.5rem;border-radius:8px}.course-participants{padding:1rem;background:var(--lavender);border-radius:12px}.course-participants ul{padding-left:1.2rem;font-size:15px}
.course-body input[type=checkbox]{display:inline;width:auto}.course-body [data-live-upload]{max-width:700px;padding:1.5rem;background:#fffdf9;border-radius:12px}.course-body [data-course-room]:fullscreen,.course-fullscreen{background:var(--paper,#f5efe6);overflow:auto;padding:1rem}.course-fullscreen{position:fixed;inset:0;z-index:10000}.course-body [data-course-room]:fullscreen>h1,.course-fullscreen>h1{font-size:2rem}
@media(max-width:850px){.course-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.course-stage{grid-template-columns:1fr;min-height:300px}.course-stage[data-layout="video-large"]{grid-template-columns:1fr}.course-stage[data-layout="video-large"] .course-videos{order:-1}.course-stage[data-layout="video-large"] .course-visual{max-height:28vh}.course-stage[data-layout="video-large"] .course-visual>canvas,.course-stage[data-layout="video-large"] .course-visual>img{max-height:24vh}.course-stage[data-layout="pip"] .course-videos{width:32%}.course-toolbar{position:static}.course-main{padding:1.2rem}.course-video-tile{max-height:40vh}}
@media(max-width:480px){.course-controls{grid-template-columns:1fr}.course-toolbar button{flex:1 1 40%}.course-stage{padding:.5rem}.course-stage[data-layout="pip"] .course-videos{width:36%;max-height:36%}}
/* Course windows fit the viewport; expanded tools stay in contained panels. */
.course-room-page{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
.course-room-page .course-header{flex:0 0 auto;padding:.35rem 1rem;gap:1rem}
.course-room-page .course-header img{width:60px;height:40px}
.course-room-page .course-footer{display:none}
.course-room-page .course-main{display:flex;flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:.5rem 1rem}
.course-room-page [data-course-room]{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;gap:.4rem;overflow:hidden}
.course-room-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex:none}
.course-room-page .course-room-heading h1{font-size:clamp(1.15rem,2vw,1.6rem);margin:0;overflow-wrap:anywhere}
.course-room-heading p{font-size:13px;margin:0;flex-shrink:0}
.course-room-page [data-course-status],.course-room-page [data-controller-status],.course-room-page .course-device-help{font-size:12px;margin:0;padding:.2rem .5rem;line-height:1.35}
.course-room-page .course-toolbar{position:static;flex:none;padding:.3rem;gap:.3rem}
.course-room-page .course-toolbar button{font-size:13px;min-height:36px;padding:.35rem .6rem}
.course-room-page .course-stage{flex:1;min-height:0;min-width:0;margin:0;padding:.6rem;height:auto;grid-template-rows:minmax(0,1fr)}
.course-room-page .course-visual{display:flex;flex-direction:column;min-height:0;max-height:none;height:100%;overflow:hidden;padding:0!important}
.course-room-page .course-visual>p{flex:none;margin:0 0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.course-room-page .course-visual>canvas,.course-room-page .course-visual>img,.course-room-page .course-visual>video{flex:1;min-height:0;min-width:0;width:100%;height:0;max-width:100%;max-height:100%;object-fit:contain;margin:0}
.course-room-page .course-visual>pre{flex:1;min-height:0;overflow:auto;margin:0}
.course-room-page .course-videos{min-height:0;grid-template-columns:repeat(var(--columns,2),minmax(0,1fr));grid-template-rows:repeat(var(--rows,1),minmax(0,1fr));align-content:stretch;overflow:hidden}
.course-room-page .course-video-tile{min-height:0;height:100%;max-height:none;aspect-ratio:auto}
.course-room-page .course-video-tile video{object-fit:contain}
.course-room-page .course-stage[data-layout="pip"]{display:block}
.course-room-page .course-stage[data-layout="pip"] .course-videos{height:40%;max-height:40%;overflow:hidden}
.course-room-page .course-panel{position:absolute;inset:.5rem .5rem auto auto;z-index:10;width:min(700px,calc(100% - 1rem));max-width:none;max-height:calc(100% - 1rem);overflow:auto;margin:0;padding:1rem;background:var(--paper,#f5efe6);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #352a2233}
.course-room-page .course-panel-close{grid-column:1/-1;justify-self:end;display:block;margin-left:auto;padding:.4rem .8rem;border:1px solid var(--line);border-radius:8px;background:white;font:inherit;font-size:14px}
.course-room-page [data-media-error]{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;z-index:11;margin:0;padding:.7rem;font-size:14px;pointer-events:none}
.course-extension{width:min(560px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:14px;padding:1.4rem;background:var(--paper);color:var(--ink);margin:auto}
.course-extension::backdrop{background:#221b1866}
.course-extension button{font:inherit;padding:.6rem 1rem;border:1px solid var(--line);border-radius:8px;background:#fffdf9;color:var(--ink)}
.course-room-page [data-course-room]:fullscreen,.course-room-page .course-fullscreen{height:100%;padding:.5rem;overflow:hidden}
[data-preview-window]{display:flex;flex-direction:column;flex:1;min-height:0;gap:.5rem}
.course-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}
[data-preview-stage]{flex:1;min-height:0;display:flex}
[data-preview-stage]>.course-stage{width:100%;height:100%;margin:0}
[data-inline-preview]{height:clamp(200px,48vh,460px);display:flex;min-height:0;margin-top:.5rem}
[data-inline-preview]>.course-stage{height:100%;width:100%}
@media(max-width:850px){.course-room-heading{align-items:flex-start;flex-direction:column;gap:.2rem}.course-room-heading p{font-size:11px}.course-room-page .course-main{padding:.4rem}.course-room-page .course-toolbar button{flex:0 1 auto;font-size:12px;min-height:34px}.course-room-page .course-device-help{display:none}.course-room-page .course-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,2fr) minmax(0,1fr);gap:.4rem}.course-room-page .course-stage[data-layout="video-large"]{grid-template-rows:minmax(0,2fr) minmax(0,1fr)}.course-room-page .course-stage[data-layout="video-large"] .course-visual{max-height:none}.course-room-page .course-stage[data-layout="video-large"] .course-visual>canvas,.course-room-page .course-stage[data-layout="video-large"] .course-visual>img{max-height:100%}.course-room-page .course-stage[data-layout="video"],.course-room-page .course-stage[data-layout="document"],.course-room-page .course-stage[data-audio="1"]{grid-template-rows:minmax(0,1fr)}.course-room-page .course-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-height:500px){.course-room-page .course-header,.course-room-page .course-device-help,.course-room-page [data-controller-status]{display:none}.course-room-heading p{display:none}.course-room-page .course-toolbar button{min-height:30px;font-size:12px}.course-room-page .course-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}
/* Agreed light presentation room. All selectors stay inside the customer course UI. */
.course-room-page{background:#f5f3f6;color:#352e3b}
.course-room-page .course-header{background:#fff;border-bottom:1px solid #e3dce9}
.course-room-page .course-main{padding:10px 14px}
.course-room-page .course-room-heading h1{font-size:18px;letter-spacing:-.02em}
.room-viewbar{display:flex;align-items:center;gap:6px;min-height:40px;flex:none;border-bottom:1px solid #e2dce8;padding-bottom:7px}
.room-viewbar button,.room-chat button,.room-filmstrip button,.room-full-controls button,.room-record-notice button,.room-reactions button{font:inherit;font-size:13px;border:1px solid #ded6e7;border-radius:8px;background:#fff;color:#4e3b61;padding:7px 12px;cursor:pointer;line-height:1.2}
.room-viewbar [aria-pressed=true]{background:#e3d6ee;border-color:#bea5d3;color:#432959}
.room-viewbar [data-view-scope]{font-size:11px;color:#786d81;margin-left:8px;flex:1}
.course-room-page [data-course-room]{gap:5px}
.course-room-page .course-toolbar{order:10;display:flex;justify-content:center;flex-wrap:wrap;background:#fff;border:1px solid #e5dfeb;border-radius:12px;padding:7px;gap:7px}
.course-room-page .course-toolbar .room-icon{position:relative;flex:none;width:42px;height:40px;min-height:40px;font-size:0;padding:8px;color:#594367;border:1px solid #e7e0ed;background:#faf8fc;border-radius:9px}
.room-icon:before{content:'';display:block;width:22px;height:22px;margin:auto;background:currentColor;-webkit-mask:var(--room-icon) center/contain no-repeat;mask:var(--room-icon) center/contain no-repeat}
.course-room-page .course-toolbar .room-icon:hover,.course-room-page .course-toolbar .room-icon[aria-pressed=true]{background:#e5d9ef;color:#583876}
.course-room-page .course-toolbar .danger{margin-left:auto;color:#993f4c;background:#fcf0f1}
.room-icon:disabled{opacity:.35;cursor:not-allowed}
.course-room-page .course-toolbar [data-course-join]{background:#745688;color:#fff;border-radius:8px;padding:8px 18px}
.room-workspace{display:flex;flex:1;min-height:0;min-width:0;gap:10px;--chat-width:300px}
.room-filmstrip{flex:0 0 154px;min-width:0;min-height:0;overflow:auto;padding:10px;background:#eee8f4;border-radius:12px}
.room-filmstrip>strong{display:block;font-size:11px;font-weight:500;line-height:1.5;margin-bottom:10px;color:#70627c}
.room-filmstrip button{display:block;width:100%;padding:6px;margin-bottom:10px;background:#fff;border:2px solid transparent}
.room-filmstrip button[aria-current=true]{border-color:#9876b2}
.room-filmstrip canvas{width:100%;height:auto;display:block}
.room-filmstrip span{display:block;font-size:11px;margin-top:5px}
.course-room-page .room-workspace>.course-stage{--video-width:28%;display:grid;grid-template-columns:minmax(0,1fr) 6px minmax(0,var(--video-width));gap:6px;background:#eee9f3;border:1px solid #e2dce8;border-radius:12px;padding:10px}
.course-room-page .room-workspace .course-visual{border-radius:9px;background:#fff;box-shadow:0 3px 15px #3f2a5110;padding:10px!important}
.course-room-page .room-workspace .course-visual>p{font-size:11px;color:#7d7084;padding:3px 7px}
.course-room-page .room-workspace .course-videos{gap:7px;align-items:stretch}
.course-room-page .course-video-tile{background:#dcd2e4;border:1px solid #d8cde2;border-radius:10px;transition:transform .5s,box-shadow .5s}
.course-room-page .course-video-tile video{object-fit:contain;background:#2e2734}
.course-room-page .course-video-tile figcaption{font-size:11px;background:#302938b8;padding:5px 9px;color:white}
.course-room-page .course-camera-off{color:#786487;background:#e5dcec;font-size:12px}
.course-room-page .room-speaking{box-shadow:inset 0 0 0 3px #a782bd;transform:scale(1.025);z-index:1}
.course-room-page [data-mode=conversation] .room-workspace>.course-stage{grid-template-columns:1fr}
[data-mode=conversation] [data-video-divider]{display:none}
.room-divider{flex:0 0 6px;cursor:col-resize;background:#d4c8df;border-radius:5px;touch-action:none;outline-offset:2px;align-self:stretch;opacity:.55}
.room-divider:hover,.room-divider:focus{opacity:1;background:#a282b9}
.room-chat{flex:0 0 var(--chat-width);width:var(--chat-width);min-width:0;min-height:0;display:flex;flex-direction:column;border:1px solid #e1d8e9;border-radius:12px;background:#fff;padding:12px;gap:8px;overflow:hidden}
.room-chat-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px}
.room-chat label{font-size:11px;margin:0;color:#776284}
.room-chat select,.room-chat textarea{font:inherit;font-size:13px;border:1px solid #dfd5e8;border-radius:7px;padding:7px;width:100%;background:#fcfafe}
.room-chat [data-chat-recipients]{max-height:110px;overflow:auto;padding:5px;border:1px solid #e6deeb;flex-shrink:0}
.room-chat [data-chat-messages]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:4px}
.room-chat article{padding:9px 11px;margin-bottom:9px;background:#f3eff7;border-radius:0 9px 9px 9px;font-size:12px;overflow-wrap:anywhere}
.room-chat article.own{background:#e9dff2;border-radius:9px 0 9px 9px}
.room-chat article strong{font-size:11px;color:#74568b}.room-chat article small{font-size:10px;float:right;color:#817587}
.room-chat article p{font-size:13px;line-height:1.5;margin:5px 0 0;white-space:pre-wrap}
.room-chat form{display:flex;gap:5px;align-items:end}.room-chat textarea{resize:none;min-height:55px;max-height:100px}
.room-chat [data-chat-status]{font-size:11px;margin:0;line-height:1.3}
.room-chat [data-chat-older]{font-size:10px;padding:4px;background:#f8f5fb}
.room-toast{position:absolute;right:12px;bottom:65px;z-index:25;padding:10px 16px;border-radius:9px;background:#57406a;color:white;font-size:13px;box-shadow:0 5px 18px #0002}
.room-reactions{position:absolute;bottom:67px;left:30%;z-index:20;display:flex;gap:5px;padding:7px;background:white;border:1px solid #ded4e8;border-radius:10px}
.room-reactions button{font-size:22px;padding:7px 12px}
.room-reaction-stream{position:absolute;bottom:80px;left:30%;z-index:15;pointer-events:none;display:flex;flex-direction:column;gap:5px;font-size:16px}
.room-reaction-stream span{background:#fffe;border-radius:12px;padding:8px 15px;box-shadow:0 4px 16px #0001}
.course-room-page [data-hands-list]{padding-left:20px;font-size:15px;line-height:2}
.course-room-page [data-participant-list] li{display:flex;justify-content:space-between;gap:10px;margin:7px 0}
.course-room-page [data-participant-list] button{font:inherit;font-size:12px}
.room-record-notice{position:absolute;top:65px;right:15px;width:min(410px,calc(100% - 30px));z-index:40;background:#fff9f9;border:1px solid #d4a2ac;border-radius:12px;box-shadow:0 10px 40px #39243a33;padding:18px}
.room-record-notice strong{font-size:16px}.room-record-notice p{font-size:13px;line-height:1.5;margin:9px 0}
.room-viewbar [data-recording-badge]{color:#9c3b50;border-color:#dcb5bf;font-size:11px}
.room-viewbar [data-recording-badge]:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:#b53f56;margin-right:6px}
.course-room-page [data-local-recording-list] article{padding:10px;border-bottom:1px solid #d9d0e0;display:flex;flex-wrap:wrap;gap:12px}.course-room-page [data-local-recording-list] p{width:100%;font-size:14px;margin:0}
.room-pip{position:absolute;border-radius:10px;overflow:hidden;background:#362c41;z-index:6;box-shadow:0 7px 25px #0005;touch-action:none;cursor:move;min-width:80px}
.room-pip video{width:100%;height:100%;object-fit:contain}.room-pip span{position:absolute;bottom:0;left:0;right:0;background:#34263dc9;color:white;font-size:12px;padding:5px 10px}
.room-pip [data-pip-resize]{position:absolute;bottom:0;right:0;width:26px;height:26px;border:none;background:linear-gradient(135deg,transparent 55%,#fff9 56%,#fff9 62%,transparent 63%,transparent 72%,#fff9 73%,#fff9 79%,transparent 80%);cursor:nwse-resize;padding:0;touch-action:none}
.course-room-page .room-presentation-full{position:fixed;inset:0;width:100%;height:100dvh!important;z-index:10000;background:#211b27;padding:0!important}
.room-presentation-full>.course-room-heading,.room-presentation-full>.room-viewbar,.room-presentation-full>.course-toolbar,.room-presentation-full>[data-controller-status],.room-presentation-full>[data-course-status],.room-presentation-full>.course-device-help{display:none!important}
.course-room-page .room-presentation-full .room-workspace{display:flex;padding:0}.room-presentation-full .room-filmstrip,.room-presentation-full .room-chat,.room-presentation-full .room-divider{display:none!important}
.course-room-page .room-presentation-full .room-workspace>.course-stage{display:block;padding:0;border:0;border-radius:0;background:#211b27}.room-presentation-full .course-videos{display:none!important}
.course-room-page .room-presentation-full .course-visual{border-radius:0;box-shadow:none;background:#211b27;padding:0!important}.room-presentation-full [data-slide-title]{display:none}
.room-full-controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:#fffdf4dd;border-radius:10px;padding:7px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s;max-width:95%}
.room-controls-awake .room-full-controls{opacity:1;pointer-events:auto}
.room-presentation-full .room-viewbar:has([data-recording-badge]:not([hidden])){display:block!important;position:absolute;top:10px;left:10px;z-index:30;border:0;min-height:0;padding:0}.room-presentation-full .room-viewbar>*:not([data-recording-badge]){display:none!important}
.room-presentation-full .room-record-notice{top:50px}
.course-body [hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1000px){.room-filmstrip{flex-basis:110px}.room-chat{flex-basis:min(var(--chat-width),35vw);width:min(var(--chat-width),35vw)}.room-viewbar [data-view-scope]{display:none}.room-viewbar [data-chat-toggle]{margin-left:auto}}
@media(max-width:700px){.course-room-page .course-main{padding:5px}.course-room-heading p{display:none}.room-viewbar{gap:4px;flex-wrap:wrap}.room-viewbar button{font-size:11px;padding:7px}.room-filmstrip{position:absolute;left:5px;top:110px;bottom:65px;z-index:12;width:120px;box-shadow:5px 0 15px #39234622}.course-room-page .room-workspace>.course-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,3fr) minmax(0,1fr);gap:7px;padding:7px}.room-workspace [data-video-divider]{display:none}.course-room-page [data-mode=conversation] .room-workspace>.course-stage{grid-template-rows:1fr}.room-chat{position:absolute;inset:85px 5px 70px auto;width:min(340px,calc(100% - 10px));max-width:none;z-index:13;box-shadow:0 6px 30px #39234633}.room-workspace>[data-chat-divider]{display:none}.course-room-page .course-toolbar{gap:4px;padding:5px}.course-room-page .course-toolbar .room-icon{width:34px;height:34px;min-height:34px;padding:5px}.room-icon:before{width:19px;height:19px}.course-room-page .course-toolbar .danger{margin-left:0}.course-room-page .room-presentation-full .room-workspace>.course-stage{display:block}}
@media(prefers-reduced-motion:reduce){.course-room-page .course-video-tile{transition:none}.room-full-controls{transition:none}}
@media(min-width:701px){.course-room-page [data-mode=presentation] .course-videos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,2fr) repeat(var(--thumb-rows,1),minmax(0,1fr))}.course-room-page [data-mode=presentation] .room-featured{grid-column:1/-1;grid-row:1;order:-1}.course-room-page [data-mode=presentation] .course-videos.room-single-video{grid-template-columns:1fr;grid-template-rows:1fr}}
.course-room-page .room-workspace>.course-stage[data-audio="1"]{grid-template-columns:1fr;grid-template-rows:1fr}.course-stage[data-audio="1"] [data-video-divider]{display:none}