.top-blog-card{display:grid;grid-template-rows:auto 1fr;background:white;border-radius:1.5rem;box-shadow:0 0 10px rgba(0,0,0,.1);transition:transform .3s;overflow:hidden;min-height:100%;cursor:pointer;margin-bottom:1.25rem}.top-blog-card:hover{transform:translateY(-5px)}.top-blog-image{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.top-blog-image>:first-child{position:absolute!important;height:100%!important;width:100%!important;object-fit:cover}.top-blog-content{display:flex;flex-direction:column;gap:1rem;padding:1rem}.top-blog-content h2{font-size:1rem;line-height:1.5;margin:0;font-weight:600;overflow:hidden;-webkit-box-orient:vertical}.top-blog-meta{font-size:.875rem;color:#6b7280;margin:0}.top-blog-description{font-size:1rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0}@media screen and (min-width:480px){.top-blog-content h2{font-size:1.25rem}}@media screen and (min-width:768px){.top-blog-content h2{display:-webkit-box;-webkit-line-clamp:3}}@media screen and (min-width:1024px){.top-blog-card{grid-template-rows:none;grid-template-columns:1fr 1fr}.top-blog-image{height:100%}.top-blog-content h2{font-size:1.5rem;-webkit-line-clamp:4}.top-blog-description{font-size:1.125rem}.top-blog-meta{font-size:1rem}}@media screen and (min-width:1440px){.top-blog-card{margin-bottom:2rem}.top-blog-content h2{font-size:1.875rem}.top-blog-content{padding:2.5rem;justify-content:center}.top-blog-description{font-size:1.375rem;-webkit-line-clamp:5}}