0,600;0,700;1,400&display=swap');
:root{--purple:#42bd72;--green:#4fc87b;--green-dark:#21894c;--ink:#24282b;--muted:#7d8588;--bg:#edeff0;--line:#e6e9e8}
body.academy,body.classroom-app{font-family:'Open Sans',Arial,sans-serif;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}.ui-icon{width:20px;height:20px;object-fit:contain;flex-shrink:0;opacity:.66}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;background:transparent;border:0;border-radius:5px}.icon-button:hover{background:#00000009}.icon-button .ui-icon{width:23px;height:23px}.button{border-radius:6px;box-shadow:none;font-weight:600;background:var(--green);font-family:inherit}.button:hover{background:#3db86b}.button.secondary:hover{border-color:#4fc87b;background:#f5fcf7}.button>.ui-icon{width:15px;height:15px;filter:brightness(0) invert(1);opacity:1}.button.secondary>.ui-icon{filter:none;opacity:.65}a:focus-visible,button:focus-visible{outline-color:#187e44}input:focus,textarea:focus,select:focus{outline:2px solid #c8ecd5;border-color:var(--green)}h1,h2,h3{letter-spacing:0}.academy-sidebar{width:280px;background:white;position:fixed;inset:0 auto 0 0;border-right:1px solid #e4e8e5;display:flex;flex-direction:column;z-index:50}.sidebar-heading{height:75px;display:flex;align-items:center;justify-content:space-between;padding:15px}.academy-logo{font-size:24px;font-weight:700;letter-spacing:-1px}.academy-logo span{color:var(--green)}.academy-account{display:flex;gap:12px;align-items:center;padding:19px 20px 26px;border-bottom:1px solid var(--line);margin-bottom:16px}.academy-account .avatar{color:#3f8057;background:#e3f5e9;flex-shrink:0;width:38px;height:38px}.academy-account strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;max-width:120px}.academy-account small{display:block;color:var(--muted);font-size:12px}.academy-sidebar nav{padding:0 10px;display:grid;gap:5px}.academy-sidebar nav>a{min-height:45px;display:flex;gap:13px;align-items:center;padding:11px 12px;font-size:14px;border-radius:6px;color:#787f80}.academy-sidebar nav>a:hover{background:#f6faf7}.academy-sidebar nav>a.active{color:#2ea260;background:#e1f9e9}.academy-sidebar nav>a.active .ui-icon{filter:invert(57%) sepia(64%) saturate(439%) hue-rotate(91deg) brightness(87%);opacity:1}.academy-sidebar-bottom{padding:20px;margin-top:auto}.academy-sidebar-bottom>.nav-label{font-size:10px;color:#aab0ad;letter-spacing:1px}.sidebar-signout{display:flex;gap:12px;align-items:center;border:0;background:none;font-size:13px;color:var(--muted);padding:16px 0 0}.academy-main{margin-left:280px}.academy .page{max-width:1000px;padding:25px 30px 65px;margin-left:0}.compact-nav .academy-sidebar{width:64px}.compact-nav .academy-main{margin-left:64px}.compact-nav .academy-sidebar .nav-label,.compact-nav .academy-logo{display:none}.compact-nav .sidebar-heading{padding:12px}.compact-nav .academy-account{padding:18px 12px}.compact-nav .academy-sidebar nav{padding:0 5px}.compact-nav .academy-sidebar nav>a{padding:12px;justify-content:center}.compact-nav .academy-sidebar-bottom{padding:20px}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.catalog-heading h1{font-size:36px;font-weight:700;margin:0 0 18px}.catalog-heading p{font-size:16px;margin:0;color:#43494c}.catalog-search{display:flex;align-items:center;width:265px;position:relative}.catalog-search>.ui-icon{position:absolute;left:12px;width:17px}.catalog-search input{padding-left:40px;border-color:#dce0dd;font-size:14px}.catalog-group{background:white;border-radius:14px;overflow:hidden;margin-top:10px}.catalog-table-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#f5f5f5;color:#949a97;font-size:14px;font-weight:700;letter-spacing:.025em}.catalog-table-head h2{font-size:14px;letter-spacing:.025em;margin:0}.catalog-table-head>span:last-child{padding-right:28px;font-size:12px}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:12px 30px;font-size:16px}.catalog-row:nth-child(odd){background:#f5f5f5}.catalog-row.available{min-height:78px;color:#389f60}.catalog-row.available strong{font-weight:400;text-decoration:underline;text-underline-offset:3px}.catalog-row.available small{display:block;color:#8b9490;font-size:12px;margin-top:5px}.catalog-row.available:hover{background:#ddf5e7}.catalog-row.coming-soon{color:#929996}.catalog-row-right{display:flex;align-items:center;gap:22px;flex-shrink:0}.catalog-row-right b{font-size:14px;font-weight:400;min-width:18px;text-align:center}.catalog-row-right .ui-icon{width:12px;height:12px}.soon-label,.ready-label{font-size:12px;border-radius:4px;padding:3px 9px;background:#e9ecea;color:#8b928d}.ready-label{color:#3ba562;background:#e2f8eb}.catalog-footnote{font-size:13px;color:#89908d;margin:22px 0;line-height:1.8}.catalog-empty{padding:30px;background:#fff;text-align:center}.catalog-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#3d9e63;margin-bottom:20px}.catalog-back .ui-icon{width:13px;height:13px}.course-availability{color:#388e58;font-size:13px;white-space:nowrap}.programme-summary{padding:21px 25px;background:white;border-radius:10px;margin:25px 0;display:flex;align-items:center;gap:28px;color:#777f7a;font-size:13px}.programme-summary strong{color:#2e8951}.programme-summary progress{appearance:none;height:6px;flex:1;min-width:90px;max-width:220px;border:0;border-radius:5px;overflow:hidden}.programme-summary progress::-webkit-progress-bar{background:#e4e9e5}.programme-summary progress::-webkit-progress-value{background:var(--green)}.programme-row{display:flex;align-items:center;gap:24px;padding:24px 30px;min-height:94px}.programme-row:nth-child(odd){background:#f6f7f6}.programme-row:hover{background:#e8f7ee}.programme-number{font-size:15px;color:#98a29b;min-width:30px}.programme-title{flex:1;min-width:0}.programme-title strong{display:block;color:#3b9f61;font-size:16px;font-weight:400;text-decoration:underline;text-underline-offset:3px}.programme-title small{display:block;color:#929995;margin-top:6px;font-size:12px}.programme-status{display:flex;gap:14px;align-items:center;color:#8a948c;font-size:12px;white-space:nowrap}.programme-status .ui-icon{width:15px;height:15px}.academy .panel{border-radius:12px}.academy .hero-course{background:#e1f3e7}.academy .hero-art{display:none}.academy .pill.light{background:#ffffff80}.academy .hero-text p{color:#658272}.academy .progress-ring{background:conic-gradient(var(--green) var(--progress),#edf3ee 0)}.academy .stat-icon,.academy .lesson-number{background:#e8f6ed;color:#569970}.academy .badge{background:#e7f5ed;color:#4c8c66}.academy .feedback{background:#eaf8ef}
/* The focused lesson workspace follows the reference's green toolbar, step menu and white exercise canvas. */
.class-header{height:52px;background:var(--green);color:#fff;position:fixed;inset:0 0 auto;z-index:80}.class-header-inner{height:100%;display:flex;align-items:center;gap:17px;padding:0 24px;max-width:1640px;margin:auto}.class-header .ui-icon,.lesson-sidebar .ui-icon{filter:brightness(0) invert(1);opacity:.94}.class-logo{font-size:18px;letter-spacing:-.6px;white-space:nowrap}.class-logo strong{font-weight:600}.class-menu-button{width:32px;flex-shrink:0}.lesson-switcher{position:relative;min-width:0;margin-left:25px}.lesson-switcher>button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:white;font-size:14px;min-height:44px;max-width:560px;padding:4px 8px}.lesson-switcher>button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-switcher .ui-icon{width:12px;height:12px}.lesson-picker{position:absolute;top:47px;left:0;width:400px;max-width:calc(100vw - 35px);background:white;border-radius:0 0 9px 9px;box-shadow:0 8px 30px #1f563a33;padding:10px 0;color:#49554d;z-index:100}.lesson-picker>div{padding:10px 18px;font-size:11px;color:#929b94}.lesson-picker a{display:block;padding:12px 18px;font-size:14px}.lesson-picker a:hover,.lesson-picker a[aria-current]{background:#e8f8ef;color:#24824b}.class-header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.class-exit{height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#39b469;padding:3px 20px;gap:1px;font-size:10px;font-weight:700}.class-exit .ui-icon{width:20px;height:20px}.lesson-sidebar{position:fixed;top:52px;bottom:0;left:0;width:258px;background:var(--green);color:white;overflow-y:auto;z-index:60;padding:22px 20px 15px;display:flex;flex-direction:column}.lesson-tabs{display:flex;background:#ffffff27;border-radius:6px;overflow:hidden;margin-bottom:25px;min-height:36px}.lesson-tabs button{border:0;background:none;color:#fff;flex:1;padding:8px 12px;font-size:14px}.lesson-tabs button[aria-selected=true]{background:white;color:#46b871}.lesson-nav-caption{color:#d9f6e4;font-size:10px;letter-spacing:1px;padding-left:18px;margin-bottom:11px}.lesson-nav-caption.additional{margin-top:24px;border-top:1px solid #ffffff26;padding-top:18px}.lesson-step-nav{display:flex;flex-direction:column}.step-link{width:100%;display:flex;align-items:center;gap:13px;padding:10px 10px;background:none;border:0;color:#edfff4;text-align:left;font-size:14px;line-height:1.4;border-radius:5px;position:relative}.step-link:hover{background:#ffffff17}.step-link[aria-current=step]{background:#ffffff25;color:white;font-weight:700}.step-dot{width:7px;height:7px;border-radius:50%;background:#ffffff55;flex-shrink:0}.step-link[aria-current=step] .step-dot{background:white;box-shadow:0 0 0 4px #ffffff22}.step-done{margin-left:auto}.step-done .ui-icon{width:13px;height:13px}.asset-step{font-size:12px;align-items:flex-start}.asset-step .ui-icon{width:14px;height:14px;margin-top:2px}.lesson-sidebar-bottom{margin-top:auto;padding:30px 10px 0;font-size:11px;color:#d0f1dc}.lesson-sidebar-bottom span{font-size:10px}.class-main{margin:52px 0 0 258px;display:grid;grid-template-columns:minmax(0,940px) 235px;gap:25px;max-width:1500px;padding:28px 30px 55px}.class-content{min-width:0}.lesson-breadcrumb{display:flex;gap:10px;font-size:12px;color:#929a96;margin-bottom:17px;flex-wrap:wrap}.lesson-breadcrumb a{color:#6b9679}.exercise-card{background:white;border-radius:13px;overflow:hidden;min-height:330px}.exercise-card-heading{display:flex;align-items:center;gap:10px;padding:15px 25px;font-size:14px;min-height:49px}.exercise-card-heading .ui-icon{width:18px;height:18px;opacity:.55}.step-counter{margin-left:auto;color:#a1a9a4;font-size:12px}.exercise-track{height:4px;background:#d8dfdb}.exercise-track>span{display:block;height:100%;background:var(--green);transition:width .2s}.exercise-body{padding:25px 32px 15px}.exercise-body.prose{border:0;margin:0;border-radius:0;overflow:auto;font-size:16px;line-height:1.9}.exercise-body h2{font-size:23px;line-height:1.5;font-weight:600}.exercise-body h3{font-size:18px}.exercise-body a{color:#3ba463}.exercise-body.prose table{font-size:14px}.exercise-body p{line-height:1.9}.exercise-body li{margin-bottom:9px}.exercise-body blockquote{border-color:var(--green);background:#f4faf6}.exercise-fields{display:grid;gap:21px;padding:8px 32px 25px}.answer-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;align-items:start;font-size:15px;line-height:1.85}.answer-number{color:#99a19b;font-size:13px;padding-top:3px}.answer-question{display:block;font-size:15px;margin-bottom:9px;font-weight:400;line-height:1.8}.answer-row select,.answer-row input{max-width:100%;width:100%;font-size:15px;border:0;border-bottom:2px solid #cad8cf;border-radius:0;padding:9px 4px;background:#f9fcfa;min-height:44px}.answer-row.correct input,.answer-row.correct select{border-color:#3eaf69;background:#f0fbf3}.answer-row.incorrect input,.answer-row.incorrect select{border-color:#d77867;background:#fff5f3}.answer-message{font-size:12px;display:block;margin-top:5px}.answer-row.correct .answer-message{color:#349654}.answer-row.incorrect .answer-message{color:#b15d4c}.writing-field{padding:10px 32px 25px}.writing-field textarea{font-size:16px;line-height:1.8}.exercise-actions{padding:15px 30px 30px;display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.exercise-actions .button{min-width:150px}.exercise-result{margin:0 32px;padding:15px 18px;background:#eff9f2;color:#3b8a55;border-radius:6px;font-size:14px}.exercise-result.retry{background:#fff5eb;color:#a57b36}.answer-key{border-top:1px solid #edf0ed;margin:0 32px 24px;padding-top:18px;font-size:14px}.answer-key summary{cursor:pointer;color:#499564}.answer-key .prose{padding:15px 0;border:0;font-size:15px;margin:0}.lesson-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.lesson-bottom .button{min-width:115px}.save-indicator{font-size:12px;color:#8e9790;text-align:center}.save-indicator.error{color:#b65b47}.lesson-complete{text-align:center;margin-top:15px}.lesson-complete .text-button{color:#919a93}.class-context{padding-top:35px}.context-card{background:#ffffffb5;padding:24px;border-radius:10px}.context-card h2{font-size:17px;font-weight:600;line-height:1.65;margin:14px 0}.context-card>p{font-size:13px;color:#8c958f}.context-progress{padding:18px 0;border-top:1px solid #e6ece7;border-bottom:1px solid #e6ece7;margin:20px 0}.context-progress>span{font-size:26px;color:#3eaa64}.context-progress small{font-size:12px;color:#939d96}.context-card .context-hint{font-size:12px;margin:0;line-height:1.8}.context-link{display:flex;gap:11px;align-items:center;font-size:12px;color:#7d8a80;padding:20px 12px 0}.context-link .ui-icon{width:17px;height:17px}.classroom-app.menu-collapsed .lesson-sidebar{display:none}.classroom-app.menu-collapsed .class-main{margin-left:auto;margin-right:auto;max-width:1320px}.homework-body{padding:30px}.homework-body h2{font-size:23px}.homework-body p{font-size:14px;color:#7a847e}.homework-body .stack p{margin:0;font-size:12px}.classroom-app dialog{border:0;border-radius:14px;padding:35px;max-width:560px;width:calc(100vw - 35px);line-height:1.9;color:#45524a}.classroom-app dialog::backdrop{background:#1e352b77}.classroom-app dialog h2{font-size:24px}.classroom-app dialog li{margin-bottom:10px}.dialog-close{float:right}.vocabulary-toolbar{display:flex;justify-content:space-between;align-items:center;padding:20px 30px 10px;color:#97a29a;font-size:12px}.vocabulary-toolbar button{border:0;background:none;color:#55966c;font-size:13px;display:flex;gap:7px;align-items:center}.flashcard{display:block;position:relative;width:calc(100% - 60px);margin:8px 30px 15px;min-height:320px;border:0;border-radius:10px;overflow:hidden;padding:0;background:#243a30;text-align:center;color:white;cursor:pointer}.flashcard>.flash-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38)}.flash-front{position:relative;z-index:1;padding:90px 25px}.flash-front h2{font-size:36px;line-height:1.3;margin-bottom:13px;color:white}.flash-front p{margin:0;color:#dceae0;font-size:18px}.flash-front small{display:block;font-size:12px;color:#c4d3c9;margin-top:35px}.flash-back{background:#f5faf6;color:#304d3b;text-align:left;padding:30px;min-height:320px}.flash-back h2{font-size:27px;margin:0 0 12px}.flash-back .flash-translation{color:#349357;font-size:17px}.flash-back .flash-definition{font-size:16px;margin:18px 0}.flash-back blockquote{font-size:16px;margin:0;border-left:3px solid #70c68b;padding-left:16px;font-style:italic}.flash-navigation{display:flex;align-items:center;justify-content:center;gap:20px;padding:0 30px 20px}.flash-navigation button{border:1px solid #d9e3dc;background:white;border-radius:6px;padding:10px 17px;display:flex;align-items:center;gap:8px;font-size:13px;color:#5b8968}.flash-navigation .ui-icon{width:14px;height:14px}.flash-instruction{font-size:13px;color:#8b988f;text-align:center;margin:0 20px 20px}.vocab-details{padding:0 30px 25px;font-size:14px}.vocab-details summary{color:#4c9a67;cursor:pointer}.vocab-details .prose{border:0;padding:20px 0 0}
@media(min-width:1550px){.class-main{gap:35px;padding:30px 45px}.exercise-body{padding:30px 36px}}
@media(max-width:1200px){.class-main{grid-template-columns:minmax(0,1fr);padding:25px;margin-left:238px}.lesson-sidebar{width:238px}.class-context{display:none}.lesson-switcher{margin-left:10px}.lesson-switcher>button{max-width:520px}.academy .page{padding:30px}.programme-summary{gap:18px}}
@media(max-width:800px){.academy-sidebar{width:64px}.academy-sidebar .nav-label,.academy-logo{display:none}.academy-main{margin-left:64px}.sidebar-heading{padding:12px}.academy-account{padding:18px 12px}.academy-sidebar nav{padding:0 5px}.academy-sidebar nav>a{padding:12px;justify-content:center}.academy-sidebar-bottom{padding:20px}.academy:not(.compact-nav) .academy-sidebar.mobile-expanded{width:220px}.catalog-heading h1{font-size:30px}.catalog-heading{align-items:flex-start;flex-direction:column}.catalog-search{width:100%;max-width:350px}.catalog-row{padding:15px 20px}.catalog-table-head{padding:0 20px}.programme-row{padding:22px 20px;gap:15px}.programme-status{font-size:0;gap:0}.programme-status .ui-icon{width:17px}.programme-summary{flex-wrap:wrap}.class-header-inner{padding:0 14px;gap:10px}.class-logo{font-size:15px}.class-header-actions{gap:0}.class-exit{padding:5px 12px}.class-header-actions>.icon-button{display:none}.lesson-switcher{margin-left:3px;flex:1}.lesson-switcher>button{max-width:100%;font-size:13px}.lesson-sidebar{width:270px;box-shadow:10px 0 30px #16382322}.class-main{margin-left:0;padding:20px;display:block}.lesson-sidebar{display:none}.classroom-app.menu-open .lesson-sidebar{display:flex}.classroom-app.menu-open #lesson-menu-backdrop{display:block!important;position:fixed;inset:52px 0 0;background:#23372b66;z-index:55}.classroom-app.menu-collapsed .class-main{margin:52px 0 0}.classroom-app.menu-open.menu-collapsed .lesson-sidebar{display:flex}.class-header-inner{width:100%}.classroom-app .exercise-body.prose{font-size:15px}.exercise-body h2{font-size:21px}.exercise-body{padding:22px}.exercise-fields{padding:8px 22px 22px}.lesson-breadcrumb{font-size:11px}.lesson-picker{left:-125px;width:350px}.flash-front h2{font-size:30px}.flashcard{min-height:280px}.flash-front{padding:75px 20px}}
@media(max-width:480px){.academy-sidebar,.compact-nav .academy-sidebar{width:48px}.academy-main,.compact-nav .academy-main{margin-left:48px}.sidebar-heading,.compact-nav .sidebar-heading{padding:7px;height:65px}.academy-sidebar .icon-button{width:33px;padding:6px}.academy-account,.compact-nav .academy-account{padding:16px 7px}.academy-account .avatar{width:32px;height:32px}.academy-sidebar nav,.compact-nav .academy-sidebar nav{padding:0 3px}.academy-sidebar nav>a,.compact-nav .academy-sidebar nav>a{padding:10px;min-height:42px}.academy-sidebar nav .ui-icon{width:18px;height:18px}.academy-sidebar-bottom,.compact-nav .academy-sidebar-bottom{padding:15px}.academy-sidebar-bottom .ui-icon{width:17px}.academy .page{padding:23px 16px 45px}.catalog-heading h1{font-size:30px;margin-bottom:15px}.catalog-heading p{font-size:14px;line-height:1.7}.catalog-heading{gap:19px}.catalog-table-head{font-size:12px;padding:0 15px}.catalog-table-head h2{font-size:12px}.catalog-table-head>span:last-child{padding-right:0;font-size:10px}.catalog-row{padding:14px 15px;gap:10px;font-size:14px;min-height:60px}.catalog-row-right{gap:8px}.ready-label{display:none}.soon-label{font-size:10px;padding:3px 6px}.catalog-row-right .ui-icon{display:none}.catalog-row.available small{font-size:11px;max-width:185px}.catalog-row.available strong{font-size:14px}.catalog-footnote{font-size:12px}.programme-summary{padding:16px;gap:13px;font-size:12px}.programme-summary>span:last-child{font-size:11px}.programme-row{padding:20px 14px;gap:10px}.programme-title strong{font-size:14px;line-height:1.6}.programme-title small{font-size:11px}.programme-number{min-width:28px;font-size:12px}.class-header-inner{padding:0 8px;gap:6px}.class-logo{display:none}.lesson-switcher{margin:0;max-width:calc(100vw - 100px)}.class-exit{padding:4px 10px}.class-main{padding:17px 14px 35px}.lesson-breadcrumb{font-size:10px;gap:6px}.exercise-card-heading{padding:13px 16px;font-size:13px;gap:8px}.step-counter{font-size:11px}.exercise-body{padding:19px 18px 10px}.exercise-fields{padding:5px 18px 20px}.exercise-body h2{font-size:20px}.answer-row{grid-template-columns:18px minmax(0,1fr);gap:8px}.answer-question{font-size:14px}.exercise-actions{padding:15px 18px 25px;gap:10px}.exercise-actions .button{font-size:13px;min-width:125px;padding:11px 15px}.lesson-bottom .button{min-width:auto;padding:11px 14px;font-size:13px}.save-indicator{font-size:10px;max-width:115px}.answer-key{margin:0 18px 20px}.exercise-result{margin:0 18px;font-size:13px}.writing-field{padding:8px 18px 20px}.lesson-picker{left:-38px;width:calc(100vw - 24px)}.flashcard{margin:8px 18px 15px;width:calc(100% - 36px);min-height:270px}.flash-front{padding:65px 16px}.flash-front h2{font-size:26px}.flash-front p{font-size:16px}.flash-back{padding:23px;min-height:270px}.flash-back h2{font-size:23px}.vocabulary-toolbar{padding:18px}.flash-navigation{padding:0 15px 20px;gap:12px}.flash-navigation button{padding:10px 12px}.homework-body{padding:23px}.vocab-details{padding:0 18px 20px}}

@media(max-width:800px){.academy .academy-sidebar.mobile-expanded{width:240px;box-shadow:10px 0 30px #193a2926}.academy-sidebar.mobile-expanded .nav-label{display:block}.academy-sidebar.mobile-expanded .academy-logo{display:block}.academy-sidebar.mobile-expanded .sidebar-heading{padding:15px;justify-content:space-between}.academy-sidebar.mobile-expanded .academy-account{padding:20px}.academy-sidebar.mobile-expanded nav>a{justify-content:flex-start;padding:12px 17px}.academy-sidebar.mobile-expanded .academy-sidebar-bottom{padding:20px}.academy-sidebar.mobile-expanded .sidebar-signout{gap:12px}}

/* Live lessons share the learning workspace and existing call controls. */
.live-classroom .class-main{grid-template-columns:minmax(0,1fr) 300px}
.live-classroom .class-context{display:block}
.live-classroom .context-card,.live-classroom .context-link{display:none}
.live-heading{margin-bottom:18px;color:#44515a}.live-heading p{font-size:13px;margin:7px 0}
.live-classroom .call-box{padding:12px;border-radius:8px}
.live-classroom .video-stage{min-height:180px}
.live-classroom .call-controls{flex-wrap:wrap}
.live-classroom .call-controls .button{font-size:12px;padding:8px 10px}
.live-classroom .chat-panel{margin-top:16px;padding:16px}
.live-classroom .chat-log{height:180px}
.live-classroom .step-link:disabled{opacity:1;cursor:default}
@media(max-width:1200px){.live-classroom .class-main{grid-template-columns:minmax(0,1fr)}.live-classroom .class-context{display:grid;grid-template-columns:1fr 1fr;gap:16px}.live-heading{grid-column:1/-1}.live-classroom .chat-panel{margin-top:0}}
@media(max-width:600px){.live-classroom .class-context{display:block}.live-classroom .chat-panel{margin-top:16px}}