.hb-breadcrumbs {
  padding: 18px 0;
  border-bottom: 1px solid var(--hb-line);
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--hb-ink-500);
}
.hb-breadcrumbs__list {
  list-style: none;
  padding: 0; margin: 0;
  display: flex; flex-wrap: wrap;
  gap: 6px 8px;
  align-items: center;
}
.hb-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.hb-breadcrumbs__item a {
  color: var(--hb-ink-500);
  text-decoration: none;
  transition: color .15s;
}
.hb-breadcrumbs__item a:hover { color: var(--hb-blue-700); }
.hb-breadcrumbs__item [aria-current="page"] {
  color: var(--hb-ink-900);
  font-weight: 600;
}
.hb-breadcrumbs__sep { opacity: .4; }

.hb-breadcrumbs--dark {
  border-bottom-color: rgba(255,255,255,.12);
  color: rgba(255,255,255,.6);
}
.hb-breadcrumbs--dark .hb-breadcrumbs__item a { color: rgba(255,255,255,.6); }
.hb-breadcrumbs--dark .hb-breadcrumbs__item a:hover { color: var(--hb-orange-400); }
.hb-breadcrumbs--dark .hb-breadcrumbs__item [aria-current="page"] { color: #fff; }