/* Tag cloud — inline text-moln à la Web 2.0, varierad storlek och färg */

.tag-cloud-list {
  margin: 1.5rem 0;
  padding: 0.5rem 0;
  text-align: center;
  line-height: 1.4;
  word-spacing: 0.2rem;
}

.tag-cloud-tag {
  display: inline-block;
  margin: 0.1rem 0.25rem;
  text-decoration: none;
  color: hsl(var(--tag-hue, 220), 55%, 45%);
  vertical-align: middle;
  transition: color 0.15s ease;
}

[data-md-color-scheme="slate"] .tag-cloud-tag {
  color: hsl(var(--tag-hue, 220), 55%, 70%);
}

.tag-cloud-tag:hover,
.tag-cloud-tag:focus {
  color: hsl(var(--tag-hue, 220), 80%, 35%);
  text-decoration: underline;
}

[data-md-color-scheme="slate"] .tag-cloud-tag:hover,
[data-md-color-scheme="slate"] .tag-cloud-tag:focus {
  color: hsl(var(--tag-hue, 220), 80%, 80%);
}

/* Storleksnivåer (0 = minst använd, 4 = mest använd) */
.tag-cloud-level-0 { font-size: 0.85rem; opacity: 0.75; }
.tag-cloud-level-1 { font-size: 1.05rem; }
.tag-cloud-level-2 { font-size: 1.35rem; }
.tag-cloud-level-3 { font-size: 1.7rem;  font-weight: 500; }
.tag-cloud-level-4 { font-size: 2.2rem;  font-weight: 600; }