/* Mobile hardening for imported wiki content (tables/infoboxes/images). */

@media (max-width: 720px) {
  /* Many mirrored pages include wide tables with inline `min-width` styles. */
  .mw-parser-output table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: max-content;
    min-width: 100%;
  }

  .mw-parser-output table[style*="min-width"] {
    min-width: 100% !important;
  }

  .mw-parser-output table[style*="max-width"] {
    max-width: none !important;
  }

  .mw-parser-output table[style*="width:"] {
    width: max-content !important;
  }

  /* Prevent infoboxes/thumbs from creating narrow columns. */
  .mw-parser-output .infobox,
  .mw-parser-output table.infobox,
  .mw-parser-output .thumb,
  .mw-parser-output .tright,
  .mw-parser-output .tleft {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .mw-parser-output .thumbinner {
    width: auto !important;
  }

  /* Images should never overflow the viewport. */
  .mw-parser-output img,
  .mw-parser-output video {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Preformatted blocks: keep layout stable with horizontal scrolling. */
  .mw-parser-output pre {
    max-width: 100%;
    overflow-x: auto;
  }
}