.blog-template-2{--blog-primary:#6366f1;--blog-primary-hover:#4f46e5}.blog-template-2 .line-clamp-2{-webkit-line-clamp:2}.blog-template-2 .line-clamp-2,.blog-template-2 .line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-template-2 .line-clamp-3{-webkit-line-clamp:3}.blog-template-2 a,.blog-template-2 button{transition:all .2s ease}.blog-template-2 .prose{--tw-prose-body:#4b5563;--tw-prose-headings:#111827;--tw-prose-links:var(--blog-primary);--tw-prose-bold:#111827}.blog-template-2 .prose p{line-height:1.75;margin-bottom:1.25rem}.blog-template-2 .prose h1,.blog-template-2 .prose h2,.blog-template-2 .prose h3{font-weight:600;margin-top:2rem;margin-bottom:1rem}.blog-template-2 .prose a{color:var(--blog-primary);text-decoration:underline;text-underline-offset:2px}.blog-template-2 .prose a:hover{opacity:.8}.blog-template-2 .prose img{border-radius:.5rem;margin:1.5rem 0}.blog-template-2 .prose blockquote{border-left:3px solid var(--blog-primary);padding-left:1rem;font-style:italic;color:#6b7280}.blog-template-2 .prose code{background:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em}.blog-template-2 .prose pre{background:#1f2937;border-radius:.5rem;padding:1rem;overflow-x:auto}.blog-template-2 .prose ol,.blog-template-2 .prose ul{padding-left:1.5rem;margin-bottom:1rem}.blog-template-2 .prose li{margin-bottom:.5rem}.blog-template-2 a:focus-visible,.blog-template-2 button:focus-visible{outline:2px solid var(--blog-primary);outline-offset:2px;border-radius:4px}.blog-template-2{scroll-behavior:smooth}.blog-template-1{--blog-primary:#2563eb;--blog-primary-hover:#1d4ed8}.blog-template-1 a,.blog-template-1 button{transition:all .2s ease-in-out}.blog-template-1 .line-clamp-2{-webkit-line-clamp:2}.blog-template-1 .line-clamp-2,.blog-template-1 .line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-template-1 .line-clamp-3{-webkit-line-clamp:3}.blog-template-1 article{transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}.blog-template-1 article:hover{transform:translateY(-2px)}@media (max-width:640px){.blog-template-1 h1{font-size:1.875rem}.blog-template-1 h2{font-size:1.125rem}}.blog-template-1 a:focus-visible,.blog-template-1 button:focus-visible{outline:2px solid var(--blog-primary);outline-offset:2px}.blog-template-1{scroll-behavior:smooth}