/* Breadcrumb above a second-level page's title (x-breadcrumb): small, understated, "Parent / Current page".
   Centered above a centered page header; .site-breadcrumb-left above a left-aligned listing header. */
.site-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 0 0 14px;
    padding: 0;
    list-style: none;
    color: var(--muted-color);
    font-size: 14px;
}

.site-breadcrumb-left ol {
    justify-content: flex-start;
}

/* A subtle chevron between the items; the empty alternative text keeps it out of the accessible name. */
.site-breadcrumb li + li::before {
    content: "›";
    content: "›" / "";
    margin-right: 6px;
    color: var(--subtle-color);
}

.site-breadcrumb a:focus-visible {
    outline: 2px solid var(--accent-color);
    outline-offset: 3px;
    border-radius: 3px;
}