/* Article detail mobile overflow: table min-width:640px was stretching the grid */
@media (max-width: 860px) {
  .blog-details__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .article,
  .blog-sidebar {
    min-width: 0;
  }

  .article-body .table-scroll {
    max-width: 100%;
  }

  .article-body img,
  .article-header__image {
    max-width: 100%;
    height: auto;
  }

  .article-body table {
    min-width: 0;
  }

  .article-body tbody td:first-child {
    white-space: normal;
  }
}

/* Article body images: soft corners (images are wrapped in <p>, not <figure>) */
.article-body img {
  border-radius: var(--radius-md);
}