.breadcrumb-anaplast-1 {
    width: 100%;
    padding: var(--apl-space-2) 0;
    background-color: var(--apl-surface);
    container-type: inline-size;
}
.breadcrumb-anaplast-1 .content-wrapper {
    max-width: var(--apl-container);
    margin: 0 auto;
    padding-inline: var(--apl-gutter);
}

.breadcrumb-anaplast-1__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: var(--apl-space-1);
    font-size: var(--apl-text-sm);
    line-height: var(--apl-leading-tight);
    color: var(--apl-text-muted);
}
.breadcrumb-anaplast-1__item {
    display: inline-flex;
    align-items: center;
    gap: var(--apl-space-1);
    min-width: 0;
}
.breadcrumb-anaplast-1__sep {
    font-size: 0.75em;
    color: var(--apl-text-muted);
}

.breadcrumb-anaplast-1__link,
.breadcrumb-anaplast-1__text,
.breadcrumb-anaplast-1__current {
    display: inline-flex;
    align-items: center;
    overflow-wrap: anywhere;
}
.breadcrumb-anaplast-1__link {
    min-height: var(--apl-control-min);
    color: var(--apl-text-muted);
    font-weight: 600;
    text-decoration: none;
    border-radius: var(--apl-radius-sm);
    transition: color var(--apl-transition);
}
.breadcrumb-anaplast-1__link:hover {
    color: var(--apl-amber-hover);
}
.breadcrumb-anaplast-1__link:focus-visible {
    outline: var(--apl-focus);
    outline-offset: var(--apl-focus-offset);
}
.breadcrumb-anaplast-1__current {
    color: var(--heading-color);
    font-weight: 700;
}

/* Narrow containers: widen the tap target with padding (height already 44px). */
@container (width < 40rem) {
    .breadcrumb-anaplast-1 {
        padding: var(--apl-space-1) 0;
    }
    .breadcrumb-anaplast-1__link {
        padding-inline: var(--apl-space-1);
        margin-inline: calc(var(--apl-space-1) * -1);
    }
}