.breadcrumb {
    display: flex;
    flex-flow: row nowrap;
    gap: 0.5rem;
    align-items: center;
    margin: 1em 0;
    max-width: calc(100vw - 3.25em);
    font-size: 0.85em;
    opacity: 0.9;
}
.breadcrumb a {
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.breadcrumb span::before {
    content: '>';
}
.breadcrumb > * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 35%;
}