@layer molecules {
  .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) 0;
    border-block-end: 1px solid var(--color-border);
    color: inherit;

    &:hover { text-decoration: none; }
    .row__main { display: grid; gap: 2px; min-width: 0; }
    .row__title { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .row__meta { font-size: var(--text-s); color: var(--color-muted); }
    .row__aside { text-align: end; flex-shrink: 0; display: grid; gap: 2px; justify-items: end; }
  }

  li:last-child > .row, li.row:last-child { border-block-end: 0; }
}