.blog-content{font-size:1.125rem;line-height:1.8;color:#495057}.dark .blog-content{color:#d1d5db}.blog-content p{margin-bottom:1.75rem!important;line-height:1.8!important;font-size:1.125rem!important;color:#495057!important}.dark .blog-content p{color:#d1d5db!important}.blog-content>p:first-child{margin-top:0!important}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{font-weight:700!important;color:#212529!important;margin-top:3rem!important;margin-bottom:1.5rem!important;line-height:1.3!important}.dark .blog-content h1,.dark .blog-content h2,.dark .blog-content h3,.dark .blog-content h4,.dark .blog-content h5,.dark .blog-content h6{color:#f5f5f5!important}.blog-content>h1:first-child,.blog-content>h2:first-child,.blog-content>h3:first-child{margin-top:0!important}.blog-content h1{font-size:2rem!important}.blog-content h2{font-size:1.75rem!important}.blog-content h3{font-size:1.5rem!important}.blog-content h4{font-size:1.25rem!important}.blog-content a{color:#1e88e5!important;text-decoration:none!important;font-weight:500!important;border-bottom:2px solid transparent;transition:border-color .2s ease}.dark .blog-content a{color:#64b5f6!important}.blog-content a:hover{color:#1976d2!important;border-bottom-color:#1976d2}.dark .blog-content a:hover{color:#90caf9!important;border-bottom-color:#90caf9}.blog-content strong{font-weight:700!important;color:#212529!important}.dark .blog-content strong{color:#f5f5f5!important}.blog-content em{font-style:italic!important;color:#343a40!important}.dark .blog-content em{color:#d1d5db!important}.blog-content ul,.blog-content ol{margin-top:1.5rem!important;margin-bottom:1.5rem!important;padding-left:2rem!important}.blog-content li{margin-bottom:.75rem!important;line-height:1.8!important;font-size:1.125rem!important}.blog-content ul{list-style-type:disc!important}.blog-content ol{list-style-type:decimal!important}.blog-content li>ul,.blog-content li>ol{margin-top:.5rem!important;margin-bottom:.5rem!important}.blog-content blockquote{border-left:4px solid #1e88e5!important;padding-left:1.5rem!important;margin:2.5rem 0!important;font-style:italic!important;color:#6c757d!important;font-size:1.125rem!important;background-color:#f8f9fa;padding:1.5rem;border-radius:.25rem}.dark .blog-content blockquote{border-left-color:#64b5f6!important;background-color:#1f2937;color:#9ca3af!important}.blog-content blockquote p{margin-bottom:0!important}.blog-content code{background-color:#f8f9fa!important;color:#1e88e5!important;padding:.25rem .5rem!important;border-radius:.25rem!important;font-size:.95em!important;font-family:Courier New,Courier,monospace!important}.dark .blog-content code{background-color:#1f2937!important;color:#64b5f6!important}.blog-content pre{background-color:#212529!important;color:#f8f9fa!important;padding:1.5rem!important;border-radius:0!important;overflow-x:auto!important;margin:2.5rem 0!important;line-height:1.6!important}.dark .blog-content pre{background-color:#1f2937!important;color:#e5e7eb!important}.blog-content pre code{background-color:transparent!important;color:inherit!important;padding:0!important;font-size:.95rem!important}.blog-content img{border-radius:.75rem!important;margin:2.5rem 0!important;box-shadow:0 10px 30px #00000026!important;width:100%!important;height:auto!important}.dark .blog-content img{box-shadow:0 10px 30px #0006!important}.blog-content hr{border:none!important;border-top:2px solid #e9ecef!important;margin:3rem 0!important}.dark .blog-content hr{border-top-color:#374151!important}.blog-content table{width:100%!important;margin:2rem 0!important;border-collapse:collapse!important}.blog-content th,.blog-content td{padding:.75rem!important;border:1px solid #dee2e6!important;text-align:left!important}.dark .blog-content th,.dark .blog-content td{border-color:#374151!important}.blog-content th{background-color:#f8f9fa!important;font-weight:700!important}.dark .blog-content th{background-color:#1f2937!important;color:#f5f5f5!important}.dark .blog-content td{color:#d1d5db!important}pre[class*=language-]{border-radius:0;padding:1.5rem;overflow-x:auto;margin:2.5rem 0!important}.mermaid{display:flex;justify-content:center;align-items:center;margin:3rem 0!important;background:transparent;overflow-x:auto;padding:1rem}.mermaid svg{max-width:100%;height:auto}.dark .mermaid{filter:invert(93%) hue-rotate(180deg)}.dark .mermaid svg{background:transparent!important}
