/* shared-breadcrumb — extracted from v1-category-18.html
   Source of truth — based on baseline file. */

.breadcrumb {
    padding: 10px 16px;
    font-size: 0.75rem; color: var(--color-text-tertiary);
    overflow-x: auto; white-space: nowrap;
    scrollbar-width: none;
  }

.breadcrumb::-webkit-scrollbar { display: none; }

.breadcrumb a { color: var(--color-text-tertiary); }

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

.breadcrumb .sep { margin: 0 6px; }

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

@media (min-width: 1024px) {
    .breadcrumb { padding: 12px 0; font-size: 0.8125rem; max-width: 1200px; margin: 0 auto; }
  }