/**
 * Inlay List / Manual Input list: real ul without browser list chrome.
 *
 * Long Swedish compounds do not break on spaces. Soft wrap/hyphenation is
 * scoped to when the list itself is narrow (small screens, zoom, or a tight
 * column). CSS cannot target browser zoom alone; container width is the proxy.
 */
.sater-a11y-inlaylist {
    list-style: none;
    margin: 0;
    padding: 0;
    container-type: inline-size;
    container-name: sater-inlaylist;
}

.sater-a11y-inlaylist__item {
    display: block;
    margin: 0;
    padding: 0;
}

/* Flex children default to min-width:auto and won't shrink below long words. */
.sater-a11y-inlaylist .c-collection__item,
.sater-a11y-inlaylist .c-collection__content {
    min-width: 0;
}

/* Keep title look when h2 is replaced with span (visual size from typography variant). */
.sater-a11y-inlaylist-item-title {
    display: block;
}

@container sater-inlaylist (max-width: 36rem) {
    .sater-a11y-inlaylist-item-title {
        overflow-wrap: anywhere;
        word-break: break-word;
        hyphens: auto;
    }
}