.feed {
  & .feed__title {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: var(--space-md);
    border-bottom: 1px solid var(--color-border);
    padding-bottom: var(--space-sm);
  }

  & .feed__list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  & .feed__item {
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
    padding: var(--space-sm) 0;
    border-bottom: 1px solid var(--color-border);
    text-decoration: none;
    color: inherit;

    &:hover .feed__item-primary {
      text-decoration: underline;
      color: var(--color-link);
    }
  }

  & .feed__item-primary {
    font-weight: bold;
  }

  & .feed__item-secondary {
    color: var(--color-muted);
    font-size: 0.9rem;
  }

  & .feed__empty,
  & .feed__status {
    color: var(--color-muted);
    padding: var(--space-lg) 0;
  }

  & .feed__error {
    color: var(--color-accent);
    padding: var(--space-lg) 0;
  }
}