/* The /diktory breadcrumb appearance, scoped exclusively to AI breadcrumbs. */
.fish-hero > .ai-breadcrumb-shell { padding-top: 28px; }
.breadcrumbs.ai-breadcrumbs {
    display: block;
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
    text-align: center;
}
.breadcrumbs.ai-breadcrumbs .breadcrumbs__items {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
    gap: 8px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    padding: 0;
    font: 400 17px/1.2 Roboto, sans-serif;
    letter-spacing: normal;
    text-transform: none;
    color: #a8a8a8 !important;
    overflow-wrap: anywhere;
}
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item:not(:last-child) { margin-right: 40px; }
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item a,
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item a span {
    color: #3B4173 !important;
    text-decoration: none;
    font: inherit;
}
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item a:hover,
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item a:hover span { color: #C1492E !important; }
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item > span { color: #a8a8a8 !important; opacity: 1; }
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 12px;
    right: -26px;
    width: 13px;
    height: 1px;
    background: #3B4173;
}
.breadcrumbs.ai-breadcrumbs .breadcrumbs__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -28px;
    width: 4px;
    height: 5px;
    border-width: 2.5px 0 2.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #3B4173;
}
.breadcrumbs.ai-breadcrumbs a:focus-visible { outline: 2px solid #3B4173; outline-offset: 4px; }
@media (max-width: 999px) { .breadcrumbs.ai-breadcrumbs { margin-bottom: 35px; } }
@media (max-width: 650px) {
    .fish-hero > .ai-breadcrumb-shell { padding-top: 20px; }
    .breadcrumbs.ai-breadcrumbs { margin-bottom: 26px; }
    .breadcrumbs.ai-breadcrumbs .breadcrumbs__item { font-size: 14px; line-height: 1.5; }
}