ul.content-list {
  padding-left: 0;
  margin: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(clamp(20em, 33%, 25rem), 1fr));
  gap: var(--gap);
  margin-left: var(--gap);
  margin-right: var(--gap);
}

.content-list li:nth-child(4n+1) .content-stub {
  background-color: var(--color-quaternary);
}

.content-list li:nth-child(4n+2) .content-stub {
  background-color: var(--color-secondary);
}

.content-list li:nth-child(4n+3) .content-stub {
  background-color: var(--color-tertiary);
}

.content-list li:nth-child(4n+4) .content-stub {
  background-color: var(--color-primary);
}