.relatedGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.relatedCard{display:flex;flex-direction:column;gap:10px;background:rgba(20,22,24,.55);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:border-color .2s,transform .2s}.relatedCard:hover{border-color:var(--accent);transform:translateY(-2px)}.relatedThumb{display:block;width:100%;aspect-ratio:16/9;background:var(--cardBg) center/cover no-repeat}.relatedText{display:flex;flex-direction:column;gap:6px;padding:0 14px 14px;min-width:0}.relatedCard small{color:var(--accent);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.relatedCard h3{font-size:17px;line-height:1.2;color:var(--ink);-webkit-line-clamp:3}.relatedCard h3,.relatedCard p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.relatedCard p{color:var(--muted);font-size:13px;line-height:1.45;-webkit-line-clamp:2}.relatedCard:hover h3{color:var(--accent)}@media(max-width:1000px){.relatedGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relatedCard h3{font-size:16px}}@media(max-width:640px){.relatedGrid{grid-template-columns:1fr;gap:16px}.relatedCard h3{font-size:16px}.relatedCard p{display:-webkit-box}}