.project-relation-card{border:1px solid var(--border-tertiery);background:var(--surface-secondary);border-radius:4px;grid-template-columns:74px minmax(0,1fr) auto;grid-template-areas:"image heading stats""image author stats""image footer stats";column-gap:16px;min-height:106px;padding:15px;text-decoration:none;transition:background-color .2s,border-color .2s;display:grid}.project-relation-card:hover{background:var(--surface-tertiery);border-color:var(--border-secondary)}.project-relation-card img{object-fit:cover;border-radius:2px;width:74px;height:74px}.project-relation-card .project-relation-card-image{grid-area:image}.project-relation-card .project-relation-card-title{min-width:0;color:var(--text-primary);grid-area:heading;font-size:16px;font-weight:500;line-height:24px;display:block}.project-relation-card .author{min-width:0;color:var(--text-secondary);grid-area:author;margin-top:2px;font-size:14px;line-height:20px}.project-relation-card .author a{text-decoration:none}.project-relation-card .author .by-author-link{gap:4px}.project-relation-card .project-relation-card-footer{grid-area:footer;align-items:center;min-width:0;margin-top:8px;display:flex}.project-relation-card .project-relation-card-meta{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.project-relation-card .project-relation-card-meta .class-tag{border:1px solid var(--border-tertiery);background:var(--surface-on-surface);height:20px;color:var(--text-primary);font-size:12px;font-family:var(--montserrat-font);border-radius:2px;justify-content:center;align-items:center;margin-right:0;padding:2px 8px;font-weight:500;line-height:16px;display:inline-flex}.project-relation-card .project-relation-card-meta .type{background:var(--surface-on-surface);height:20px;color:var(--text-primary);font-size:12px;font-family:var(--montserrat-font);border-radius:2px;justify-content:center;align-items:center;padding:2px 8px;font-weight:500;line-height:16px;display:inline-flex}.project-relation-card .project-relation-card-meta .file-name{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:14px;line-height:20px;overflow:hidden}.project-relation-card .project-relation-card-meta .file-name .file-name-label{color:inherit}.project-relation-card .project-relation-card-meta .file-name .file-name-value{color:var(--text-primary);font-weight:400}.project-relation-card .project-relation-card-stats{flex-shrink:0;grid-area:stats;justify-content:flex-end;align-self:start;align-items:center;gap:8px;width:143px;min-width:143px;display:flex}.project-relation-card .project-relation-card-stats .stat{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;line-height:16px;display:inline-flex}.project-relation-card .project-relation-card-stats .stat svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}@media (max-width:900px){.project-relation-card{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"image title""image author""footer footer""stats stats";gap:0 12px;padding:12px}.project-relation-card .project-relation-card-image{grid-area:image;width:48px;height:48px}.project-relation-card .project-relation-card-title{grid-area:title}.project-relation-card .project-relation-card-footer{margin-top:12px}.project-relation-card .project-relation-card-meta{flex-wrap:wrap;gap:6px;min-width:0}.project-relation-card .project-relation-card-meta .class-tag,.project-relation-card .project-relation-card-meta .type{flex-shrink:0}.project-relation-card .project-relation-card-meta .file-name{flex:0 0 100%;min-width:0;margin-top:2px}.project-relation-card .project-relation-card-stats{justify-content:flex-start;gap:12px;width:100%;min-width:0;margin-top:8px}}