@media (max-width: 1050px) {
  .article-issue-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .article-media-left .article-issue-copy,
  .article-media-left .article-side-figure {
    order: initial;
  }

  .article-side-figure {
    width: min(100%, 720px);
    margin-top: 0;
  }

  .article-checklist-inner {
    grid-template-columns: 1fr;
    gap: 38px;
  }

  .article-final-inner {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .article-final-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .article-reading {
    width: min(calc(100% - 36px), 800px);
  }

  .article-title-band {
    padding: 40px 0 48px;
  }

  .article-title-band h1 {
    font-size: 36px;
    line-height: 1.12;
  }

  .article-kicker span + span::before {
    display: none;
  }

  .article-opening {
    padding-top: 44px;
  }

  .article-opening p,
  .article-premise p,
  .article-issue p,
  .article-release header p,
  .article-references > p,
  .article-faq > .article-reading > p {
    font-size: 16px;
    line-height: 1.72;
  }

  .article-opening .article-answer {
    font-size: 18px;
  }

  .article-lead-figure {
    margin-top: 30px;
  }

  .article-toc {
    margin-top: 28px;
    margin-bottom: 54px;
  }

  .article-toc div {
    display: grid;
    gap: 10px;
  }

  .article-premise h2,
  .article-release h2,
  .article-references h2,
  .article-faq h2,
  .article-related h2,
  .article-checklist h2,
  .article-final h2 {
    font-size: 28px;
  }

  .article-premise {
    padding-bottom: 54px;
  }

  .article-issue,
  .article-issue-media {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .article-issue h2 {
    font-size: 27px;
  }

  .article-review > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .article-checklist {
    padding: 62px 0;
  }

  .article-review-callout .article-reading {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .article-review-callout .pl-btn {
    width: 100%;
  }

  .article-release {
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .article-release-grid,
  .article-related > div {
    grid-template-columns: 1fr;
  }

  .article-related a:nth-child(odd) {
    border-right: 0;
  }

  .article-related a:nth-child(even) {
    padding-left: 0;
  }

  .article-faq {
    padding: 62px 0;
  }

  .article-final-actions,
  .article-final-actions .pl-btn {
    width: 100%;
  }

  .article-final-actions .pl-btn {
    text-align: center;
  }
}