.breadcrumb {
  list-style-type: none;
  display: flex;
  padding: 0;
  margin: 30px 0 0 0;
  font-size: 1.2rem;
  flex-wrap: wrap;
  color: rgb(var(--color-foreground));
}

.breadcrumb li:has(+ li):after {
  content: ">";
  margin: 0 5px;
}

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

.breadcrumb li:last-child {
  font-weight: bold;
}