.code-block-wrapper{margin:1.5rem 0;border-radius:.75rem;overflow:hidden;background:#f6f8fa;border:1px solid #d0d7de;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}html.dark .code-block-wrapper{background:#0d1117;border-color:#30363d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.code-block-header{display:flex;align-items:center;justify-content:flex-end;padding:.5rem 1rem;background:#eaeef2;border-bottom:1px solid #d0d7de}html.dark .code-block-header{background:#161b22;border-bottom-color:#30363d}.copy-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:#57606a;background:#d0d7de;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#bbc0c7;color:#24292f}html.dark .copy-btn{color:#8b949e;background:#21262d}html.dark .copy-btn:hover{background:#30363d;color:#c9d1d9}.copy-btn .hidden{display:none}.copy-btn svg{flex-shrink:0}.code-block-wrapper pre{margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important}.lesson-content pre{position:relative;margin:1.5rem 0;padding:1.25rem;background:#f6f8fa;border-radius:.75rem;overflow-x:auto;font-size:.875rem;line-height:1.7;border:1px solid #d0d7de;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000f}html.dark .lesson-content pre{background:#0d1117;border-color:#30363d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.lesson-content pre code,.code-block-wrapper pre code{background:transparent!important;padding:0!important;font-family:Fira Code,JetBrains Mono,Cascadia Code,ui-monospace,monospace;font-size:.875rem;color:#24292e;display:block;white-space:pre}html.dark .lesson-content pre code,html.dark .code-block-wrapper pre code{color:#c9d1d9}.lesson-content pre code.hljs,.code-block-wrapper pre code.hljs{color:#24292e}html.dark .lesson-content pre code.hljs,html.dark .code-block-wrapper pre code.hljs{color:#c9d1d9}.lesson-content code{color:#7c3aed;font-size:.875em;font-family:Fira Code,ui-monospace,monospace;font-weight:600}html.dark .lesson-content code{color:#c4b5fd}.lesson-content pre code{background:transparent!important;padding:0!important}.lesson-content{color:#374151}html.dark .lesson-content{color:#d1d5db}.lesson-content h1,.lesson-content h2,.lesson-content h3{font-weight:700;color:#111827}html.dark .lesson-content h1,html.dark .lesson-content h2,html.dark .lesson-content h3{color:#f3f4f6}.lesson-content h1{font-size:2.25rem}.lesson-content h2{font-size:1.875rem;margin-top:1.75rem;margin-bottom:.75rem}.lesson-content h3{font-size:1.5rem;margin-top:1.75rem;margin-bottom:.75rem}html.dark .lesson-content h2,html.dark .lesson-content h3{color:#e5e7eb}.lesson-content p{line-height:1.75}.lesson-content a{color:#7c3aed;text-decoration:none}.lesson-content a:hover{text-decoration:underline}html.dark .lesson-content a{color:#a78bfa}.lesson-content blockquote{border-left:4px solid #7c3aed;background-color:#f5f3ff;padding:.5rem 1.5rem}html.dark .lesson-content blockquote{border-color:#8b5cf6;background-color:#2e1065}.lesson-content img{margin:1.5rem auto;width:100%;max-width:100%;border-radius:.75rem;border:2px solid #f3f4f6;box-shadow:0 10px 15px -3px #0000001a}html.dark .lesson-content img{border-color:#1f2937}.lesson-content strong{color:#111827}html.dark .lesson-content strong{color:#fff}.lesson-content pre::-webkit-scrollbar{height:8px}.lesson-content pre::-webkit-scrollbar-track{background:#eaeef2;border-radius:4px}.lesson-content pre::-webkit-scrollbar-thumb{background:#afb8c1;border-radius:4px}.lesson-content pre::-webkit-scrollbar-thumb:hover{background:#8c959f}html.dark .lesson-content pre::-webkit-scrollbar-track{background:#161b22}html.dark .lesson-content pre::-webkit-scrollbar-thumb{background:#30363d}html.dark .lesson-content pre::-webkit-scrollbar-thumb:hover{background:#484f58}