.droidku-breadcrumb {
    padding: var(--card-padding-sm) var(--card-padding);
    background: var(--color-surface);
    border-radius: var(--card-radius);
    margin-bottom: 0;
    box-shadow: var(--shadow-sm);
}

.droidku-breadcrumb-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--gap-xs);
    font-size: var(--text-small);
    color: var(--color-ink-3);
}

.droidku-breadcrumb-item a,
.droidku-breadcrumb-current {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: var(--pill-radius);
    background: var(--color-bg);
    font-size: var(--text-small);
    font-weight: var(--fw-medium);
    line-height: 1.2;
    color: var(--color-ink-2);
    transition: background-color var(--duration) ease, color var(--duration) ease;
}

.droidku-breadcrumb-item a:hover {
    background: var(--color-border);
    color: var(--color-ink);
}

.droidku-breadcrumb-current {
    font-weight: var(--fw-semibold);
    color: var(--color-ink);
}

.droidku-breadcrumb-sep {
    color: var(--color-border);
    font-size: var(--text-xs);
}

@media (min-width: 768px) {
    .droidku-breadcrumb {
        grid-column: 1 / -1;
    }
}