.post-breadcrumb {
  width: var(--article-column);

  margin-inline: auto;

  padding-block: 0;
}

.post-breadcrumb nav {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;

  gap: var(--space-2);
}

.post-breadcrumb a {
  color: var(--text-secondary);

  transition: color var(--motion-ui);
}

.post-breadcrumb a:hover,
.post-breadcrumb a:focus-visible {
  color: var(--brand);
}

.post-breadcrumb [aria-hidden="true"] {
  color: var(--text-secondary);

  opacity: 0.6;
}

/* The current page is the article title, which can be long.
   It is trimmed rather than allowed to wrap the trail onto
   four lines. */

.post-breadcrumb [aria-current="page"] {
  min-width: 0;
  max-width: 42ch;

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 560px) {

  .post-breadcrumb [aria-current="page"] {
    max-width: 22ch;
  }

}

.post-breadcrumb { overflow-wrap: anywhere; }