main.category>section {
  display: flex;
  flex-flow: row wrap;
  gap: var(--space-gap-large);
}

main.category>section>a {
  flex: 1 0 clamp(min(100%, 30em), 30%, 100%);
  background-color: var(--category-bg);
  color: var(--category-fg);
  padding: var(--padding);
  border-radius: var(--radius);
}

main.category>section a:hover {
  background-color: var(--category-bg-hover);
}