.favorite-page {
  background: var(--bg);
}

.favorite-shell {
  width: min(var(--max-content), calc(100% - (var(--gutter) * 2)));
  margin: 0 auto;
  display: grid;
  gap: 40px;
  padding: 48px 0 24px;
}

.favorite-suggestions {
  display: grid;
  gap: 24px;
  border-top: 1px solid var(--border);
  padding-top: 32px;
}

.favorite-suggestions header {
  max-width: 680px;
}

.favorite-suggestions header p {
  color: var(--text-muted);
}

.favorite-suggestions > .wu-button {
  justify-self: start;
}

@media (max-width: 599px) {
  .favorite-shell {
    padding-top: 32px;
  }
}