/* Tag cloud for the "custom-tag-cloud" page template */
.gh-tag-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    align-items: baseline;
    justify-content: center;
    padding: 0;
    margin: 48px 0;
    list-style: none;
}

.gh-tag-cloud li {
    margin: 0;
}

.gh-tag-cloud a {
    /* Size grows with post count, capped at 20 posts */
    font-size: calc(1.5rem + min(var(--count, 1), 20) * 0.12rem);
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none;
    transition: opacity 0.15s ease;
}

.gh-tag-cloud a {
    color: var(--tag-color, var(--ghost-accent-color));
}

.gh-tag-cloud li:nth-child(6n + 1) { --tag-color: #e4572e; }
.gh-tag-cloud li:nth-child(6n + 2) { --tag-color: #2a9d8f; }
.gh-tag-cloud li:nth-child(6n + 3) { --tag-color: #e9a010; }
.gh-tag-cloud li:nth-child(6n + 4) { --tag-color: #4a6fa5; }
.gh-tag-cloud li:nth-child(6n + 5) { --tag-color: #b5446e; }
.gh-tag-cloud li:nth-child(6n)     { --tag-color: #5a9a3c; }

.gh-tag-cloud a:hover {
    opacity: 0.6;
}
