@import"https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Golos Text,system-ui,sans-serif;color:#213a33;background:#f7f8f4;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:#17634e}input,textarea,select{width:100%;border:1px solid #d8dfd8;border-radius:8px;background:#fff;padding:11px 13px;color:#253b33;outline:none}input:focus,textarea:focus,select:focus{border-color:#43876f;box-shadow:0 0 0 3px #43876f15}textarea{resize:vertical;line-height:1.5}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500}h1,h2,h3,.brand{font-family:Manrope,system-ui,sans-serif}h1{font-size:36px;letter-spacing:-1.3px;margin:10px 0 12px;line-height:1.2}h2{font-size:23px;letter-spacing:-.6px}p{line-height:1.65;color:#78837a}svg{flex-shrink:0}button:focus-visible,a:focus-visible{outline:3px solid #d78a4b;outline-offset:3px}.primary,.secondary,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:12px 17px;font-size:13px;font-weight:600;transition:background .15s}.primary{background:#1c5d49;color:#fff}.primary:hover{background:#144935}.secondary{background:#fff;border:1px solid #dce2da}.secondary:hover{background:#f0f4ed}.text-button{padding:8px 0;font-weight:500}.text-button:hover{color:#18966d}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8d998b}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#fff;border-right:1px solid #e7ebe3;padding:35px 22px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:800;letter-spacing:-1px;text-align:left;padding:0 9px}.brand svg{color:#285d4b}.sidebar-caption{font-size:9px;letter-spacing:1.6px;color:#a0aa9e;margin:45px 10px 15px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;gap:11px;align-items:center;padding:13px 12px;border-radius:8px;font-size:13px;color:#7c867a;text-align:left}.sidebar nav button.active{color:#245b47;background:#edf3ec;font-weight:600}.sidebar-note{margin-top:auto;border:1px solid #e6ece2;background:#f9fbf5;border-radius:12px;padding:20px 16px}.note-symbol{display:block;font-size:32px;color:#b39761;margin-bottom:10px}.sidebar-note strong{font-size:13px}.sidebar-note p{font-size:11px;margin-bottom:0}.profile{margin-top:25px;display:flex;align-items:center;gap:10px;padding:0}.avatar{display:grid;place-items:center;width:35px;height:35px;background:#ede8dd;border-radius:50%;color:#837154}.profile>span:nth-child(2){text-align:left;flex:1}.profile strong{font-size:12px}.profile small{display:block;color:#9aa297;font-size:10px;margin-top:3px}.profile svg{color:#9fa89c}main{margin-left:236px;flex:1;min-width:0}.topbar{height:76px;border-bottom:1px solid #e5e9e0;display:flex;align-items:center;justify-content:space-between;padding:0 45px;font-size:11px;color:#929b8d}.topbar>span:first-child{display:flex;align-items:center;gap:10px}.private-badge{display:flex;align-items:center;gap:7px}.private-badge>span{width:5px;height:5px;border-radius:50%;background:#76a788}.page{padding:40px 45px 20px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading p{font-size:13px;margin-bottom:0}.count{font-family:Golos Text,sans-serif;vertical-align:middle;font-size:13px;letter-spacing:0;border:1px solid #d9dfd4;border-radius:20px;padding:4px 9px;color:#7e8b76;margin-left:13px}.dashboard-summary{background:#e9eee1;border-radius:14px;padding:30px 35px;margin:32px 0 33px;display:flex;justify-content:space-between;position:relative;overflow:hidden}.dashboard-summary>div:first-child>span{font-size:9px;letter-spacing:1.7px;color:#819277;font-weight:700}.dashboard-summary h2{font-size:30px;line-height:1.3;margin:15px 0 10px;color:#3b5036;letter-spacing:-1px}.dashboard-summary p{font-size:11px;margin:0;color:#85907d}.summary-stats{min-width:250px;display:flex;flex-direction:column;justify-content:center;position:relative;padding-right:80px}.summary-stats>strong{font-size:49px;font-weight:500;line-height:1.2;color:#5b7351}.summary-stats>span{font-size:11px;color:#819276;z-index:1}.summary-decoration{position:absolute;right:-35px;bottom:-10px;transform:rotate(-13deg);color:#82987755;pointer-events:none}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{font-size:16px;margin:0}.section-heading>span{font-size:10px;color:#95a08f}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.course-card{background:#fff;border:1px solid #e0e6db;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card:hover{transform:translateY(-3px);box-shadow:0 6px 25px #2e452810}.card-art{height:151px;position:relative;padding:19px 21px;display:flex;align-items:center;justify-content:center;overflow:hidden}.art-0{background:#e5ecdd;color:#6c8a5b}.art-1{background:#f2e4d5;color:#b9926f}.art-2{background:#e4e9ed;color:#7c96a5}.course-type{font-size:8px;letter-spacing:1.3px;position:absolute;top:17px;left:19px;opacity:.7}.art-index{font-family:Manrope,sans-serif;position:absolute;right:18px;bottom:8px;font-size:75px;letter-spacing:-5px;opacity:.13}.card-art>svg{transform:rotate(-10deg)}.card-body{padding:22px 21px 0}.card-meta{font-size:9px;color:#a2ab9c}.card-meta span{padding:0 6px}.card-title{font-size:18px;font-weight:600;text-align:left;padding:0;margin-top:13px;line-height:1.4;overflow-wrap:anywhere}.card-body p{font-size:11px;line-height:1.6;margin:10px 0 24px;min-height:35px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-caption{display:flex;justify-content:space-between;font-size:9px;color:#9ca794;margin-bottom:9px}.progress-caption strong{font-size:10px;color:#607953}.progress-track{height:4px;background:#eef1e9;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:#789c67;border-radius:4px;transition:width .3s}.card-footer{display:flex;justify-content:space-between;border-top:1px solid #edf0e9;margin-top:21px;padding:17px 0}.card-footer>button:first-child{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;padding:0}.card-footer>button:last-child{color:#8c9882;padding:0}.new-card{border:1px dashed #cfd8c7;border-radius:13px;min-height:356px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f5f7f0;color:#7f9173}.new-card>span{width:49px;height:49px;border:1px solid #d7dfcc;border-radius:50%;display:grid;place-items:center;margin-bottom:18px}.new-card strong{font-size:12px}.new-card p{font-size:10px;color:#a0ac93;margin-top:8px}.new-card:hover{background:#eef2e6}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #e1e7da;border-radius:12px;padding:20px 24px;margin-top:24px}.demo-banner strong{font-size:13px}.demo-banner p{font-size:11px;margin:6px 0 0}footer{display:flex;justify-content:center;gap:12px;font-size:9px;color:#a5af9a;margin:35px 0 20px}footer span{color:#c3cbbb}.error{background:#fef0eb;border:1px solid #e9c1b2;color:#9b4937;padding:13px 16px;border-radius:8px;font-size:12px;overflow-wrap:anywhere}.global-error{margin:20px 45px 0;display:flex;justify-content:space-between;align-items:center}.global-error button{padding:0;display:flex}.course-heading>.text-button{font-size:11px;color:#8e9c86}.course-title-row{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;gap:15px}.course-title-row h1{font-size:29px}.course-title-row p{font-size:11px;margin:0}.course-workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.outline{background:#fff;border:1px solid #e0e6dc;border-radius:12px;padding:20px 16px}.outline-heading{display:flex;align-items:center;gap:5px}.outline-heading>strong{font-size:13px;flex:1}.outline>.progress-track{margin:17px 0 24px}.module{margin:0 0 20px}.module-title{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:12px}.lesson{margin:14px 0}.lesson-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a1ab97;margin:14px 4px 10px}.step-row{display:flex;align-items:center}.step-link{display:flex;align-items:center;gap:9px;flex:1;text-align:left;font-size:11px;line-height:1.4;padding:11px 9px;border-radius:6px;color:#7e8b75;min-width:0}.step-link.selected{background:#edf4e8;color:#426338}.step-link.completed svg{color:#659d4c}.node-actions{display:flex;gap:1px;align-items:center;flex-shrink:0}.node-actions button{padding:3px;color:#8c9a82;font-size:12px;display:flex;align-items:center;justify-content:center}.node-actions button:hover{color:#255d41}.step-row .node-actions{flex-wrap:wrap;max-width:36px}.module-title .node-actions{max-width:65px;flex-wrap:wrap}.add-step{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.add-step button{display:flex;align-items:center;gap:3px;font-size:9px;background:#f3f6ed;padding:5px;border-radius:4px}.add-outline{font-size:10px}.full{width:100%;font-size:11px}.step-panel{background:#fff;border:1px solid #e0e6dc;border-radius:12px;padding:29px 32px;min-height:420px;min-width:0}.step-panel>h2{margin:18px 0;font-size:25px}.step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.step-tag{font-size:10px;color:#869c78}.complete-badge{display:flex;align-items:center;gap:5px;font-size:10px;color:#619c47}.markdown{font-size:13px;line-height:1.75;margin-bottom:23px}.markdown h1{font-size:24px}.markdown p,.course-intro p{color:#6c7b63}.markdown pre{background:#f4f6f1;border:1px solid #e5eadf;padding:15px;overflow:auto;border-radius:7px}.markdown :not(pre)>code{background:#f0f4ea;padding:2px 5px;border-radius:3px;font-size:12px}.markdown table{border-collapse:collapse;width:100%}.markdown td,.markdown th{border:1px solid #e1e6d9;padding:8px;text-align:left}.markdown img{max-width:100%}.course-intro h2{font-size:28px;max-width:400px}.course-intro p{font-size:13px}.course-intro .primary{margin-top:15px}.quiz-options{display:flex;flex-direction:column;gap:10px;margin:20px 0}.quiz-options label{display:flex;flex-direction:row;align-items:center;font-size:13px;font-weight:400;padding:17px;border:1px solid #e1e7d8;border-radius:8px;cursor:pointer}.quiz-options label.chosen{background:#f0f6e8;border-color:#9abb83}.quiz-options input{width:16px;height:16px;margin-right:6px;accent-color:#347950}.editor-shell{border:1px solid #dce3d6;border-radius:8px;overflow:hidden;margin:20px 0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:11px 15px;background:#f5f7f1;border-bottom:1px solid #e4e9de;font-size:11px;color:#687c5c}.editor-toolbar>span{display:flex;gap:7px;align-items:center}.editor-toolbar small{font-size:9px;color:#9aa690}.editor-status{font-size:9px;color:#9aa58f;text-align:right;padding:7px 12px;border-top:1px solid #edf0e9}.stdin-label small{font-size:9px;color:#9da791;font-weight:400}.stdin-label textarea{font-family:monospace;font-weight:400;font-size:12px}.run-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.runtime-note{font-size:10px}.result-box{border:1px solid #dce4d5;background:#f7f9f3;border-radius:8px;padding:17px;margin:20px 0;font-size:12px}.result-box>strong{display:flex;align-items:center;gap:8px}.result-box.success{border-color:#bed8ab;background:#f2f8eb}.result-box p{font-size:12px}.result-box pre{background:#fff;border-radius:5px;padding:12px;overflow:auto;max-height:220px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.result-box small{display:block;color:#92a084;margin-top:12px}.result-box textarea{margin:12px 0;font-family:monospace;font-size:12px}.stderr{color:#a3523c}.test-result{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #e0e8d7;margin-top:10px}.test-result small{margin:0}.attempt-details{margin-top:23px;font-size:11px;color:#8a9b7c}.attempt-details summary{cursor:pointer}.attempt-details button{display:flex;justify-content:space-between;width:100%;gap:15px;font-size:10px;padding:10px 0;border-bottom:1px solid #edf0e7;text-align:left}.step-navigation{display:flex;justify-content:space-between;border-top:1px solid #e9ede3;margin-top:30px;padding-top:16px}.step-navigation button{font-size:11px}.narrow{max-width:950px;margin-left:0}.info-card{border:1px solid #e0e6d9;background:#fff;border-radius:12px;padding:25px;margin:26px 0;font-size:13px}.info-card p{font-size:12px}.info-card pre{padding:12px;background:#f3f6ee;border-radius:6px;font-size:11px;overflow:auto}.token-form{display:flex;align-items:end;gap:15px;flex-wrap:wrap}.token-form label:first-child{flex:1}.token-form label:nth-child(2){width:170px}.token-list{margin-top:25px}.token-list>div{display:flex;align-items:center;gap:13px;border-bottom:1px solid #e3e8dc;padding:18px 0;font-size:12px}.token-list strong{flex:1}.token-list span{font-size:10px;color:#8f9d82}.history-row{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid #e2e7da;font-size:11px}.history-row>div{flex:1}.history-row strong{font-size:13px}.history-row small{display:block;color:#98a18f;font-size:9px;margin-top:6px}.history-dot{height:8px;width:8px;background:#c8ac7e;border-radius:50%}.history-dot.passed{background:#85b369}.history-row .text-button{font-size:10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#172d2580;z-index:30;display:flex;justify-content:center;align-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fafbf7;border-radius:14px;padding:28px;width:660px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #15231c40}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.modal-heading h2{margin:8px 0 0}.modal label{margin-bottom:17px}.modal-footer{display:flex;justify-content:end;gap:10px;border-top:1px solid #e1e8d9;padding-top:18px;margin-top:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-help{font-size:10px;margin-top:-4px}.code-input{font-family:monospace;font-size:12px;font-weight:400}.checkbox-label{flex-direction:row;align-items:center}.checkbox-label input{width:17px;accent-color:#387954}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-story{background:#183f32;color:#ebf0df;display:flex;flex-direction:column;justify-content:space-between;padding:50px 55px;position:relative;overflow:hidden}.login-story:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #41604a;border-radius:50%;right:-180px;bottom:-100px;box-shadow:0 0 0 60px #2a50373a,0 0 0 120px #2a50371a;pointer-events:none}.login-story .brand{font-size:29px;padding:0;flex-wrap:wrap}.login-story .brand svg{color:#d3debb}.login-story .brand span{font-size:10px;letter-spacing:0;font-weight:400;border-left:1px solid #6b8165;padding-left:15px;margin-left:5px;color:#a4b49b}.login-story h1{font-size:49px;line-height:1.25;letter-spacing:-2px;margin:24px 0}.login-story .eyebrow{color:#9cb286}.login-story p{color:#adc0a4;font-size:13px;line-height:1.8}.story-foot{font-size:10px;color:#8da382;z-index:1}.login-form{display:flex;flex-direction:column;justify-content:center;gap:19px;width:380px;max-width:80%;margin:auto}.login-form>svg{color:#699151}.login-form h2{margin:8px 0 0;font-size:23px}.login-form>p{font-size:12px;margin:-7px 0 10px}.login-form .primary{margin-top:5px}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;color:#668152}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.page{padding-top:55px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:210px;padding:30px 16px}main{margin-left:210px}.page{padding:30px}.topbar{padding:0 30px}.course-workspace{grid-template-columns:240px minmax(0,1fr);gap:16px}.step-panel{padding:23px}.summary-stats{min-width:180px;padding-right:20px}.login-story{padding:40px}.login-story h1{font-size:40px}.global-error{margin:20px 30px}}@media(max-width:850px){.sidebar{width:75px;padding:25px 12px}.brand{font-size:0;justify-content:center;padding:0}.brand svg{width:28px;height:28px}.sidebar-caption,.sidebar-note,.profile>span:nth-child(2),.profile>svg{display:none}.sidebar nav{margin-top:40px}.sidebar nav button{font-size:0;padding:14px;justify-content:center;gap:0}.sidebar nav button svg{width:20px}.profile{margin-top:auto;justify-content:center}main{margin-left:75px}.page{padding:28px 23px}.topbar{padding:0 23px;height:65px}.topbar>span:first-child{max-width:65%;overflow:hidden;white-space:nowrap}.course-workspace{grid-template-columns:1fr}.outline{padding:20px}.module{display:inline-block;vertical-align:top;margin:0 20px 0 0;max-width:240px}.course-title-row h1{font-size:25px}.page-heading h1{font-size:29px}.page-heading .primary{font-size:11px;padding:11px}.login-page{grid-template-columns:1fr}.login-story{min-height:320px;padding:30px}.login-story .brand{font-size:25px;justify-content:start}.login-story h1{font-size:34px}.login-story h1 br,.login-story .story-foot,.login-story .eyebrow{display:none}.login-form{padding:40px 0;max-width:85%}.global-error{margin:15px 23px}.history-row{flex-wrap:wrap}}@media(max-width:570px){.sidebar{width:57px;padding:20px 7px}.sidebar nav button{padding:12px 8px}main{margin-left:57px}.topbar{padding:0 17px}.private-badge{display:none}.page{padding:25px 16px}.page-heading{flex-direction:column;align-items:start;gap:20px}.course-grid{grid-template-columns:1fr;gap:18px}.dashboard-summary{padding:25px;margin:25px 0;min-height:230px}.dashboard-summary h2{font-size:25px}.dashboard-summary p{max-width:160px}.summary-stats{position:absolute;right:25px;bottom:25px;min-width:0;padding:0;text-align:right}.summary-stats>strong{font-size:32px}.summary-stats>span{font-size:8px}.summary-decoration{display:none}.demo-banner{flex-direction:column;align-items:start}.new-card{min-height:220px}.step-panel{padding:20px 17px}.course-title-row{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.modal{padding:22px}.modal-backdrop{padding:10px}.token-form{flex-direction:column;align-items:stretch}.token-form label:nth-child(2){width:100%}.history-row>span:nth-last-child(2){width:100%;padding-left:24px}.token-list>div{flex-wrap:wrap}.global-error{margin:15px 16px}.run-actions button{font-size:11px}}.editor-loading{height:310px;display:grid;place-items:center;font-size:12px;color:#8a9b7e}.runtime-notice{font-size:11px;line-height:1.6;background:#f8f2e6;border:1px solid #e8d9b9;border-radius:7px;padding:12px;color:#8f764a;margin:15px 0}.learning-activity{background:#fff;border:1px solid #e0e6db;border-radius:14px;padding:26px 28px;margin:30px 0}.learning-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-bottom:23px;border-bottom:1px solid #e8ede3}.learning-metrics>div{position:relative;min-width:0}.learning-metrics svg{color:#648852;margin-bottom:10px}.learning-metrics>div:first-child svg{color:#c88443}.learning-metrics strong{display:block;font-family:Manrope,sans-serif;font-size:30px;line-height:1.3}.learning-metrics strong small{font-size:14px;font-weight:500}.learning-metrics span{display:block;font-size:11px;margin-top:6px;color:#657c59}.learning-metrics p{font-size:10px;margin:7px 0 0;line-height:1.5}.activity-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:23px}.activity-heading h2{font-size:16px;margin:0}.activity-heading>span{font-size:10px;color:#899581}.activity-description{font-size:11px;margin:9px 0 18px}.heatmap-scroll{overflow-x:auto;padding:3px 3px 8px}.heatmap-layout{display:flex;gap:10px;min-width:400px}.heatmap-labels{display:grid;grid-template-rows:repeat(7,24px);gap:6px;padding-top:25px;font-size:9px;color:#8b9783;min-width:20px}.heatmap-weeks{display:flex;gap:6px}.heatmap-week .heatmap-cell{width:24px;height:24px}.heatmap-week{display:grid;grid-template-rows:19px repeat(7,24px);gap:6px;width:24px;flex:0 0 24px}.heatmap-month{font-size:9px;color:#8b9783;white-space:nowrap}.heatmap-cell{display:block;border-radius:3px;border:1px solid #213a3308;min-width:15px;height:15px;padding:0}.heatmap-cell:hover{outline:1px solid #45783c;outline-offset:1px}.heatmap-empty{visibility:hidden}.heat-0{background:#eff2eb}.heat-1{background:#d0e5b8}.heat-2{background:#96c87a}.heat-3{background:#5b9f55}.heat-4{background:#2c683e}.heatmap-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px;font-size:10px;color:#7b8b70}.heatmap-legend{display:flex;align-items:center;gap:4px}.heatmap-legend>span:first-child{margin-right:4px}.heatmap-legend>span:last-child{margin-left:4px}.activity-note{font-size:9px;margin:14px 0 0}.course-points{font-size:10px;color:#52774b;margin-top:12px;line-height:1.5}.course-points span{color:#8d9c82}.course-title-row .earned-caption{color:#52774b;margin-top:7px}.step-heading{flex-wrap:wrap}@media(max-width:1000px){.learning-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media(max-width:570px){.learning-activity{padding:20px 16px;margin:25px 0}.learning-metrics{gap:18px}.learning-metrics strong{font-size:26px}.heatmap-footer{align-items:start;flex-direction:column}.activity-heading>span{font-size:9px}.activity-description{font-size:10px}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-header .brand{padding:0;min-width:0}.panel-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid #dce4d6;border-radius:7px;background:#fff;color:#6c8360}.panel-toggle:hover{background:#edf4e8;color:#245b47}.sidebar-backdrop{display:none}.outline-heading .panel-toggle{margin-left:auto}.outline #course-outline>.progress-track{margin:17px 0 24px}.app-shell.sidebar-collapsed .sidebar{width:72px;padding:26px 12px 20px}.app-shell.sidebar-collapsed main{margin-left:72px}.sidebar-collapsed .sidebar-header{flex-direction:column;gap:18px}.sidebar-collapsed .sidebar .brand{font-size:0;justify-content:center}.sidebar-collapsed .sidebar .brand svg{width:28px;height:28px}.sidebar-collapsed .sidebar-caption,.sidebar-collapsed .sidebar-note,.sidebar-collapsed .profile>span:nth-child(2),.sidebar-collapsed .profile>svg{display:none}.sidebar-collapsed .sidebar nav{margin-top:28px}.sidebar-collapsed .sidebar nav button{font-size:0;padding:14px;justify-content:center;gap:0}.sidebar-collapsed .profile{margin-top:auto;justify-content:center}.course-workspace.outline-collapsed{grid-template-columns:52px minmax(0,1fr)}.outline-collapsed .outline{padding:10px}.outline-collapsed .outline-heading{justify-content:center}.outline-collapsed .outline-heading>strong{display:none}.outline-collapsed .outline-heading .panel-toggle{margin:0}.outline [hidden]{display:none}@media(max-width:850px){.app-shell:not(.sidebar-collapsed) .sidebar{width:236px;padding:25px 22px;box-shadow:8px 0 30px #213a3315}.app-shell:not(.sidebar-collapsed) .sidebar .brand{font-size:26px;justify-content:flex-start}.app-shell:not(.sidebar-collapsed) .sidebar-caption{display:block;margin-top:35px}.app-shell:not(.sidebar-collapsed) .sidebar nav{margin-top:0}.app-shell:not(.sidebar-collapsed) .sidebar nav button{font-size:13px;justify-content:flex-start;gap:11px;padding:13px 12px}.app-shell:not(.sidebar-collapsed) .profile>span:nth-child(2){display:block}.app-shell:not(.sidebar-collapsed) .profile>svg{display:block}.app-shell:not(.sidebar-collapsed) .profile{justify-content:flex-start}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:236px;background:#172d2530;z-index:9}.course-workspace.outline-collapsed{grid-template-columns:1fr}.outline-collapsed .outline{padding:10px 16px}.outline-collapsed .outline-heading{justify-content:space-between}.outline-collapsed .outline-heading>strong{display:block}.outline-collapsed .outline-heading .panel-toggle{margin-left:auto}}@media(max-width:570px){.app-shell.sidebar-collapsed .sidebar{width:57px;padding:20px 7px}.app-shell.sidebar-collapsed main{margin-left:57px}.sidebar-collapsed .sidebar nav button{padding:12px 8px}}.test-diagnostics{margin:10px 0 16px}.test-diagnostics summary{cursor:pointer;color:#687c5c}.course-workspace>.outline{position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:hidden}.outline-heading{flex-shrink:0}.outline #course-outline{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#bdcbb3 transparent;scrollbar-gutter:stable}.outline #course-outline:focus-visible{outline:2px solid #789c67;outline-offset:-2px;border-radius:4px}@media(max-width:850px){.course-workspace>.outline{position:static;max-height:320px}.outline #course-outline{max-height:250px}}.run-input{margin:18px 0}.run-input-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:13px}.run-examples{display:flex;gap:6px;flex-wrap:wrap}.run-examples .secondary{padding:6px 10px;font-size:11px}.run-input .field-help{margin:0;color:#78837a;font-size:11px;line-height:1.6}.run-input>p.field-help{margin-top:9px}.run-input textarea{font-size:13px}