.bearpaw-blog-breadcrumb nav {
  display: flex;
}

.bearpaw-blog-breadcrumb nav ol {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
}

.bearpaw-blog-breadcrumb nav ol > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(.8rem * var(--tw-space-x-reverse));
  margin-left: calc(.8rem * calc(1 - var(--tw-space-x-reverse)));
}

.bearpaw-blog-breadcrumb--flex {
  display: flex;
  align-items: center;
}

.bearpaw-blog-breadcrumb nav a {
  color: rgb(var(--color-foreground));;
  text-decoration: none;
}

.bearpaw-blog-breadcrumb nav a.active,
.bearpaw-blog-breadcrumb nav a:hover {
  text-decoration: underline;
}