/* Prevent long content from forcing columns or controls beyond the viewport. */
.site-header__inner,
.article-shell__grid,
.card-grid,
.footer-grid {
  min-width: 0;
}

.site-header__inner {
  flex-wrap: wrap;
}

.brand,
.brand__text,
.site-nav,
.site-nav li,
.article-main,
.article-sidebar,
.sidebar-card,
.article-card,
.article-card__body,
.prose {
  min-width: 0;
  max-width: 100%;
}

.brand__text,
.site-nav a,
.article-card h3,
.article-card__meta,
.prose,
.sidebar-card,
.footer-list {
  overflow-wrap: anywhere;
}

.site-nav ul {
  flex-wrap: wrap;
}

.prose img,
.article-main img,
.article-card__image img {
  display: block;
  max-width: 100%;
  height: auto;
}

.prose table {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

.nav-toggle {
  display: none;
  max-width: 100%;
  white-space: normal;
}

@media (max-width: 48rem) {
  .nav-toggle {
    display: inline-flex;
  }

  .site-nav {
    display: none;
    flex: 1 0 100%;
    width: 100%;
    position: static;
  }

  .site-nav.is-open {
    display: block;
  }
}