/* ============================================================
   BREADCRUMBS — visible nav that mirrors the BreadcrumbList JSON-LD
   ============================================================ */
.breadcrumbs {
  padding-block: calc(var(--nav-h) + .75rem) 0;
}
.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .4rem;
  font-family: var(--font-mono);
  font-size: .7rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-muted-on-ink);
}
.on-light .breadcrumbs ol { color: var(--color-muted-on-paper); }

.breadcrumbs li { display: flex; align-items: center; gap: .4rem; }
.breadcrumbs li:not(:last-child)::after { content: "/"; opacity: .5; }
.breadcrumbs a {
  display: inline-flex; align-items: center; min-height: 32px;
  color: inherit;
}
.breadcrumbs a:hover { color: var(--color-flame); }
.breadcrumbs [aria-current="page"] { color: var(--color-brass); }