/* Static labels: deliberately no hover state, pointer cursor, or selection affordance. */
.csw-container-tags {
    --csw-accent: #21594b;
    --csw-background: #eff7f3;
    --csw-border: #c5ded3;
    margin-block: 1.2rem;
    color: inherit;
    clear: both;
}
.csw-container-tags .csw-tags-heading {
    margin: 0 0 .55rem;
    padding: 0;
    font-size: .78em;
    font-weight: 650;
    letter-spacing: .055em;
    line-height: 1.5;
    text-transform: uppercase;
}
.csw-container-tags .csw-tag-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .55rem;
    list-style: none;
    margin: 0;
    padding: 0;
}
.csw-container-tags .csw-tag-item {
    list-style: none;
    margin: 0;
    padding: 0;
    max-width: 100%;
}
.csw-container-tags .csw-size-tag {
    display: inline-block;
    color: var(--csw-accent);
    background: var(--csw-background);
    border: 1px solid var(--csw-border);
    border-radius: .45rem;
    padding: .4rem .72rem;
    font-family: inherit;
    font-size: .86em;
    font-weight: 600;
    line-height: 1.4;
    overflow-wrap: anywhere;
    vertical-align: middle;
}
.csw-container-tags.csw-style-outline .csw-size-tag { background: transparent; }
.csw-container-tags.csw-style-minimal .csw-size-tag {
    border: 0;
    border-inline-start: 2px solid var(--csw-border);
    border-radius: 0;
    background: transparent;
    padding: .15rem .65rem;
}
.csw-container-tags .csw-tag-details { margin: .55rem 0 0; font-size: .8em; line-height: 1.5; }
.csw-container-tags .csw-tag-details div { margin: .25rem 0; }
.csw-container-tags .csw-tag-details dt { display: block; margin: 0; font-weight: 600; }
.csw-container-tags .csw-tag-details dd { display: block; margin: 0; }
.csw-container-tags .csw-size-note,
.csw-container-tags .csw-footer-note { margin: .5rem 0 0; font-size: .8em; line-height: 1.55; }
.csw-container-tags .csw-size-note { max-width: 32ch; white-space: normal; overflow-wrap: anywhere; }
.csw-container-tags .csw-footer-note { max-width: 65ch; }
@media (forced-colors: active) {
    .csw-container-tags .csw-size-tag { border: 1px solid CanvasText; color: CanvasText; }
}
.csw-dynamic-tags[hidden], .csw-container-tags [hidden] { display: none !important; }
