/* P-006 · Breadcrumb */

.breadcrumb {
  padding-block: var(--space-4) 0;
}

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.01em;
  color: var(--color-ink-muted);
}

.breadcrumb__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.breadcrumb__item:not(:last-child)::after {
  content: "/";
  color: var(--color-line);
  speak: never;
}

.breadcrumb__link {
  color: var(--color-ink-muted);
  text-decoration: none;
}

.breadcrumb__link:hover {
  color: var(--color-brand);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.breadcrumb__current {
  color: var(--color-ink);
}