.lesson__subtitle{font-size:var(--font-size-lg);color:var(--color-fg-muted);margin-bottom:var(--space-xl);line-height:1.6}.lesson__body melos-section-header{margin-top:var(--space-2xl)}.lesson__body h3{font-size:var(--font-size-base);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.lesson__body h4{font-size:var(--font-size-sm);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.lesson__body p{color:var(--color-fg-muted);margin-bottom:var(--space-md);max-width:640px;line-height:1.8}.lesson__body p strong{color:var(--color-fg)}.lesson__body ul,.lesson__body ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);color:var(--color-fg-muted);max-width:640px;line-height:1.8}.lesson__body ul li{padding-left:var(--space-md);position:relative}.lesson__body ul li:before{content:"–";left:calc(-1 * var(--space-sm));color:var(--color-accent);position:absolute}.lesson__body ol{counter-reset:lesson-ol}.lesson__body ol li{padding-left:var(--space-md);counter-increment:lesson-ol;position:relative}.lesson__body ol li:before{content:counter(lesson-ol) ".";left:calc(-1 * var(--space-sm));color:var(--color-accent);position:absolute}.lesson__body li+li{margin-top:var(--space-xs)}.lesson__body li ul,.lesson__body li ol{margin-top:var(--space-xs);margin-bottom:0}.lesson__body li li:before{color:var(--color-fg-dim)}.lesson__body melos-staff-v2{margin:var(--space-lg) 0}.lesson__body melos-card{margin:var(--space-lg) 0;max-width:640px}.lesson__body melos-card p{margin-bottom:var(--space-xs)}.lesson__body melos-card p:last-child{margin-bottom:0}.lesson__body a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.lesson__body a:hover{color:var(--color-fg)}.lesson__body img{max-width:100%;margin:var(--space-lg) 0;border:var(--border-width,2px) solid var(--color-border)}.lesson__body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-xl) 0}.lesson__body code{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface);border:1px solid var(--color-border);padding:.15em .4em}.lesson__body pre{background:var(--color-surface);border:var(--border-width,2px) solid var(--color-border);padding:var(--space-md);margin:var(--space-lg) 0;line-height:1.6;overflow-x:auto}.lesson__body pre code{background:0 0;border:none;padding:0}.lesson__body table{border-collapse:collapse;width:100%;margin:var(--space-lg) 0;font-size:var(--font-size-sm)}.lesson__body th,.lesson__body td{border:1px solid var(--color-border);padding:var(--space-xs) var(--space-sm);text-align:left}.lesson__body th{background:var(--color-surface);text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:var(--font-size-xs);color:var(--color-fg)}.lesson__body td{color:var(--color-fg-muted)}.lesson__body em{color:var(--color-fg-dim)}.lesson__prereqs{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-surface);border-left:3px solid var(--color-fg-dim);margin-bottom:var(--space-xl);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.lesson__prereqs-label{color:var(--color-fg-dim)}.lesson__prereqs-link{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}.lesson__prereqs-link:hover{color:var(--color-fg)}.lesson__nav{margin-top:var(--space-3xl);padding-top:var(--space-md);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.lesson__nav-link{font-size:var(--font-size-sm);color:var(--color-fg-muted);text-decoration:none;transition:color .15s}.lesson__nav-link--next{align-self:flex-end}.lesson__nav-link:hover{color:var(--color-accent)}.unit-lesson-list{margin-top:var(--space-lg)}.unit-lesson{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border:var(--border-width,2px) solid var(--color-border);margin-top:calc(var(--border-width,2px) * -1);color:var(--color-fg);text-decoration:none;transition:border-color .15s;display:flex}.unit-lesson:first-child{margin-top:0}.unit-lesson:hover{border-color:var(--color-accent);z-index:1;position:relative}.unit-lesson:hover .unit-lesson__title{color:var(--color-accent)}.unit-lesson__visited{background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px}.unit-lesson.is-visited .unit-lesson__visited{background:var(--color-accent)}.unit-lesson__index{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-fg-dim);flex-shrink:0;font-weight:700}.unit-lesson__body{gap:var(--space-xs);flex-direction:column;display:flex}.unit-lesson__title{font-family:var(--font-heading);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.08em;font-weight:700;transition:color .15s}.unit-lesson__subtitle{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.theory-unit-list{margin-top:var(--space-lg)}.theory-unit{border:var(--border-width,2px) solid var(--color-border);margin-top:calc(var(--border-width,2px) * -1);color:var(--color-fg);text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden}.theory-unit:first-child{margin-top:0}.theory-unit:hover{border-color:var(--color-accent);z-index:1;position:relative}.theory-unit:hover .theory-unit__accent-bar{background:var(--color-accent)}.theory-unit:hover .theory-unit__title{color:var(--color-accent)}.theory-unit__accent-bar{background:0 0;flex-shrink:0;width:6px;transition:background .15s}.theory-unit__body{padding:var(--space-md) var(--space-lg);gap:var(--space-xs);flex-direction:column;display:flex}.theory-unit__index{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-fg-dim);font-weight:700}.theory-unit__title{font-family:var(--font-heading);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.08em;font-weight:700;transition:color .15s}.theory-unit__desc{font-size:var(--font-size-xs);color:var(--color-fg-muted)}.theory-unit__count{font-size:var(--font-size-xs);color:var(--color-fg-dim);font-family:var(--font-mono)}.theory-outline-link{margin-top:var(--space-xl)}.theory-outline-link a{font-size:var(--font-size-sm);color:var(--color-fg-muted);text-decoration:none}.theory-outline-link a:hover{color:var(--color-accent)}.outline__unit{margin-bottom:var(--space-2xl)}.outline__unit-header{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md);display:flex}.outline__unit-index{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);font-weight:700}.outline__unit-title{font-family:var(--font-heading);font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.15em;color:var(--color-fg);font-weight:700;text-decoration:none}.outline__unit-title:hover{color:var(--color-accent)}.outline__lessons{gap:var(--space-xs);flex-direction:column;display:flex}.outline__lesson{align-items:baseline;gap:var(--space-sm);display:flex}.outline__lesson-index{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-fg-dim);flex-shrink:0}.outline__lesson-link{font-size:var(--font-size-sm);color:var(--color-fg-muted);text-decoration:none}.outline__lesson-link:hover{color:var(--color-accent)}.reference__back{margin-top:var(--space-3xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.reference__back a{font-size:var(--font-size-sm);color:var(--color-fg-muted);text-decoration:none}.reference__back a:hover{color:var(--color-accent)}.lesson__draft-banner{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-fg-dim);border:1px dashed var(--color-border);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xl);text-align:center}.not-found{padding:var(--space-3xl) 0}.not-found__message{font-size:var(--font-size-lg);color:var(--color-fg-muted);margin-bottom:var(--space-2xl)}.not-found__links{gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--font-size-sm);display:flex}.not-found__links a{color:var(--color-fg-muted);text-decoration:none}.not-found__links a:hover,.not-found__sep{color:var(--color-accent)}.unit-lesson--draft{opacity:.4;cursor:default}.unit-lesson--draft:hover{border-color:var(--color-border)}.unit-lesson--draft:hover .unit-lesson__title{color:var(--color-fg)}.theory-unit--draft{opacity:.4;cursor:default}.theory-unit--draft:hover{border-color:var(--color-border)}.theory-unit--draft:hover .theory-unit__accent-bar{background:0 0}.theory-unit--draft:hover .theory-unit__title{color:var(--color-fg)}.outline__lesson--draft{opacity:.4}@media (width<=640px){.lesson__nav{gap:var(--space-md);flex-direction:column;align-items:flex-start}.unit-lesson,.theory-unit__body{padding:var(--space-sm) var(--space-md)}}@media (width<=480px){.lesson__subtitle{font-size:var(--font-size-base)}.lesson__body table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.lesson__body ul,.lesson__body ol{padding-left:var(--space-md)}.unit-lesson{gap:var(--space-xs);flex-wrap:wrap}.unit-lesson__visited,.unit-lesson__index{font-size:.7rem}.unit-lesson__body{width:100%}}