.blog-content h1{font-size:2.5rem;margin-top:2rem;margin-bottom:1rem;font-weight:700;line-height:1.2}.blog-content h2{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;font-weight:700;color:#1e293b;padding-bottom:.75rem;border-bottom:2px solid #e2e8f0;line-height:1.3}.blog-content h3{background:linear-gradient(135deg,#f8fafc,#eff6ff);padding:1rem 1.5rem;border-left:4px solid #3b82f6;border-radius:.5rem;margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1e293b;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:all .2s ease;line-height:1.4}.blog-content h3:hover{box-shadow:0 4px 8px rgba(59,130,246,.15);transform:translateX(4px);border-left-color:#2563eb}.blog-content h3+p{margin-top:1rem}.blog-content h3+p,.blog-content h3+p+p{padding-left:1.5rem;border-left:3px solid #dbeafe;padding-top:.5rem;padding-bottom:.5rem}.blog-content h3+p+p{margin-top:.75rem}.blog-content p{margin-bottom:1.5rem;line-height:1.8}.blog-content ol,.blog-content ul{margin-left:1.5rem;margin-bottom:1.5rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;font-style:italic;margin:1.5rem 0}.blog-content pre{background-color:#1e293b;color:#e2e8f0;padding:1.25rem;border-radius:.5rem;overflow-x:auto;margin:1.5rem 0;line-height:1.6;border:1px solid #334155}.blog-content code,.blog-content pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.blog-content h1>code,.blog-content h2>code,.blog-content h3>code,.blog-content li>code,.blog-content p>code{background-color:#f1f5f9;color:#0f172a;padding:.2rem .4rem;border-radius:.25rem;font-size:.875rem;border:1px solid #e2e8f0}.blog-content pre.language-javascript,.blog-content pre.language-js{border-left:4px solid #f7df1e}.blog-content pre.language-ts,.blog-content pre.language-typescript{border-left:4px solid #3178c6}.blog-content pre.language-html{border-left:4px solid #e34c26}.blog-content pre.language-css{border-left:4px solid #264de4}.blog-content pre.language-json{border-left:4px solid #8bc34a}.blog-content img{max-width:100%;height:auto;border-radius:.375rem;margin:1.5rem 0}.blog-content a{color:#3182ce;text-decoration:none}.blog-content a:hover{text-decoration:underline}.blog-content hr{margin:2rem 0;border:0;border-top:1px solid #e2e8f0}.blog-content figure{margin:1.5rem 0}.blog-content figcaption{text-align:center;font-size:.875rem;color:#718096;margin-top:.5rem}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:.5rem;overflow:hidden}.blog-content td,.blog-content th{padding:1rem;text-align:left;border-bottom:1px solid #e2e8f0}.blog-content th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-weight:600;color:#1e293b;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #cbd5e1}.blog-content tbody tr{transition:background-color .15s ease}.blog-content tbody tr:hover{background-color:#f8fafc}.blog-content tbody tr:last-child td{border-bottom:none}.blog-content td{color:#334155}@media (max-width:768px){.blog-content table{font-size:.875rem}.blog-content td,.blog-content th{padding:.75rem .5rem}}.markdown-content pre{position:relative;padding:1.5rem;margin:1.5rem 0;background-color:#1e293b;color:#e2e8f0;border-radius:.5rem;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.markdown-content pre code{background-color:transparent;padding:0;border:none;color:inherit;font-size:.9rem;line-height:1.6;display:block;width:100%}.markdown-content pre[class*=language-]:before{content:attr(class);position:absolute;top:0;right:0;padding:.25rem .75rem;font-size:.75rem;background-color:#334155;color:#e2e8f0;border-bottom-left-radius:.25rem;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif}.markdown-content pre.language-javascript,.markdown-content pre.language-js{border-left:4px solid #f7df1e}.markdown-content pre.language-ts,.markdown-content pre.language-typescript{border-left:4px solid #3178c6}.markdown-content pre.language-html{border-left:4px solid #e34c26}.markdown-content pre.language-css{border-left:4px solid #264de4}.markdown-content pre.language-json{border-left:4px solid #8bc34a}