.article-crumbs{
    display:flex;
    align-items:center;
    min-width:0;
    min-height:24px;
    overflow:hidden;
    color:#8a94a3;
    font-size:13px;
    line-height:24px;
    visibility:visible;
    white-space:nowrap;
}

.article-crumb-label{
    flex:0 0 auto;
    color:#687588;
}

.article-crumbs a{
    min-width:0;
    overflow:hidden;
    color:#687588;
    text-overflow:ellipsis;
    transition:color .2s ease;
}

.article-crumbs a:last-child{
    color:#2878df;
    font-weight:600;
}

.article-crumb-separator{
    flex:0 0 auto;
    margin:0 8px;
    color:#b4bdc9;
    font-size:16px;
    line-height:1;
}

.article-crumbs a:hover,
.article-crumbs a:focus-visible{
    color:#1769c8!important;
}

.article-crumbs a:focus-visible{
    border-radius:3px;
    outline:2px solid #2878df;
    outline-offset:2px;
}

body.night .article-crumb-label,
body.night .article-crumbs a{
    color:#9aa7b6;
}

body.night .article-crumbs a:last-child{
    color:#8dbbf7;
}

body.night .article-crumb-separator{
    color:#596675;
}

body.night .article-crumbs a:hover,
body.night .article-crumbs a:focus-visible{
    color:#b9d8ff!important;
}

@media screen and (max-width:800px){
    .article-crumbs{
        overflow-x:auto;
        scrollbar-width:none;
    }

    .article-crumbs::-webkit-scrollbar{
        display:none;
    }

    .article-crumbs a{
        flex:0 0 auto;
        max-width:42vw;
    }

    .article-crumb-separator{
        margin:0 6px;
    }
}

@media (prefers-reduced-motion:reduce){
    .article-crumbs a{
        transition:none;
    }
}