.line-clamp-2[data-astro-cid-xj4yj4fu]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-content{font-size:1.125rem;line-height:1.75;color:#374151;max-width:100%}.dark .blog-content{color:#d1d5db}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:#111827;font-weight:700;line-height:1.2;margin-top:2.5rem;margin-bottom:1.25rem;letter-spacing:-.025em}.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:#fff}.blog-content h1{font-size:2.5rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:3px solid #3b82f6;padding-bottom:.5rem}.dark .blog-content h1{border-bottom-color:#60a5fa}.blog-content h2{font-size:2rem;margin-top:2.5rem;margin-bottom:1.25rem;color:#1f2937;position:relative}.dark .blog-content h2{color:#f3f4f6}.blog-content h2:before{content:"";position:absolute;left:-1rem;top:.5rem;width:4px;height:1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:2px}.dark .blog-content h2:before{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.blog-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#374151}.dark .blog-content h3{color:#e5e7eb}.blog-content h4{font-size:1.25rem;margin-top:1.75rem;margin-bottom:.75rem;color:#4b5563}.dark .blog-content h4{color:#d1d5db}.blog-content p{margin-bottom:1.5rem;text-align:left}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-content ul{list-style-type:none}.blog-content ul li{position:relative;margin-bottom:.75rem;padding-left:1.5rem}.blog-content ul li:before{content:"•";position:absolute;left:0;color:#3b82f6;font-weight:700;font-size:1.2em}.dark .blog-content ul li:before{color:#60a5fa}.blog-content ol{list-style-type:decimal}.blog-content ol li{margin-bottom:.5rem;padding-left:.5rem}.blog-content a{color:#2563eb;text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.dark .blog-content a{color:#60a5fa}.blog-content a:hover{color:#1d4ed8;border-bottom-color:#1d4ed8}.dark .blog-content a:hover{color:#93c5fd;border-bottom-color:#93c5fd}.blog-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-radius:.5rem;font-style:italic;color:#1e40af;position:relative}.dark .blog-content blockquote{background:linear-gradient(135deg,#1e293b,#334155);border-left-color:#60a5fa;color:#93c5fd}.blog-content blockquote:before{content:'"';position:absolute;top:-.5rem;left:1rem;font-size:3rem;color:#3b82f6;opacity:.3}.dark .blog-content blockquote:before{color:#60a5fa}.blog-content code{background-color:#f3f4f6;color:#dc2626;padding:.125rem .25rem;border-radius:.25rem;font-size:.875em;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.dark .blog-content code{background-color:#374151;color:#f87171}.blog-content pre{background-color:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin:2rem 0;border:1px solid #374151}.dark .blog-content pre{background-color:#111827;border-color:#1f2937}.blog-content pre code{background-color:transparent;color:inherit;padding:0}.blog-content img{max-width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:2rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.dark .blog-content table{box-shadow:0 4px 6px -1px #00000080}.blog-content th{background-color:#3b82f6;color:#fff;padding:1rem;text-align:left;font-weight:600}.dark .blog-content th{background-color:#1e40af}.blog-content td{padding:1rem;border-bottom:1px solid #e5e7eb}.dark .blog-content td{border-bottom-color:#374151}.blog-content tr:nth-child(2n){background-color:#f9fafb}.dark .blog-content tr:nth-child(2n){background-color:#1f2937}.blog-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#3b82f6,transparent);margin:3rem 0}@media (max-width: 768px){.blog-content{font-size:1rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.75rem}.blog-content h3{font-size:1.375rem}}@media (max-width: 640px){.blog-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.875rem}.blog-content th,.blog-content td{padding:.75rem .5rem;white-space:nowrap}.blog-content h2:before{display:none}}@media print{.blog-content{font-size:12pt;line-height:1.6}}