/* Align the article introduction with its breadcrumb and reading column. */
.article-view {
  width: 100%;
  min-width: 0;
}

.article-view > .article-header {
  min-width: 0;
  padding-inline: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.article-header h1,
.article-header > p,
.article-breadcrumb {
  overflow-wrap: anywhere;
}

.article-byline > span,
.article-byline > span > div,
.article-body,
.article-toc {
  min-width: 0;
}

/* Only one navigation header is visible at a time. */
@media (min-width: 761px) {
  .content > .mobile-header {
    display: none;
  }
}

@media (max-width: 760px) {
  .content > .mobile-header {
    display: flex;
    gap: 12px;
  }

  .mobile-header .brand.compact {
    min-width: 0;
  }

  .mobile-header .brand.compact b {
    font-size: 14px;
    line-height: 1.35;
  }

  .mobile-header .mobile-actions {
    flex-shrink: 0;
  }
}