/* Article detail navigation. */

.article-breadcrumb {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: flex;
  flex-wrap: wrap;
  font-size: .88rem;
  font-weight: 700;
  gap: .4rem;
  padding: 1rem 0;
}

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

.article-breadcrumb a:hover,
.article-breadcrumb a:focus-visible {
  color: var(--text);
  text-decoration: underline;
}

.article-breadcrumb-separator {
  color: #9a8fa1;
  text-decoration: none !important;
}

.article-breadcrumb + .content-block {
  border-top: 0;
}