/*
 * Published translated engineering articles reuse the English theme markup.
 * Keep wide technical tables inside their own mobile scroll area without
 * changing the English source page or the desktop layout.
 */
@media (max-width: 767px) {
  html:not([lang^="en"]) .rn-technical-article__body .wp-block-table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Some source articles store a table directly in the article body instead
   * of wrapping it in a Gutenberg figure. Long translated labels can make
   * that table wider than the mobile viewport, so contain that exact variant
   * without affecting English or non-article tables. */
  html:not([lang^="en"]) .rn-technical-article__body > table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  html:not([lang^="en"]) .rn-technical-article__body .wp-block-table table {
    max-width: none;
  }
}
