/* Shared blog table behavior baseline
   Used by inline-style blog pages that do not inherit factory-editorial-theme.css. */

@media (max-width: 640px) {
  .blog-content table,
  table,
  table.table,
  .decoration-table,
  .checklist-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .blog-content th,
  .blog-content td,
  table th,
  table td,
  .decoration-table th,
  .decoration-table td,
  .checklist-table th,
  .checklist-table td {
    white-space: nowrap !important;
  }
}