.blog-related{margin-top:var(--space-section);margin-bottom:var(--space-section)}.blog-related__title{font-size:var(--text-h2);margin:0 0 var(--space-lg);color:var(--foreground);font-weight:600}.blog-related__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.blog-related-card{background:var(--surface-card);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--foreground);flex-direction:column;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.blog-related-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.blog-related-card:has(.blog-related-card__title-link:hover){border-color:var(--color-primary);box-shadow:0 4px 12px #00000014}.blog-related-card:has(.blog-related-card__title-link:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.blog-related-card__image{aspect-ratio:16/10;background:var(--surface);width:100%;position:relative}.blog-related-card__img{object-fit:cover}.blog-related-card__body{padding:var(--space-md)}.blog-related-card__title{font-size:var(--font-sm);margin:0;font-weight:600;line-height:1.3}.blog-related-card__title-link{color:inherit;text-decoration:none}.blog-related-card__title-link:focus-visible{outline:none}.blog-related-card__title-link:after{content:"";z-index:1;position:absolute;inset:0}