body>aside{width:300px;padding:25px 20px;overflow-y:auto;scrollbar-width:thin;z-index:25}main{margin-left:300px}body>aside .brand{font-size:12px}body>aside .nav-label{margin:24px 0 8px}body>aside .aside-bottom{position:static;margin-top:28px}body>aside #course-contents{display:block;overflow:visible;margin-top:12px}body>aside .toc-tools{display:flex;gap:8px;margin:12px 0}body>aside .toc-tools button{font-size:11px;padding:6px 9px}body>aside .toc-chapter{border-top:1px solid #293449;padding:12px 0;font-size:13px}body>aside .toc-chapter>summary{display:grid;grid-template-columns:22px 1fr;gap:2px 7px;list-style:none;line-height:1.4;padding-right:12px;position:relative}body>aside .toc-chapter>summary:after{content:'›';position:absolute;right:0;top:0;color:#8ba8c7;font-size:18px}body>aside .toc-chapter[open]>summary:after{transform:rotate(90deg)}body>aside summary::-webkit-details-marker{display:none}body>aside .toc-chapter>summary small{font-size:10px;color:#80a697;padding-top:3px}body>aside .toc-chapter>summary strong{font-size:13px;font-weight:650;color:#d9e4f2}body>aside .toc-chapter>summary span{float:none;display:block;grid-column:2;color:#8393aa;font-size:11px;line-height:1.5;margin:0}body>aside .toc-lesson{margin:9px 0 0 28px;border-left:1px solid #2e3b4e;padding-left:9px}body>aside #course-contents a{display:block;white-space:normal;line-height:1.5;padding:6px 8px;border-radius:5px;color:#aabbd0;font-size:12px;overflow-wrap:anywhere}body>aside #course-contents a:hover{background:#192638;text-decoration:none;color:#edf4ff}body>aside #course-contents a.active{background:#213d39;color:#b5f0db;box-shadow:inset 2px 0 #80d5b5}body>aside .toc-steps{padding:0;border:0;font-size:11px;margin:2px 0 4px}body>aside .toc-steps>summary{font-size:10px;color:#7f95b1;padding:4px 8px;line-height:1.4}body>aside .toc-steps>summary:before{content:'+ ';color:#83bca7}body>aside .toc-steps[open]>summary:before{content:'− '}body>aside #course-contents .toc-step-link{font-size:11px;color:#899bb4;margin-left:9px;padding:5px 8px;border-left:1px solid #273c4a;border-radius:0 5px 5px 0}body>aside .toc-current-branch>summary strong{color:#b5e7d7}body>aside .toc-reading{font-size:10px;color:#7c91aa;padding:10px;border:1px solid #29394b;border-radius:7px;line-height:1.5}#toc-current{display:block;color:#adcfbf;font-size:11px;margin-top:4px}#toc-mobile-toggle{display:none}body>aside [hidden]{display:none!important}[id^="toc-"]{scroll-margin-top:140px}body>aside .later{padding-top:18px;margin-top:18px}body>aside .lesson-finder{margin-bottom:7px}body>aside .lesson-search-status{font-size:11px}
@media(min-width:761px) and (max-width:1050px){body>aside{width:260px;padding:24px 15px}main{margin-left:260px;padding:0 4vw}}
@media(max-width:760px){body>aside{width:100%;position:sticky;top:54px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;overflow:visible;border-bottom:1px solid #35465a;background:#0c1018f5;backdrop-filter:blur(12px)}main{margin-left:0;padding:0 23px}#toc-mobile-toggle{display:block;padding:7px 12px;font-size:12px}#toc-panel{display:none;position:absolute;top:100%;left:0;right:0;padding:15px 22px 25px;background:#0c1018;max-height:calc(100dvh - 125px);overflow-y:auto;box-shadow:0 12px 20px #0008;border-bottom:1px solid #3f5768}.toc-mobile-open #toc-panel{display:block}body>aside .nav-label{display:block;margin:0 0 8px}body>aside #course-contents a{font-size:13px}body>aside #course-contents .toc-step-link{font-size:12px}body>aside .toc-chapter>summary strong{font-size:14px}body>aside .toc-chapter>summary span{font-size:12px}body>aside .toc-steps>summary{font-size:12px;padding:7px 8px}body>aside .later{display:block}body>aside .aside-bottom{display:none}[id^="toc-"]{scroll-margin-top:170px}}

.course-editor{left:300px}@media(min-width:761px) and (max-width:1050px){.course-editor{left:260px}}@media(max-width:760px){.course-editor{left:0}body>aside{top:64px}}@media(max-width:650px){body>aside{top:104px}.learner-view>aside{top:54px}body.author-view #toc-panel{max-height:calc(100dvh - 175px)}}