.blog-main-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width:1024px){.blog-main-grid{grid-template-columns:1fr 340px;gap:3rem}}.blog-posts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}}.blog-card{background:#fff;border-radius:1rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(226,232,240,.6)}.blog-card:hover{box-shadow:0 20px 40px -12px rgba(44,123,192,.15),0 8px 20px -8px rgba(0,0,0,.08);border-color:var(--color-primary);transform:translateY(-4px)}.blog-card .blog-card-image{overflow:hidden}.blog-card .blog-card-image img{transition:transform .5s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-post-title-link{color:var(--color-dark);text-decoration:none;transition:color .2s ease}.blog-post-title-link:hover,.blog-tag-link{color:var(--color-primary)}.blog-tag-link{display:inline-flex;align-items:center;padding:.3rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:rgba(44,123,192,.08);transition:all .3s ease;text-decoration:none;border:1px solid rgba(44,123,192,.12)}.blog-tag-link:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(44,123,192,.25)}.prose{--tw-prose-headings:var(--color-dark);--tw-prose-links:var(--color-primary)}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);color:var(--color-dark)}.prose h2{padding-bottom:.5rem;border-bottom:2px solid rgba(44,123,192,.1);margin-top:2.5rem}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(44,123,192,.3);transition:text-decoration-color .2s}.prose a:hover{text-decoration-color:var(--color-primary)}.prose img{border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.08)}.prose blockquote{border-left-color:var(--color-primary);background:rgba(44,123,192,.04);border-radius:0 .75rem .75rem 0;padding:1rem 1.5rem}.prose ul li::marker{color:var(--color-primary)}.blog-hide-mobile{display:none}@media (min-width:1024px){.blog-hide-mobile{display:block}.blog-hide-desktop{display:none}}