.blog_blogContent__YT4xI{line-height:1.7;color:#374151;max-width:none}.blog_blogContent__YT4xI .blog-h1{font-size:2.25rem;font-weight:800;line-height:1.2;margin:2rem 0 1rem;color:#111827;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.blog_blogContent__YT4xI .blog-h2{font-family:var(--font-reenie-beanie),cursive;font-size:1.875rem;font-weight:600;line-height:1.2;letter-spacing:.01em;margin:1.75rem 0 .5rem;color:#111827;border-bottom:1px solid #1e2025;padding-bottom:.25rem}.blog_blogContent__YT4xI .blog-h3{font-size:1.5rem;font-weight:600;line-height:1.4;margin:1.5rem 0 .5rem;color:#1f2937}.blog_blogContent__YT4xI .blog-paragraph{margin:1rem 0;font-size:1rem;line-height:1.7}.blog_blogContent__YT4xI .blog-link{color:#3b82f6;text-decoration:underline;font-weight:500;transition:color .2s ease}.blog_blogContent__YT4xI .blog-link:hover{color:#1d4ed8}.blog_blogContent__YT4xI .inline-code{background-color:#f3f4f6;color:#e11d48;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600}.blog_blogContent__YT4xI pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;overflow-x:auto;margin:1.5rem 0}.blog_blogContent__YT4xI pre code{background:none;color:#1e293b;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;font-weight:400}.blog_blogContent__YT4xI pre .language-javascript,.blog_blogContent__YT4xI pre .language-jsx,.blog_blogContent__YT4xI pre .language-tsx,.blog_blogContent__YT4xI pre .language-typescript{color:#059669}.blog_blogContent__YT4xI pre .language-css,.blog_blogContent__YT4xI pre .language-scss{color:#7c3aed}.blog_blogContent__YT4xI pre .language-html{color:#dc2626}.blog_blogContent__YT4xI .github-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.blog_blogContent__YT4xI .github-table th{background-color:#f9fafb;color:#374151;font-weight:600;padding:.75rem 1rem;text-align:left;border-bottom:2px solid #e5e7eb;font-size:.875rem}.blog_blogContent__YT4xI .github-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:.875rem}.blog_blogContent__YT4xI .github-table tr:last-child td{border-bottom:none}.blog_blogContent__YT4xI .github-table tr:nth-child(2n){background-color:#fafafa}.blog_blogContent__YT4xI .github-table tr:hover{background-color:#f0f9ff}.blog_blogContent__YT4xI .blog-image{max-width:100%;height:auto;border-radius:.5rem;margin:1.5rem 0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb}.blog_blogContent__YT4xI .blog-figure{margin:1.5rem 0;text-align:center}.blog_blogContent__YT4xI .blog-caption{margin-top:.5rem;font-size:.875rem;color:#6b7280;font-style:italic}.blog_blogContent__YT4xI .svg-container{margin:1.5rem 0;text-align:center;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.blog_blogContent__YT4xI .svg-image{max-width:100%;height:auto;max-height:400px;border:none;box-shadow:none;margin:0}.blog_blogContent__YT4xI .video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:1.5rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.blog_blogContent__YT4xI .youtube-embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.blog_blogContent__YT4xI .pdf-download-container{margin:1.5rem 0;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .2s ease-in-out}.blog_blogContent__YT4xI .pdf-download-container:hover{box-shadow:0 8px 15px -3px rgba(0,0,0,.1);transform:translateY(-1px)}.blog_blogContent__YT4xI .pdf-download-link{display:flex;align-items:center;padding:1.25rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);color:#334155;text-decoration:none;transition:all .2s ease-in-out}.blog_blogContent__YT4xI .pdf-download-link:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:#1e293b}.blog_blogContent__YT4xI .pdf-download-icon{flex-shrink:0;width:3rem;height:3rem;margin-right:1rem;border-radius:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff}.blog_blogContent__YT4xI .pdf-download-icon svg{width:1.5rem;height:1.5rem}.blog_blogContent__YT4xI .pdf-download-content{flex:1;display:flex;flex-direction:column}.blog_blogContent__YT4xI .pdf-download-title{font-size:1.125rem;font-weight:600;line-height:1.5;margin-bottom:.25rem;color:#1e293b}.blog_blogContent__YT4xI .pdf-download-subtitle{font-size:.875rem;color:#64748b;font-weight:500}.blog_blogContent__YT4xI .blog-ordered-list,.blog_blogContent__YT4xI .blog-unordered-list{margin:1rem 0;padding-left:1.5rem}.blog_blogContent__YT4xI .blog-ordered-list{list-style-type:decimal}.blog_blogContent__YT4xI .blog-unordered-list{list-style-type:disc}.blog_blogContent__YT4xI .ordered-list-item,.blog_blogContent__YT4xI .unordered-list-item{margin:.5rem 0;line-height:1.6;color:#374151}.blog_blogContent__YT4xI .blog-blockquote{border-left:4px solid #e5e7eb;padding:1rem 1.5rem;margin:1.5rem 0;background-color:#f9fafb;color:#6b7280;font-style:italic;border-radius:0 .5rem .5rem 0}.blog_blogContent__YT4xI .blog-hr{border:none;height:2px;background:linear-gradient(90deg,#e5e7eb,#9ca3af,#e5e7eb);margin:2rem 0;border-radius:1px}.blog_blogContent__YT4xI del{color:#9ca3af;text-decoration:line-through}.blog_blogContent__YT4xI strong{font-weight:700;color:#111827}.blog_blogContent__YT4xI em{font-style:italic;color:#374151}@media(max-width:768px){.blog_blogContent__YT4xI .blog-h1{font-size:1.875rem}.blog_blogContent__YT4xI .blog-h2{font-family:var(--font-reenie-beanie),cursive;font-size:1.5rem;font-weight:600;line-height:1.2}.blog_blogContent__YT4xI .blog-h3{font-size:1.25rem}.blog_blogContent__YT4xI .github-table{font-size:.75rem}.blog_blogContent__YT4xI .github-table td,.blog_blogContent__YT4xI .github-table th{padding:.5rem}.blog_blogContent__YT4xI pre{padding:.75rem;font-size:.75rem}}.dark .blog_blogContent__YT4xI{color:#e5e7eb}.dark .blog_blogContent__YT4xI .blog-h1,.dark .blog_blogContent__YT4xI .blog-h2{color:#f3f4f6;border-bottom-color:#374151}.dark .blog_blogContent__YT4xI .blog-h3{color:#e5e7eb}.dark .blog_blogContent__YT4xI .blog-link{color:#93c5fd}.dark .blog_blogContent__YT4xI .blog-link:hover{color:#60a5fa}.dark .blog_blogContent__YT4xI .inline-code{background-color:#1f2937;color:#f472b6}.dark .blog_blogContent__YT4xI pre{background-color:#0f172a;border-color:#1f2937}.dark .blog_blogContent__YT4xI pre code{color:#e5e7eb}.dark .blog_blogContent__YT4xI pre .language-javascript,.dark .blog_blogContent__YT4xI pre .language-jsx,.dark .blog_blogContent__YT4xI pre .language-tsx,.dark .blog_blogContent__YT4xI pre .language-typescript{color:#34d399}.dark .blog_blogContent__YT4xI pre .language-css,.dark .blog_blogContent__YT4xI pre .language-scss{color:#c084fc}.dark .blog_blogContent__YT4xI pre .language-html{color:#f87171}.dark .blog_blogContent__YT4xI .github-table{background-color:#0f172a;border-color:#1f2937}.dark .blog_blogContent__YT4xI .github-table th{background-color:#111827;color:#e5e7eb;border-bottom-color:#374151}.dark .blog_blogContent__YT4xI .github-table td{color:#cbd5e1;border-bottom-color:#1f2937}.dark .blog_blogContent__YT4xI .github-table tr:nth-child(2n){background-color:#111827}.dark .blog_blogContent__YT4xI .github-table tr:hover{background-color:#0b1220}.dark .blog_blogContent__YT4xI .blog-image{border-color:#1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.4)}.dark .blog_blogContent__YT4xI .blog-caption{color:#94a3b8}.dark .blog_blogContent__YT4xI .svg-container{background-color:#0f172a;border-color:#1f2937}.dark .blog_blogContent__YT4xI .pdf-download-container{border-color:#1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.4)}.dark .blog_blogContent__YT4xI .pdf-download-link{background:linear-gradient(135deg,#0f172a,#111827);color:#cbd5e1}.dark .blog_blogContent__YT4xI .pdf-download-link:hover{background:linear-gradient(135deg,#111827,#1f2937);color:#e5e7eb}.dark .blog_blogContent__YT4xI .pdf-download-title{color:#e2e8f0}.dark .blog_blogContent__YT4xI .pdf-download-subtitle{color:#94a3b8}.dark .blog_blogContent__YT4xI .ordered-list-item,.dark .blog_blogContent__YT4xI .unordered-list-item{color:#d1d5db}.dark .blog_blogContent__YT4xI .blog-blockquote{border-left-color:#374151;background-color:#0f172a;color:#94a3b8}.dark .blog_blogContent__YT4xI .blog-hr{background:linear-gradient(90deg,#374151,#6b7280,#374151)}.dark .blog_blogContent__YT4xI del{color:#6b7280}.dark .blog_blogContent__YT4xI strong{color:#f3f4f6}.dark .blog_blogContent__YT4xI em{color:#e5e7eb}