.course-shell{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 110px)}.course-sidebar{background:var(--color-bg-alt);border-right:1px solid var(--color-border);padding:24px 20px 40px}.sidebar-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.back-link{font-size:.85rem;color:#7a7f89;display:inline-block}.mobile-close{display:none}.course-title{font-size:1.25rem;margin-bottom:10px}.course-sidebar .progress-track{height:6px;border-radius:3px;background:#e4e6ea;overflow:hidden}.course-sidebar .progress-fill{height:100%;background:var(--color-primary)}.course-sidebar .progress-label{font-size:.78rem;color:#7a7f89;margin:6px 0 14px}.edit-toggle{width:100%;margin-bottom:14px;padding:8px 12px;background:#fff;border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-accent);font-size:.85rem;font-weight:600;color:var(--color-heading);cursor:pointer}.editing .edit-toggle,.edit-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.section-block{margin-bottom:18px;background:#fff;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.section-block.dragging{opacity:.4}.section-head{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fafbfc;border-bottom:1px solid var(--color-border)}.section-title{font-family:var(--font-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-heading);flex:1}.section-tools{display:flex;gap:4px}.section-chevron{background:none;border:none;padding:0 2px;cursor:pointer;color:#9aa0aa;font-size:.8rem;transition:transform .15s ease}.section-block.collapsed .section-chevron{transform:rotate(-90deg)}.section-block.collapsed .lesson-list,.section-block.collapsed .js-add-lesson{display:none!important}.section-block.collapsed .section-head{border-bottom:none}.section-title-input{width:100%;font-family:var(--font-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-heading);border:1px solid var(--color-primary);border-radius:4px;padding:2px 6px;background:#fff}.section-title-input:focus{outline:none}.lesson-list{list-style:none;margin:0;padding:4px 0}.lesson-item{display:flex;align-items:center;gap:4px;padding:0 8px}.lesson-item.dragging{opacity:.4}.lesson-item a{flex:1;display:flex;align-items:center;gap:10px;padding:8px 6px;color:var(--color-text);font-size:.9rem;border-radius:6px}.lesson-item a:hover{background:var(--color-bg-alt);text-decoration:none}.lesson-item.active a{background:#e8f2fa;color:var(--color-primary);font-weight:600}.check{width:18px;height:18px;flex:none;border:2px solid #c9cdd4;border-radius:50%;position:relative}.lesson-item.completed .check{background:var(--color-primary);border-color:var(--color-primary)}.lesson-item.completed .check:after{content:"✓";color:#fff;font-size:11px;position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.mini-btn{background:none;border:none;color:#9aa0aa;font-size:.95rem;cursor:pointer;padding:2px 6px;border-radius:4px}.mini-btn:hover{color:#c0392b;background:#f4f5f7}.drag-handle{cursor:grab;color:#b6bac2;font-size:1rem;user-select:none}.add-inline{display:none;width:100%;text-align:left;background:none;border:none;border-top:1px dashed var(--color-border);color:var(--color-primary);font-size:.85rem;padding:9px 14px;cursor:pointer}#add-section.add-inline{border:2px dashed var(--color-border);border-radius:8px;text-align:center}#add-section.add-inline:hover{border-color:var(--color-primary)}.admin-only{display:none}.editing .admin-only{display:inline-flex;align-items:center}.editing .add-inline.admin-only,.editing p.hint.admin-only{display:block}#edit-lesson.admin-only{display:inline-flex}.lesson-pane{padding:32px 40px 64px;max-width:980px}.mobile-course-bar{display:none}.footer-menu-btn{visibility:hidden}.lesson-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}.lesson-header h1{font-size:1.6rem;margin:0;flex:1}.video-wrap{position:relative;aspect-ratio:16 / 9;background:#000;border-radius:10px;overflow:hidden;margin-bottom:24px}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.lesson-body{font-size:1rem}.lesson-body img{border-radius:8px}.materials{margin-top:28px;padding:18px 20px;background:var(--color-bg-alt);border-radius:8px}.materials h3{font-size:1rem;margin-bottom:8px}.materials ul{margin:0;padding-left:20px}.lesson-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border)}.complete-btn.done{background:#1e8e3e}.complete-btn.done:hover{background:#187733}.empty-pane{padding-top:24px}.hint{font-size:.8rem;color:#7a7f89;font-weight:400}.rt-toolbar{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.rt-toolbar button{background:#fff;border:1px solid var(--color-border);border-radius:4px;padding:4px 10px;font-size:.8rem;cursor:pointer}.rt-toolbar button:hover{border-color:var(--color-primary);color:var(--color-primary)}.rt-editor{min-height:180px;max-height:45vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:6px;padding:12px 14px;font-size:.95rem}.rt-editor:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.material-row{margin-bottom:8px}.material-row .m-label{max-width:200px}@media(max-width:900px){.course-shell{grid-template-columns:1fr}.course-sidebar{display:none;position:fixed;inset:0;z-index:900;overflow-y:auto;border-right:none;padding-top:16px}.course-shell.sidebar-open .course-sidebar{display:block}.mobile-close{display:inline-flex}.mobile-course-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-progress{font-size:.85rem;color:#7a7f89;font-family:var(--font-accent);font-weight:600}.lesson-pane{padding:16px 16px 48px}.lesson-header h1{font-size:1.25rem}.video-wrap{border-radius:8px;margin-left:-4px;margin-right:-4px}.lesson-footer{flex-wrap:wrap}.lesson-footer .complete-btn{order:-1;width:100%}.footer-menu-btn{visibility:visible}}
