.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem;display:grid}.blog-card-link{text-decoration:none;display:flex}.blog-card{cursor:pointer;background:#fff;border:2px solid #0000000d;border-radius:1.5rem;flex-direction:column;width:100%;padding:2rem;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;box-shadow:0 4px 20px #0000000d}.blog-card:hover{border-color:#0ea5e933;transform:translateY(-4px);box-shadow:0 20px 50px #0000001a}.blog-card-link[style*=--card-color] .blog-card:hover{box-shadow:0 20px 50px color-mix(in srgb, var(--card-color) 15%, transparent)}.blog-card-title{color:#0f172a;letter-spacing:-.02em;flex:0;margin-top:0;margin-bottom:.5rem;font-size:1.1rem;font-weight:800;line-height:1.35}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.related-post-card{transition:all .25s}.related-post-card:hover{box-shadow:0 12px 35px color-mix(in srgb, var(--item-color) 15%, transparent);transform:translateY(-3px)}.blog-table-row{transition:background .2s}.blog-table-row:hover{background:#f1f5f9!important}@media (max-width:480px){.blog-card{border-radius:1.25rem;padding:1.5rem}.blog-card-title{font-size:1rem}.blog-grid{gap:1rem}}@media (max-width:360px){.blog-card{padding:1.25rem}.blog-card-title{font-size:.95rem}}