.breadcrumb {
    padding: 1rem 2rem;
    font-size: 0.9rem;
}

.breadcrumb a {
    color: #666;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #4a90e2;
    text-decoration: underline;
}

.breadcrumb span {
    color: var(--text-color);
    font-weight: 500;
}

/* Override link color in dark mode to match light mode behavior */
body.dark .breadcrumb a {
    color: #666;
}

body.dark .breadcrumb a:hover {
    color: var(--link-hover-color);
}