.lesson-nav-bar{background:#faf9f7eb;backdrop-filter:blur(16px)}html{scroll-behavior:smooth}#lesson-content h2{scroll-margin-top:70px}.lesson-dropdown-active{background:var(--surface-low);color:var(--on-surface)}.lesson-dropdown-item{color:var(--on-surface-variant)}.lesson-dropdown-item:hover,.mobile-drawer-active{background:var(--surface-low);color:var(--on-surface)}.mobile-drawer-item{color:var(--on-surface-variant)}.mobile-drawer-item:hover{background:var(--surface-low)}.lesson-prose{font-family:Work Sans,sans-serif;-webkit-font-smoothing:antialiased}.lesson-prose h2.magazine-h2{display:flex;align-items:center;gap:1.25rem;border-top:none!important;margin-top:5rem;margin-bottom:2rem;font-size:1.5rem;font-weight:400;color:var(--on-surface);letter-spacing:-.01em;text-transform:uppercase;padding-top:0;font-family:Newsreader,serif}.lesson-prose h2.magazine-h2:before{content:"";width:10px;height:10px;background-color:var(--primary);flex-shrink:0}.lesson-prose p{margin-bottom:1.75rem;font-size:1.05rem;line-height:2;color:var(--on-surface-variant)}.lesson-prose h3{font-family:Newsreader,serif;font-size:1.15rem;font-weight:500;color:var(--on-surface);margin-top:2.5rem;margin-bottom:1rem}.lesson-prose blockquote{position:relative;border-left:none!important;padding:3rem 1rem!important;margin:3.5rem 0!important;text-align:center}.lesson-prose blockquote:before{content:"“";position:absolute;top:-.5rem;left:50%;transform:translate(-50%);font-size:6rem;color:var(--primary);opacity:.25;font-family:Newsreader,serif;line-height:1;pointer-events:none}.lesson-prose blockquote p{font-family:Newsreader,serif!important;font-weight:400!important;font-size:1.25rem!important;line-height:1.6!important;color:var(--on-surface)!important;font-style:italic!important;text-align:center!important;margin-bottom:.5rem!important}.lesson-prose blockquote p:last-child{margin-bottom:0!important}.lesson-prose strong{color:var(--on-surface);font-weight:600}.lesson-prose a{color:var(--primary);text-decoration:none;border-bottom:1px solid var(--primary);transition:opacity .2s}.lesson-prose a:hover{opacity:.7}.lesson-prose :not(pre)>code{font-family:DM Mono,monospace;color:var(--primary);background:var(--surface-low);padding:.15em .5em;font-size:.85em;cursor:pointer;transition:background .2s;border:1px solid rgba(175,179,176,.15)}.lesson-prose :not(pre)>code:before,.lesson-prose :not(pre)>code:after{content:none!important}.lesson-prose :not(pre)>code:hover{background:#5f5e5e14;border-color:#5f5e5e33}.code-block-wrapper{position:relative;margin:2.5rem 0}.code-block-wrapper pre{background:var(--surface-lowest)!important;border:1px solid rgba(175,179,176,.15)!important;border-radius:0!important;padding:2rem!important;font-family:DM Mono,monospace!important;font-size:.85rem;line-height:1.7;overflow-x:auto;margin:0!important}.code-block-wrapper pre code{color:var(--on-surface-variant);background:none!important;padding:0!important;border:none!important;font-size:inherit}.copy-btn{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:var(--surface-low);border:1px solid rgba(175,179,176,.15);color:var(--outline);font-family:Work Sans,sans-serif;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#5f5e5e14;border-color:var(--primary);color:var(--primary)}.lesson-prose table{width:100%;border-collapse:collapse;margin:2.5rem 0;font-size:.9rem}.lesson-prose thead th{font-family:Work Sans,sans-serif;font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--outline);text-align:left;padding:.75rem 1rem;border-bottom:2px solid rgba(175,179,176,.2);white-space:nowrap}.lesson-prose tbody td{font-family:Work Sans,sans-serif;color:var(--on-surface-variant);padding:1rem;border-bottom:1px solid rgba(175,179,176,.1);line-height:1.7;vertical-align:top}.lesson-prose tbody tr:hover td{background:var(--surface-low)}.copyable-cell{position:relative;padding-right:2.5rem!important}.cell-copy-btn{position:absolute;top:1rem;right:.5rem;padding:.35rem;background:transparent;border:1px solid transparent;color:var(--outline);cursor:pointer;transition:all .2s;opacity:0;display:flex;align-items:center;justify-content:center}.copyable-cell:hover .cell-copy-btn{opacity:1}.cell-copy-btn:hover{color:var(--primary);background:#5f5e5e0f;border-color:#5f5e5e26}.lesson-prose ul,.lesson-prose ol{margin:1.5rem 0;padding-left:1.5rem}.lesson-prose li{font-family:Work Sans,sans-serif;font-size:1.05rem;line-height:2;color:var(--on-surface-variant);margin-bottom:.5rem}.lesson-prose hr{border:none;border-top:1px solid rgba(175,179,176,.15);margin:3.5rem 0}.lesson-prose img{border:1px solid rgba(175,179,176,.15)}#section-indicator{max-height:60vh;transition:opacity .3s ease}.section-tick{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;background:none;border:none;cursor:pointer;transition:all .3s}.tick-dot{width:6px;height:6px;border-radius:50%;background:#afb3b040;transition:all .3s;flex-shrink:0}.tick-dot.active{background:var(--primary);width:8px;height:8px}.tick-label{font-family:Work Sans,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#afb3b066;white-space:nowrap;transition:all .3s;max-width:120px;overflow:hidden;text-overflow:ellipsis}.tick-label.active{color:var(--on-surface-variant)}.section-tick:hover .tick-label{color:var(--outline)}.section-tick:hover .tick-dot:not(.active){background:#afb3b080}.tick-line{width:1px;height:20px;background:#afb3b01f;margin-left:2.5px;transition:background .3s}.tick-line.filled{background:var(--primary)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#lesson-content>h1+p,#lesson-content>p:first-child{font-size:1.25rem!important;font-weight:400!important;color:var(--on-surface)!important;line-height:1.7!important;margin-bottom:2.5rem!important;font-family:Newsreader,serif!important;font-style:italic!important}#lesson-content>h1:first-child{display:none}