.page-path-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .2rem;
  font-size: .95rem;
  padding: .3rem 0;
}

.path-link {
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  text-decoration: none;
  color: rgba(var(--bs-body-color-rgb), .72);
  padding: .1rem .3rem;
  border-radius: .4rem;
  transition: color .12s ease, background-color .12s ease;
}

  .path-link:hover {
    color: rgba(var(--bs-primary-rgb), 1);
    background: rgba(var(--bs-primary-rgb), .08);
  }

  .path-link.active {
    color: rgba(var(--bs-primary-rgb), 1);
    font-weight: 600;
  }

  .path-link .crumb-home-icon {
    color: rgba(var(--bs-primary-rgb), .8);
  }

  .path-link:active:has(.crumb-home-icon) .crumb-home-icon,
  .path-link:hover:has(.crumb-home-icon) .crumb-home-icon {
    color: rgba(var(--bs-primary-rgb), 1);
  }

.path-sep {
  opacity: .35;
  user-select: none;
}

.page-path-nav .crumb-home-icon {
  font-size: 1.35rem;
  transform: translateY(-2px);
  padding-right: .15rem;
}