/* BREADCRUMB — extracted from components.css */

/* ── BREADCRUMB BAR ── */
.calc-breadcrumb {
    max-width: var(--calc-max-width-page);
    margin: 0 auto;
    padding: var(--calc-space-3) var(--calc-space-5);
    font-family: var(--calc-font-mono);
    font-size: var(--calc-text-xs);
    letter-spacing: 0.03em;
}

.calc-breadcrumb ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--calc-space-1);
    list-style: none;
    margin: 0;
    padding: 0;
}

.calc-breadcrumb li {
    display: flex;
    align-items: center;
    gap: var(--calc-space-1);
    color: var(--calc-text-dim);
}

.calc-breadcrumb li + li::before {
    content: '\203A';
    color: var(--calc-text-dim);
    font-size: var(--calc-text-sm);
    margin-right: var(--calc-space-1);
}

.calc-breadcrumb a {
    color: var(--calc-text-muted);
    text-decoration: none;
    transition: color var(--calc-transition-fast);
}

.calc-breadcrumb a:hover {
    color: var(--calc-gold);
}

.calc-breadcrumb li:last-child {
    color: var(--calc-text-secondary);
}