.related-section{margin-top:30px}.related-section>h2{color:var(--text);margin:0 0 14px;font-size:19px;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.related-card{border:1px solid var(--border-light);background:var(--bg);transition:border-color .2s var(--ease);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.related-card:hover{border-color:var(--border)}.related-card:hover .related-card-arrow{opacity:1;transform:none}.related-avatar{border-radius:9px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.related-avatar img{object-fit:cover;width:100%;height:100%}.related-card-main{flex:1;min-width:0}.related-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:700;overflow:hidden}.related-card-tagline{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:13px;display:-webkit-box;overflow:hidden}.related-card-meta{color:var(--text-2);margin-top:6px;font-size:12px;display:inline-block}.related-card-arrow{color:var(--text-2);opacity:.5;transition:all .2s var(--ease);flex-shrink:0;transform:translate(-2px)}