.learning-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:24px;align-items:start}.curriculum-nav h3{font-size:15px;margin:20px 0 10px}.curriculum-nav ol{padding-left:20px}.curriculum-nav li{margin:12px 0;font-size:12px}.curriculum-nav small{display:block;margin-top:4px;font-size:10px}.curriculum-nav a[aria-current]{color:var(--lilac);font-weight:700}.video-frame{width:100%;aspect-ratio:16/9;height:auto;border:0;background:#000}.lesson-pane{min-width:0}.rich-text{overflow-wrap:anywhere}.rich-text a{color:var(--lilac);text-decoration:underline}.rich-text pre{max-width:100%;white-space:pre-wrap;background:#101015;padding:16px}.course-progress{width:100%;height:10px;accent-color:var(--primary);display:block}.topic-block{margin:24px 0 0;padding:20px;border-left:2px solid var(--primary);background:#111116}.order-list{list-style:none;padding:0}.order-list li{display:flex;justify-content:space-between;gap:15px;padding:10px;background:#23212b;border:1px solid var(--border);margin:6px 0;cursor:grab}.order-list button,.editor-toolbar button{background:#272230;color:var(--text);border:1px solid #4a3b5c;border-radius:4px;cursor:pointer;padding:6px 12px}.editor-toolbar{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.editor-toolbar button{font-size:11px}.check-label{display:flex;align-items:center;gap:10px}.check-label input{width:18px;min-height:18px;margin:0}.topic-block details{margin-top:15px}@media(max-width:1000px){.learning-layout{grid-template-columns:1fr}.curriculum-nav{max-height:430px;overflow:auto}}@media(max-width:640px){.topic-block{padding:14px}.order-list li{font-size:12px}.order-list button{padding:6px}.video-frame{min-height:160px}}

.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.submission-history{padding:20px 0;border-bottom:1px solid var(--border)}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px;background:#202027;border-radius:6px}.quiz-option input{width:18px;min-height:18px;margin:0;flex-shrink:0}.quiz-option .badge{margin-left:auto}.quiz-option span{overflow-wrap:anywhere}

.discussion-reply .discussion-reply{padding:14px;margin-left:12px;border-left:2px solid var(--primary)}@media(max-width:640px){.discussion-reply .discussion-reply{margin-left:0;padding:10px}}

.sidebar{overflow-y:auto;overflow-x:hidden}.sidebar>.brand,.sidebar>.portal-label,.sidebar>nav,.sidebar>.sidebar-bottom{flex-shrink:0}.portal-menu-toggle{display:none}.shell main h1{font-size:clamp(30px,3vw,42px)}.shell .card-grid .panel{overflow-wrap:anywhere}
@media(max-width:640px){.sidebar{overflow:visible}.portal-menu-toggle:not([hidden]){display:inline-flex;margin-top:16px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:6px}.sidebar nav a{white-space:normal;font-size:12px;min-height:44px}.sidebar.has-menu-toggle:not(.nav-open) nav{display:none}.sidebar-bottom:has(.user-chip){padding-left:0}.sidebar nav a.active{box-shadow:inset 2px 0 var(--lilac)}}