.lesson-content div[data-callout-type]{border-left:4px solid;border-radius:.375rem;margin:1.25rem 0;font-size:.875rem;line-height:1.6;position:relative;padding:.75rem 1rem .75rem 2.5rem}.lesson-content div[data-callout-type]:before{position:absolute;left:.75rem;top:.85rem;font-size:1rem;line-height:1}.lesson-content div[data-callout-type=info]{border-color:#3b82f6;background-color:#eff6ff;color:#1e40af}.lesson-content div[data-callout-type=info]:before{content:"ℹ️"}.lesson-content div[data-callout-type=tip]{border-color:#22c55e;background-color:#f0fdf4;color:#166534}.lesson-content div[data-callout-type=tip]:before{content:"💡"}.lesson-content div[data-callout-type=warning]{border-color:#f59e0b;background-color:#fffbeb;color:#92400e}.lesson-content div[data-callout-type=warning]:before{content:"⚠️"}.lesson-content div[data-callout-type=danger]{border-color:#ef4444;background-color:#fef2f2;color:#991b1b}.lesson-content div[data-callout-type=danger]:before{content:"❌"}.lesson-content div[data-callout-type] p{margin:.25rem 0}.lesson-content div[data-callout-type] p:first-child{margin-top:0}.lesson-content div[data-callout-type] p:last-child{margin-bottom:0}.lesson-content table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.875rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.lesson-content thead,.lesson-content tbody{display:table;width:100%;table-layout:fixed}.lesson-content th,.lesson-content td{border:1px solid #d1d5db;padding:.5rem .75rem;vertical-align:top;text-align:left}.lesson-content th{background-color:#f3f4f6;font-weight:600}.lesson-content tbody tr:nth-child(2n){background-color:#f9fafb}.lesson-content tbody tr:hover{background-color:#f3f4f6}.lesson-content pre{background-color:#1e1e2e;color:#cdd6f4;border-radius:.5rem;padding:1rem;margin:1.25rem 0;overflow-x:auto;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.8125rem;line-height:1.6}.lesson-content pre code{background:none;padding:0;font-size:inherit;color:inherit;border-radius:0}.lesson-content :not(pre)>code{background-color:#f3f4f6;border-radius:.25rem;padding:.125rem .375rem;font-size:.8125rem;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;color:#e11d48}.lesson-content pre .hljs-keyword,.lesson-content pre .hljs-selector-tag{color:#cba6f7}.lesson-content pre .hljs-string,.lesson-content pre .hljs-attr{color:#a6e3a1}.lesson-content pre .hljs-comment{color:#6c7086;font-style:italic}.lesson-content pre .hljs-number,.lesson-content pre .hljs-literal{color:#fab387}.lesson-content pre .hljs-function,.lesson-content pre .hljs-title{color:#89b4fa}.lesson-content pre .hljs-built_in,.lesson-content pre .hljs-type,.lesson-content pre .hljs-class{color:#f9e2af}.lesson-content pre .hljs-variable{color:#cdd6f4}.lesson-content div[data-youtube-video],.lesson-content .video-wrapper{position:relative;width:100%;padding-bottom:56.25%;margin:1.25rem 0;border-radius:.5rem;overflow:hidden;background-color:#000}.lesson-content div[data-youtube-video] iframe,.lesson-content .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:.5rem}.lesson-content iframe[src*="youtube.com"],.lesson-content iframe[src*="youtu.be"]{width:100%;aspect-ratio:16 / 9;border-radius:.5rem;margin:1.25rem 0}.lesson-content video{max-width:100%;height:auto;border-radius:.5rem;margin:1.25rem 0}.lesson-content img{max-width:100%;height:auto;border-radius:.5rem;margin:1.25rem auto;display:block}.lesson-content figure{margin:1.25rem 0;text-align:center}.lesson-content figcaption{font-size:.8125rem;color:#6b7280;margin-top:.5rem;font-style:italic}.lesson-content blockquote{border-left:3px solid #d1d5db;padding-left:1rem;margin:1.25rem 0;color:#6b7280;font-style:italic}.lesson-content hr{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.lesson-content [data-block-index].audio-active{background-color:#fef9c3;border-radius:.25rem;padding-left:.5rem;padding-right:.5rem;margin-left:-.5rem;margin-right:-.5rem;transition:background-color .3s ease}.dark .lesson-content [data-block-index].audio-active{background-color:#facc1526}.dark .lesson-content div[data-callout-type=info]{background-color:#3b82f61a;color:#93c5fd}.dark .lesson-content div[data-callout-type=tip]{background-color:#22c55e1a;color:#86efac}.dark .lesson-content div[data-callout-type=warning]{background-color:#f59e0b1a;color:#fcd34d}.dark .lesson-content div[data-callout-type=danger]{background-color:#ef44441a;color:#fca5a5}.dark .lesson-content th{background-color:#1f2937;border-color:#374151}.dark .lesson-content td{border-color:#374151}.dark .lesson-content tbody tr:nth-child(2n){background-color:#1f293780}.dark .lesson-content tbody tr:hover{background-color:#37415180}.dark .lesson-content :not(pre)>code{background-color:#1f2937;color:#f472b6}.dark .lesson-content blockquote{border-color:#4b5563;color:#9ca3af}.dark .lesson-content hr{border-color:#374151}.dark .lesson-content figcaption{color:#9ca3af}