@charset "UTF-8";

.dp-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--dp-s2);
  font-size: var(--wp--preset--font-size--sm);
}
.dp-breadcrumb li { display: flex; align-items: center; gap: var(--dp-s2); }

.dp-breadcrumb li + li::before {
  content: "";
  width: 5px; height: 5px;
  border-top: 1px solid var(--dp-mute);
  border-right: 1px solid var(--dp-mute);
  transform: rotate(45deg);
}
.dp-breadcrumb a { color: var(--dp-mute); text-decoration: none; }
.dp-breadcrumb a:hover { color: var(--dp-accent-d); }

.dp-breadcrumb [aria-current="page"] {
  overflow: hidden;
  max-width: 22em;
  color: var(--dp-mute);
  text-overflow: ellipsis;
  white-space: nowrap;
}