/**
 * Shared breadcrumbs styles (author page, book page, etc.).
 * Same CSS for all breadcrumb variants.
 */
/* Same horizontal padding as #main-content (0 16px 32px in bio_style, book_style, books_style) */
.breadcrumbs {
  max-width: 1200px;
  margin: 0 auto 1rem;
  padding: 0 16px;
  box-sizing: border-box;
}

.breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 0.35em;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: var(--n-font-family);
  font-size: var(--n-font-size-sm);
  line-height: var(--n-line-height);
  color: var(--n-color-text-muted, #64748b);
}

.breadcrumbs-item:not(:last-child)::after {
  content: "\002F";
  margin-left: 0.35em;
  color: var(--n-color-text-muted, #94a3b8);
}

.breadcrumbs-item a {
  color: var(--n-color-link, #0366d6);
  text-decoration: none;
}

.breadcrumbs-item a:hover {
  text-decoration: underline;
}

.breadcrumbs-item.breadcrumbs-current {
  color: var(--n-color-text, #334155);
  font-weight: var(--n-font-weight-medium, 500);
}