.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .35em .8em;
}

.tag-cloud a {
  color: hsl(calc(220 - var(--level) * 160) 65% 50%);
  font-size: 1em;
  font-weight: calc(400 + var(--level) * 400);
  text-decoration: none;
}

.tag-cloud a:hover,
.tag-cloud a:focus-visible {
  text-decoration: underline;
}