.breadcrumbs {
  max-width: var(--max);
  margin: 0 auto;
  padding: 16px 24px 0;
  color: var(--muted);
  font-size: 0.9rem;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumbs li:not(:last-child)::after {
  margin-left: 8px;
  color: var(--line);
  content: "/";
}

.breadcrumbs a {
  text-underline-offset: 0.15em;
}

.breadcrumbs [aria-current="page"] {
  color: var(--ink);
}