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