/* Alignment refinements shared by the three original long-form articles. */
.article-container .article-body {
  max-width: 100%;
}

.article-container .article-body h2,
.article-container .article-meta-subtitle {
  text-wrap: balance;
}

.article-container .article-body p,
.article-container .article-body li {
  overflow-wrap: break-word;
  text-wrap: pretty;
}

.article-container .text-justify {
  text-align: left;
}

@media (min-width: 901px) {
  .article-container .article-media-card {
    width: min(50%, 520px);
  }

  .article-container .article-media-card--left {
    margin: 8px 32px 22px 0;
  }

  .article-container .article-media-card--right {
    margin: 8px 0 22px 32px;
  }

  .article-container .article-media-card--lower {
    margin-top: 48px;
  }

  .article-container .article-media-card--drop3 {
    margin-top: 64px;
  }

  .article-container .article-media-card--center {
    width: min(100%, 720px);
    margin: 32px auto 28px;
  }
}

@media (max-width: 900px) {
  .article-container .article-media-card,
  .article-container .article-media-card--left,
  .article-container .article-media-card--right,
  .article-container .article-media-card--lower,
  .article-container .article-media-card--drop3,
  .article-container .article-media-card--center {
    width: 100%;
    max-width: 720px;
    float: none;
    clear: both;
    margin: 24px auto 28px;
  }
}