@layer components {
  .project {
    display: grid;
    gap: 4px;
    min-height: 56px;
    align-content: center;
    padding: var(--space-3) var(--space-4);
    border-top: 1px solid var(--line);
    color: inherit;
    text-decoration: none;
  }

  .card__title + .project { border-top: 0; }
  .project__name { font-weight: 600; }
  .project__meta { font-size: var(--text-sm); color: var(--ink-muted); }
  .project > .chip { justify-self: start; }
}