/* Mobile blog layouts (≤767px) */

@media (max-width: 767px) {
  .page-subpage .blog-archive__card {
    grid-template-columns: 1fr;
    padding-block: calc(28px * var(--subpage-coord-scale));
  }

  .page-subpage .blog-archive__card-body {
    padding-inline: calc(24px * var(--subpage-coord-scale));
  }

  .page-subpage .blog-archive__media-link {
    order: -1;
    width: 100%;
    height: var(--blog-archive-media-size);
  }

  .page-subpage .blog-article__intro {
    grid-template-columns: 1fr;
  }

  .page-subpage .blog-article__intro-media {
    order: -1;
    width: 100%;
    justify-self: stretch;
  }

  .page-subpage .blog-article__intro-media-figure {
    height: var(--blog-archive-media-size);
  }

  .page-subpage .blog-article__content table {
    display: block;
    overflow-x: auto;
  }
}