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