.related .relcard{
  height:100%;
  display:grid; grid-template-rows:auto 1fr; gap:8px;
  border:1px solid var(--border); border-radius:12px; background:var(--surface); padding:8px;
  color:inherit; text-decoration:none
}
.related .relcard__img{
  width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:10px; display:block
}
.related .relcard__img--ph{background:#eee}
.related .relcard__body{display:flex; flex-direction:column; gap:6px; min-height:0}
.related .relcard__title{
  font-weight:700; font-size:14px; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; overflow:hidden
}
.related .relcard__time{
  font-size:12px; opacity:.75; direction:ltr; margin-top:auto; align-self:flex-start
}