/* Weighted tag cloud (layouts/shortcodes/tagcloud.html).
   The shortcode emits <div class="tag-cloud"><span style="font-size:N%"><a>…</a></span>…</div>
   with N between 75% and 280%; these rules turn that into a real cloud instead
   of a run of unstyled inline text. Colours come from PaperMod's CSS variables
   so light/dark themes both work. */

.tag-cloud {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 0.35em 0.6em;
    line-height: 1.4;
    margin: 1.5em 0 2em;
    padding: 1em;
    border-radius: var(--radius, 8px);
    background: var(--code-bg, transparent);
}

.tag-cloud span {
    display: inline-block;
}

.tag-cloud a {
    color: var(--primary, inherit);
    text-decoration: none;
    opacity: 0.85;
    transition: opacity 0.2s ease, color 0.2s ease;
}

.tag-cloud a:hover,
.tag-cloud a:focus-visible {
    color: var(--primary, inherit);
    opacity: 1;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}