/* Journal article navigation: separate rows at every viewport width. */
.article-hero > .article-back-link {
  display: flex;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  gap: 0.75rem;
  margin: 0 0 clamp(1.5rem, 3vw, 2.5rem);
  padding-block: 0.5rem;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
}
.article-hero > .article-back-link span {
  flex: 0 0 auto;
}
.article-hero > .eyebrow {
  display: flex;
  width: fit-content;
  max-width: 100%;
  gap: 0.8rem;
  margin: 0 0 clamp(1rem, 2vw, 1.5rem);
  line-height: 1.6;
  white-space: normal;
  overflow-wrap: anywhere;
}
.article-hero > .eyebrow::before {
  flex: 0 0 1.6rem;
}