.blog-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1.5rem;margin:1.5rem 0}.blog-card{position:relative;background-color:var(--color-surface);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease;border:.1rem solid var(--color-surface);border-radius:.75rem}.blog-card:hover{border:.1rem solid var(--color-link)}.blog-card-link{color:inherit;text-decoration:none}.blog-card-link::after{content:"";position:absolute;inset:0}.blog-card-image{position:relative;aspect-ratio:16/9;background-color:var(--color-code-block-background)}.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--alert-success-bg),var(--color-surface))}.blog-card-date{position:absolute;left:.75rem;bottom:.75rem;padding:.25rem .75rem;border-radius:999px;background-color:rgba(0,0,0,.65);color:#fff;font-size:.8125rem;font-style:normal}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.blog-card-title{margin:0 0 .5rem;font-size:1.125rem;line-height:1.35;text-decoration:none}.blog-card:hover .blog-card-title{color:var(--color-link)}.blog-card-tag{position:relative;z-index:1}.blog-card-desc{margin:0 0 1rem;color:var(--color-fg-muted);font-size:.9375rem;flex:1}ul.blog-card-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0 0 1rem}