.app-shell.approved-lesson-mode .main-content{height:auto;min-height:calc(100dvh - 80px);overflow:visible}.app-shell.approved-lesson-mode .content-frame{display:block;height:auto;min-height:0;max-width:1440px;padding:24px 28px 36px;margin:auto}.app-shell.approved-lesson-mode .u1-course{display:block;height:auto;min-height:0;overflow:visible}.approved-learning{font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182d43;background:#fff;border:1px solid #dfe5eb;border-radius:12px;min-width:0}.approved-learning *{box-sizing:border-box}.approved-learning :is(h1,h2,h3,p,figure){margin:0}.approved-learning h1{font:680 40px/1.18 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-1.2px;color:#132c47;scroll-margin-top:166px}.approved-learning h2{font-size:24px;line-height:1.35;font-weight:650;letter-spacing:-.4px;margin-bottom:14px;color:#182d43}.approved-learning h3{font-size:18px;line-height:1.4;margin-bottom:8px;color:#182d43}.approved-learning p{color:#526579}.approved-learning p+p{margin-top:12px}.approved-learning :is(button,input,textarea){font-family:inherit}.approved-learning :is(button,input,textarea):focus-visible{outline:3px solid #087c9e;outline-offset:3px}.approved-learning .ant-btn{font-size:15px;min-height:44px;height:auto;padding:10px 16px;line-height:1.35;border-radius:6px;box-shadow:none;white-space:normal}.approved-learning .ant-btn>span{white-space:normal}.approved-learning .ant-btn-primary{background:#123452;color:#fff}.approved-learning .ant-btn:disabled{background:#f3f5f7;color:#74818d}.approved-learning .ant-input{font-size:16px}.approved-learning .ant-alert{margin-top:18px}.approved-learning .ant-collapse-header-text{font-weight:600}.approved-learning :is(ul,ol){padding-left:24px}.approved-learning li+li{margin-top:9px}.approved-learning pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;padding:20px;border-radius:8px;background:#eef3f7}.approved-learning .pl-small{font-size:13px;line-height:1.55;color:#627486}.pl-kicker{display:block;font-size:12px;letter-spacing:1px;font-weight:700;color:#166285}.pl-stagebar{position:sticky;top:72px;z-index:20;background:#fffffffa;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 36px;border-bottom:1px solid #dfe5eb;border-radius:12px 12px 0 0}.pl-stagebar>button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-bottom:3px solid transparent;min-height:68px;color:#627486;background:none;cursor:pointer;font-size:15px}.pl-stagebar>button>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfe5eb;border-radius:50%;font-size:13px}.pl-stagebar>button.active{border-bottom-color:#098aad;color:#125b83}.pl-stagebar>button.active>span{background:#145c80;color:#fff;border-color:#145c80}.pl-stagebar>button.done:not(.active)>span{background:#edf8f2;color:#16704c;border-color:transparent}.pl-stagebar>button:disabled{cursor:not-allowed;opacity:.6}.pl-main{max-width:1160px;margin:auto;padding:24px 36px 28px}.pl-location{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.4px;margin-bottom:24px;color:#526579}.pl-location .ant-btn{padding-left:0;font-size:14px;font-weight:500}.pl-heading>.pl-kicker{margin-bottom:10px}.pl-heading>p{margin-top:12px;max-width:940px;font-size:17px}.pl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:18px 0 30px;font-size:13px;color:#627486}.pl-meta .ant-tag{background:#edf5f9;color:#125b83;border:0;padding:3px 10px;font-size:13px}.pl-brief-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:40px;align-items:start}.pl-tasks{list-style:none;margin:0;padding:0!important}.pl-tasks>li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #e6ebef;margin:0!important}.pl-tasks>li>span{display:grid;place-items:center;align-self:start;flex-shrink:0;width:32px;height:32px;background:#edf5f9;color:#125b83;border-radius:50%;font-size:12px;font-weight:700}.pl-example{background:#f5f9fc;padding:26px;border-radius:10px;border:1px solid #e0e9ef}.pl-example h3{margin:14px 0 20px}.pl-example small{color:#627486;font-size:11px;letter-spacing:.8px}.pl-example .ant-btn{margin-top:24px;width:100%}.pl-example p{margin-top:14px;font-size:14px}.pl-array{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.pl-array>span{display:grid;place-items:center;border:1px solid #d3e0e9;border-radius:6px;background:#fff;color:#183c57;min-height:62px;font-size:25px;font-weight:650}.pl-array>span.selected{background:#e0f2fb;border-color:#1989b0;color:#065d80}.pl-flow-arrow{text-align:center;color:#7394aa;font-size:26px;padding:10px}.pl-deliverables{margin-top:32px;padding:24px 0;border-block:1px solid #dfe5eb}.pl-deliverables h2{font-size:20px}.pl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:13px}.pl-deck{border:1px solid #dce5ec;border-radius:10px;overflow:hidden}.pl-deck>.pl-toolbar{background:#f8fafc}.pl-slide{padding:34px 40px;background:linear-gradient(110deg,#f0f7fb,#fff);min-height:400px}.pl-slide h2{font-size:30px;margin:16px 0;max-width:760px}.pl-slide>p{max-width:820px}.pl-slide-points{margin:24px 0}.pl-slide-points li{padding:4px 0}.pl-takeaway{display:flex;gap:12px;padding-top:18px;border-top:1px solid #d6e5ed;color:#125b83;font-size:15px;margin-top:24px}.pl-takeaway>.anticon{margin-top:5px}.pl-algorithm-flow{display:flex;gap:25px;align-items:center;padding-top:25px}.pl-algorithm-flow>div{flex:1}.pl-algorithm-flow small{font-size:11px;letter-spacing:1px}.pl-dots{display:flex;gap:8px}.pl-dots>button{width:12px;height:12px;padding:0;border:0;border-radius:50%;background:#ccdce6;cursor:pointer}.pl-dots>button[aria-current]{background:#125b83}.pl-slide-index{padding:16px;display:grid;gap:8px;border-top:1px solid #dfe5eb}.pl-slide-index>button{text-align:left;padding:12px;background:none;border:1px solid #dfe5eb;border-radius:5px;cursor:pointer;font-size:14px;color:#354e65}.pl-slide-index>button[aria-current]{background:#edf5f9;border-color:#1989b0}.pl-check{margin-top:26px;border-top:1px solid #dfe5eb;padding-top:26px}.pl-check h2{font-size:22px;margin-top:12px}.pl-answers{display:grid;gap:12px;margin:20px 0}.pl-answers .ant-radio-wrapper{display:flex;align-items:start;line-height:1.6;padding:14px;border:1px solid #dfe5eb;border-radius:6px;margin:0}.pl-success{color:#16704c!important;margin-top:15px!important}.pl-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px;align-items:start}.pl-watch-grid.expanded{grid-template-columns:1fr}.pl-watch-grid.expanded .pl-chapters{display:none}.pl-deck.expanded .pl-slide{min-height:560px}.pl-player{background:#10263c;color:#fff;border-radius:10px;overflow:hidden}.pl-player-scene{padding:26px 28px;min-height:370px;background:radial-gradient(ellipse at 65% 40%,#193f5b,#0d2035)}.pl-player-label{display:flex;justify-content:space-between;gap:10px;color:#afd0e2;font-size:11px;letter-spacing:1px}.pl-player h2{color:#fff;margin:27px 0 24px;font-size:26px}.pl-player .pl-array>span{min-height:80px;background:#18354f;border-color:#456179;color:#b9d3e5;font-size:32px}.pl-player .pl-array>span.selected{background:#edf9ff;color:#13567c;border-color:#71cfe5}.pl-player pre{background:#091b2a;color:#dceaf5;font-size:15px}.pl-player .pl-caption{color:#fff;font-size:15px;margin-top:26px;background:#071827;padding:14px;border-radius:6px;min-height:76px}.pl-player-controls{padding:6px 18px 14px}.pl-player-controls>div:last-child{display:flex;gap:10px;align-items:center;font-size:13px}.pl-player-controls .ant-btn{color:#fff;background:transparent;border-color:#476179;padding:8px 12px;min-width:44px}.pl-player-controls .ant-btn:last-child{margin-left:auto}.pl-player-controls .ant-slider-track{background:#51c1dc}.pl-chapters h3{font-size:16px;margin-bottom:12px}.pl-chapters>button{display:flex;width:100%;align-items:start;gap:12px;padding:16px 10px;text-align:left;background:none;border:0;border-bottom:1px solid #dfe5eb;font-size:14px;color:#526579;cursor:pointer}.pl-chapters>button span{font-size:11px;padding-top:3px}.pl-chapters>button[aria-current]{color:#125b83;background:#edf5f9;border-radius:5px}.pl-chapters p{margin-top:18px}.pl-transcript li{padding:12px 0}.pl-practice{padding:24px 30px;background:#f8fafc;border:1px solid #dfe5eb;border-radius:10px}.pl-practice>.pl-array{max-width:600px;margin:20px auto 28px}.pl-practice>h2,.pl-practice>p{text-align:center}.pl-practice>.pl-actions{justify-content:center;margin:22px 0}.pl-table-wrap{overflow:auto;margin:26px 0}.approved-learning table{width:100%;border-collapse:collapse;text-align:left;font-size:15px}.approved-learning :is(th,td){border-bottom:1px solid #dfe5eb;padding:14px 12px}.approved-learning th{font-size:13px;background:#eff4f8}.approved-learning caption{text-align:left;color:#182d43;font-weight:600;padding-bottom:12px;caption-side:top}.pl-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pl-workspace-link{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:28px 0;padding:24px 0;border-block:1px solid #dfe5eb}.pl-workspace-link p{font-size:15px}.pl-next{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:24px;margin-top:26px;border-top:1px solid #dfe5eb}.pl-next p{font-size:15px;color:#182d43;margin-top:5px}.pl-next small{font-size:12px;color:#627486;display:block;margin-top:8px;max-width:440px}.pl-evidence-steps{display:flex;border-bottom:1px solid #dfe5eb;margin-bottom:28px}.pl-evidence-steps button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;border:0;border-bottom:2px solid transparent;padding:15px 8px;background:none;font-size:14px;color:#526579;cursor:pointer}.pl-evidence-steps button span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#edf3f7}.pl-evidence-steps button[aria-current]{color:#125b83;border-bottom-color:#1989b0;font-weight:600}.pl-evidence label:not(.ant-radio-button-wrapper):not(.ant-checkbox-wrapper){display:block;margin:22px 0 8px;font-weight:600;font-size:14px}.pl-evidence .ant-radio-group{margin-top:20px}.pl-evidence .ant-input{margin-bottom:10px}.pl-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px}.pl-export{display:flex;gap:25px;align-items:center;padding-top:24px;border-top:1px solid #dfe5eb}.pl-export p{flex:1}.pl-flowchart{display:block;max-width:100%;max-height:500px;object-fit:contain;margin:20px 0}.pl-upload{overflow:hidden}.pl-upload input{max-width:100%;font-size:14px}.pl-review h3{margin-top:25px}.pl-review .ant-checkbox-wrapper{margin-top:28px}.pl-review .pl-actions{margin:24px 0}.pl-preserve{white-space:pre-wrap;overflow-wrap:anywhere}.pl-editor-grid{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #29465e;border-radius:8px 8px 0 0;overflow:hidden;margin-top:20px}.pl-editor-grid aside{background:#13283b;color:#d5e5ef;min-width:0;padding:14px 0}.pl-editor-grid aside h3{font-size:11px;color:#a7c1d5;padding:0 15px;letter-spacing:1px}.pl-editor-grid aside>button{width:100%;text-align:left;font:13px/1.5 ui-monospace,monospace;padding:13px;border:0;background:none;color:#d5e5ef;cursor:pointer;overflow-wrap:anywhere}.pl-editor-grid aside>button[aria-current]{background:#204666;border-left:3px solid #5bc4e2}.pl-editor-grid aside form{padding:12px;display:grid;gap:10px}.pl-editor-grid aside .ant-btn{font-size:12px}.pl-editor{min-width:0;background:#282c34;overflow:hidden}.pl-file-tab{padding:12px 18px;background:#1b3248;color:#dae7f0;font-size:13px}.pl-editor .cm-editor{max-width:100%;font-size:14px}.pl-editor .cm-scroller{overflow:auto}.pl-terminal{background:#0b1b2b;border-radius:0 0 8px 8px;padding:12px 16px;color:#d2e4ef}.pl-terminal .pl-toolbar{padding:0;font-size:12px}.pl-terminal .ant-btn{color:#d2e4ef;background:transparent;border-color:#496277}.pl-terminal pre{height:190px;overflow:auto;background:none;padding:16px 0;font-size:13px}.pl-terminal form{display:flex;align-items:center;gap:10px}.pl-terminal input{background:#142b40;color:#e0edf5;border-color:#496277}.pl-terminal input::placeholder{color:#92adc1}.pl-existing-lab .pl-lab-task{margin-bottom:20px}.pl-existing-lab .ant-card{box-shadow:none}.pl-existing-lab .ant-typography{font-family:inherit}.pl-existing-lab .coding-task-summary{background:#f5f9fc;border:1px solid #e0e9ef;border-radius:8px}.pl-existing-lab .coding-task-summary .ant-card-body{padding:22px}.pl-existing-lab .coding-task-summary h3{font-size:22px;margin:10px 0}.pl-existing-lab .coding-task-summary .ant-typography{font-size:16px;line-height:1.6}.pl-existing-lab .lab-options .ant-radio-wrapper,.pl-existing-lab .ant-checkbox-wrapper{font-size:16px}.pl-existing-lab .sequence-lab,.pl-existing-lab .choice-lab{display:grid;gap:16px}@media(min-width:1600px){.app-shell.approved-lesson-mode .content-frame{padding-top:28px}}@media(max-width:1100px){.app-shell.approved-lesson-mode .content-frame{padding:18px}.pl-stagebar{top:72px;padding-inline:18px}.pl-main{padding:24px}.pl-watch-grid{grid-template-columns:minmax(0,1fr) 200px;gap:18px}.pl-brief-grid{gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}}@media(max-width:760px){.app-shell.approved-lesson-mode .content-frame{padding:12px 0 100px}.approved-learning{border-radius:0;border-inline:0;font-size:16px}.pl-stagebar{top:58px;padding:0 8px;border-radius:0}.pl-stagebar>button{min-height:68px;flex-direction:column;gap:5px;font-size:12px}.pl-stagebar>button>span{width:24px;height:24px;font-size:11px}.pl-main{padding:20px 18px 24px}.pl-location{font-size:10px;margin-bottom:20px}.pl-location .ant-btn{font-size:13px}.approved-learning h1{font-size:30px;letter-spacing:-.7px;scroll-margin-top:154px}.approved-learning h2{font-size:22px}.pl-heading>p{font-size:16px}.pl-meta{gap:10px;margin:15px 0 25px}.pl-brief-grid,.pl-watch-grid{grid-template-columns:1fr;gap:24px}.pl-example{padding:22px}.pl-example .pl-array>span{min-height:58px}.pl-tasks>li{gap:13px;padding:18px 0}.pl-tasks h3{font-size:17px}.pl-tasks p{font-size:15px}.pl-slide{padding:25px 20px;min-height:440px}.pl-slide h2{font-size:25px}.pl-algorithm-flow{flex-direction:column;gap:15px}.pl-algorithm-flow>div{width:100%}.pl-algorithm-flow>.anticon{transform:rotate(90deg)}.pl-algorithm-flow .pl-array>span{min-height:45px;font-size:20px}.pl-toolbar{gap:8px;padding:10px}.pl-toolbar .ant-btn{font-size:13px;padding:9px}.pl-dots{gap:6px}.pl-dots button{width:8px;height:8px}.pl-player-scene{padding:24px 18px;min-height:350px}.pl-player h2{font-size:23px}.pl-player .pl-array{gap:7px}.pl-player .pl-array>span{font-size:25px;min-height:60px}.pl-player-controls{padding:8px 12px 12px}.pl-player-controls>div:last-child{gap:5px}.pl-player-controls .ant-btn{padding:8px;min-width:40px;font-size:13px}.pl-player-controls .ant-btn:last-child{margin-left:0}.pl-chapters>button{min-height:52px}.pl-practice{padding:16px 14px}.pl-practice .pl-array{gap:8px}.pl-practice .pl-array>span{font-size:24px;min-height:60px}.pl-workspace-link,.pl-next,.pl-export{flex-direction:column;align-items:stretch;gap:18px}.pl-next>.pl-actions{display:flex;flex-wrap:nowrap;align-items:stretch}.pl-next>.pl-actions .ant-btn:last-child{flex:1}.pl-evidence-steps button{flex-direction:column;font-size:12px;gap:7px}.pl-evidence .pl-table-wrap table{min-width:0}.pl-evidence .pl-table-wrap thead{display:none}.pl-evidence .pl-table-wrap tbody tr{display:grid;grid-template-columns:36px minmax(0,1fr);padding:8px 0;border-bottom:1px solid #dfe5eb}.pl-evidence .pl-table-wrap td{border:0;padding:7px 5px}.pl-evidence .pl-table-wrap td:last-child{grid-column:2;font-size:12px;color:#627486;padding-top:0}.pl-evidence .pl-table-wrap .ant-input{margin:0}.pl-form-footer .pl-small{display:none}.pl-editor-grid{grid-template-columns:1fr}.pl-editor-grid aside{display:flex;overflow-x:auto;padding:8px;gap:4px}.pl-editor-grid aside h3{display:none}.pl-editor-grid aside>button{width:auto;flex-shrink:0;padding:10px}.pl-editor-grid aside form{min-width:190px;padding:0;display:flex}.pl-editor-grid aside form input{min-width:130px}.pl-editor-grid aside form button{min-width:80px}.pl-workspace>.pl-toolbar{flex-wrap:wrap}.pl-workspace>.pl-toolbar strong{order:-1;width:100%}.pl-existing-lab .ant-col{flex:0 0 100%;max-width:100%}}@media(prefers-reduced-motion:reduce){.approved-learning *{scroll-behavior:auto!important;transition:none!important}}