.turri-contextual-breadcrumbs {
    --turri-breadcrumb-space-block: 0.8rem;

    width: 100%;
    color: var(--neutral-dark);
    background: rgb(255 255 255 / 88%);
    background: color-mix(in srgb, var(--white, #fff) 88%, transparent);
    border-block-end: 1px solid color-mix(in srgb, var(--neutral-light, #d9d9d9) 65%, transparent);
    font-size: var(--text-xs, 1.3rem);
    line-height: 1.4;
}

.turri-contextual-breadcrumbs__inner {
    width: var(--turri-header-content-width, var(--content-width-safe));
    margin-inline: auto;
    padding-block: var(--turri-breadcrumb-space-block, 0.8rem);
}

.turri-contextual-breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.turri-contextual-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
}

.turri-contextual-breadcrumbs__separator {
    margin-inline: 0.65em;
    color: var(--neutral);
}

.turri-contextual-breadcrumbs__link {
    color: var(--primary-dark);
    text-decoration: none;
    text-underline-offset: 0.18em;
}

.turri-contextual-breadcrumbs__link:is(:hover, :focus-visible) {
    text-decoration: underline;
}

.turri-contextual-breadcrumbs__current {
    min-width: 0;
    color: var(--neutral-ultra-dark);
    font-weight: 600;
    overflow-wrap: anywhere;
}