.related-project-card{display:grid;grid-template-areas:"logo title author" "logo details details";grid-template-columns:auto auto 1fr;justify-content:start;padding:12px;background-color:#1a1a1a;align-items:center;grid-row-gap:12px;row-gap:12px;margin-bottom:16px;cursor:pointer;transition:background-color .2s;text-decoration:none}.related-project-card:hover{background-color:#212121}.related-project-card img{grid-area:logo;width:56px;height:56px;margin-right:16px}.related-project-card .author{grid-area:author;font-size:14px;display:block;height:22px}.related-project-card .author a:hover{text-decoration:underline}.related-project-card h5{grid-area:title;color:#e5e5e5;font-weight:400;font-size:16px}.related-project-card h5:after{content:"";height:16px;width:1px;margin:0 8px;display:inline-block;background-color:#4d4d4d;vertical-align:middle}.related-project-card .details{grid-area:details;display:flex;gap:8px}.related-project-card .details .type{height:20px;line-height:20px;display:inline-block;padding:0 6px;border-radius:2px;background-color:#333;color:#e5e5e5;font-size:13px}