/* Shared hierarchy A. Lists wrap at item boundaries on narrow screens. */
nav.bw-breadcrumb { display: block; max-width: 100%; margin-bottom: 16px; color: var(--muted); font: 400 13px/1.5 var(--font-body); }
.bw-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; list-style: none; margin: 0; padding: 0; }
.bw-breadcrumb li { display: inline-flex; align-items: baseline; gap: 10px; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.bw-breadcrumb .bw-breadcrumb-separator { flex: none; color: var(--muted); }
nav.bw-breadcrumb a { display: inline-flex; align-items: center; min-height: 36px; color: inherit; text-decoration: none; text-underline-offset: 4px; }
.bw-breadcrumb a:hover { text-decoration: underline; }
.bw-breadcrumb a:focus-visible { outline: 2px solid var(--slate-deep); outline-offset: 3px; }
.bw-breadcrumb [aria-current="page"] { color: var(--slate-deep); }
@media (max-width: 767px) {
  .bw-breadcrumb ol { gap: 0 8px; }
  .bw-breadcrumb li { gap: 8px; }
  nav.bw-breadcrumb a { min-height: 44px; }
}