.layout .main .article .breadcrumb-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    margin: 0;
    padding: 0;

    list-style: none;
}

.layout .main .article .breadcrumb-item {
    display: flex;
    align-items: center;

    color: var(--text-muted);

    font-size: 11px;
    letter-spacing: 0.04em;
}

.layout .main .article .breadcrumb-link {
    color: var(--text-muted);
    text-decoration: none;

    transition: color 150ms ease;
}

.layout .main .article .breadcrumb-link:hover {
    color: var(--neon-cyan);
}

.layout .main .article .breadcrumb-separator {
    color: var(--border-default);
}

.layout .main .article .breadcrumb-current {
    color: var(--text-secondary);
}