/*
 * Inner-page heading + breadcrumbs (sections/page-head.php).
 */

.page-head {
    padding: 2.08vw 0;
    background: var(--color-surface-muted);
    border-bottom: 1px solid var(--color-border);
}

.breadcrumbs {
    margin: 0 0 0.83vw;
}

.breadcrumbs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42vw;
    font-size: 0.73vw;
    color: var(--color-text-muted);
}

.breadcrumbs__item:not(:last-child)::after {
    content: "/";
    margin-left: 0.42vw;
    color: var(--color-text-muted);
}

.breadcrumbs__item a {
    color: var(--color-text-muted);
    text-decoration: underline;
}

.breadcrumbs__item a:hover,
.breadcrumbs__item a:focus-visible {
    color: var(--color-accent);
}

.breadcrumbs__item[aria-current="page"] {
    color: var(--color-text);
    font-weight: 700;
}

.page-head__title {
    font-size: 2.08vw;
    font-weight: 700;
    color: var(--color-primary);
}

@media only screen and (max-width: 767.98px) {
    .page-head {
        padding: 6.4vw 0;
    }

    .breadcrumbs__list {
        font-size: 3.2vw;
    }

    .page-head__title {
        font-size: 6.93vw;
    }
}