.breadcrumbs {
    margin: 8px 0 16px;
    font-size: .9rem
}

.breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    gap: .4em;
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumbs li {
    display: flex;
    align-items: center;
    color: #666
}

.breadcrumbs li a {
    color: inherit;
    text-decoration: none
}

.breadcrumbs li a:hover {
    text-decoration: underline
}

.breadcrumbs li::after {
    content: " / ";
    margin: 0 .4em;
    color: #9aa3ae
}

.breadcrumbs li:last-child::after {
    content: ""
}

.breadcrumbs li:last-child a {
    pointer-events: none;
    color: #999;
    text-decoration: none
}