@charset "UTF-8";
/* ==========================================================================
   breadcrumb.css — breadcrumb strip below the top bar.
   ========================================================================== */

#breadcrumb-bar {
    background: #eee;
    border-bottom: 1px solid #e0e0e0;
    padding: 0.55rem 3rem;
}
.breadcrumbs {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .85rem;
    white-space: nowrap;
    overflow: hidden;
}
.breadcrumbs a,
.breadcrumbs .crumb-current {
    color: #4d4d4d;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs a:hover { color: var(--ttg-link); }
.breadcrumbs .crumb-current { color: var(--ink); font-weight: 600; }
.breadcrumbs .crumb-home {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    color: #777;
}
.breadcrumbs .crumb-sep {
    color: #aaa;
    display: inline-flex;
    align-items: center;
    font-size: .95rem;
}


@media (max-width: 47.99em) {
    #breadcrumb-bar { padding: 0.55rem 1.5rem; }
}