.course-sidebar-panel{align-content:start;gap:var(--space-8)}.lesson-page{max-width:var(--measure-prose);padding:var(--space-12) var(--container-gutter) 64px}.lesson-header{gap:var(--space-4);display:grid}.lesson-header h1{margin:0}.lesson-byline{color:var(--color-text-muted);align-items:center;gap:var(--space-3);display:flex}.lesson-author-avatar{aspect-ratio:1;border:1px solid var(--color-border);border-radius:50%;flex:none;width:40px;height:40px;display:block}.lesson-byline p{gap:var(--space-2);flex-wrap:wrap;margin:0;line-height:1.4;display:flex;color:var(--color-text-muted)!important;font-size:var(--text-small)!important}.lesson-byline span+span:before{color:var(--color-text-muted);content:"/";margin-right:var(--space-2)}.lesson-page .lesson-lede{color:var(--color-text);font-size:var(--text-body);line-height:var(--line-body)}.lesson-callout{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);padding:var(--space-7) var(--space-8);display:grid}.lesson-callout-recommend .lesson-callout-title{color:var(--color-success-text)!important}.lesson-callout-warning .lesson-callout-title{color:var(--color-warning-text)!important}.lesson-callout-title{font-weight:var(--weight-semibold);margin:0;color:var(--color-text)!important;font-size:var(--text-small)!important}.lesson-callout-body{gap:var(--space-3);display:grid}.lesson-callout-body p{font-size:var(--text-small)!important}.lesson-faq{gap:var(--space-6);display:grid}.lesson-faq-item{gap:var(--space-2);display:grid}.lesson-nav{border-top:1px solid var(--color-border);gap:var(--space-5);margin-top:var(--space-6);padding-top:var(--space-9);grid-template-columns:1fr 1fr;display:grid}.lesson-nav-link{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-1);padding:var(--space-6) var(--space-7);display:grid;text-decoration:none!important}.lesson-nav-link:hover{border-color:var(--color-accent)}.lesson-nav-next{text-align:right}.lesson-nav-dir{color:var(--color-text-muted);font-size:var(--text-small);text-transform:lowercase}.lesson-nav-title{color:var(--color-text);font-size:var(--text-small)}.lesson-link-soon{color:var(--color-text);-webkit-text-decoration:underline dotted var(--color-text-muted);text-decoration:underline dotted var(--color-text-muted);text-underline-offset:3px}.lesson-code{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-7);margin:0;overflow-x:auto}.lesson-table{background:var(--color-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);border-collapse:collapse;width:100%;overflow:hidden}.lesson-table th,.lesson-table td{border-bottom:1px solid var(--color-border);font-size:var(--text-small);padding:var(--space-5) var(--space-6);text-align:left;vertical-align:top;line-height:1.5}.lesson-table tr:last-child td{border-bottom:0}.lesson-table thead th{border-bottom:1.5px solid var(--color-border-strong);color:var(--color-text);font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-bold)}.lesson-table tbody th{color:var(--color-text);font-weight:var(--weight-semibold)}.lesson-table td{color:var(--color-text)}@media (max-width:720px){.lesson-nav{grid-template-columns:1fr}}