/*
 * Smartphone-only table scrolling.
 * PC/tablet landscape styles above 900px are intentionally untouched.
 */
@media (max-width: 900px) {
  .saitama-mobile-table-scroll {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-inline: contain;
    touch-action: pan-x pan-y;
    box-sizing: border-box !important;
  }

  /* Keep the scroll frame inside cards, accordions and grid tracks. */
  .hall-table-grid,
  .hall-table-card,
  .hall-guide-body,
  .hall-guide-block,
  .tsutsuji-guide-body,
  .tsutsuji-guide-accordion,
  .guide-compare-table,
  .fee-accordion-list,
  .fee-accordion,
  .fee-accordion__body,
  .after-accordion-list,
  .after-accordion,
  .after-accordion-body,
  .after-table-wrap,
  .archive-detail-body {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Restore a real table layout on smartphones instead of stacked cells. */
  table.saitama-mobile-scroll-table {
    display: table !important;
    max-width: none !important;
    table-layout: fixed !important;
  }
  table.saitama-mobile-scroll-table thead {
    display: table-header-group !important;
  }
  table.saitama-mobile-scroll-table tbody {
    display: table-row-group !important;
  }
  table.saitama-mobile-scroll-table tfoot {
    display: table-footer-group !important;
  }
  table.saitama-mobile-scroll-table tr {
    display: table-row !important;
  }
  table.saitama-mobile-scroll-table th,
  table.saitama-mobile-scroll-table td {
    display: table-cell !important;
    height: auto !important;
    box-sizing: border-box !important;
    vertical-align: top !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    line-break: strict;
  }

  /* Generic two-column information tables. */
  table.saitama-mobile-scroll-table.saitama-mobile-cols-2 {
    width: 740px !important;
    min-width: 740px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-2 th:first-child,
  table.saitama-mobile-scroll-table.saitama-mobile-cols-2 td:first-child {
    width: 180px !important;
    min-width: 180px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-2 th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-cols-2 td:nth-child(2) {
    width: 560px !important;
    min-width: 560px !important;
  }

  /* Hall profile tables: longer descriptive copy needs a wider second column. */
  table.saitama-mobile-scroll-table.saitama-mobile-hall-2 {
    width: 780px !important;
    min-width: 780px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-2 th:first-child,
  table.saitama-mobile-scroll-table.saitama-mobile-hall-2 td:first-child {
    width: 190px !important;
    min-width: 190px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-2 th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-2 td:nth-child(2) {
    width: 590px !important;
    min-width: 590px !important;
  }

  /* Hall equipment tables. */
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 {
    width: 820px !important;
    min-width: 820px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 th:nth-child(1),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 td:nth-child(1) {
    width: 150px !important;
    min-width: 150px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 td:nth-child(2) {
    width: 245px !important;
    min-width: 245px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 th:nth-child(3),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-3 td:nth-child(3) {
    width: 425px !important;
    min-width: 425px !important;
  }

  /* Hall fee tables: reserve the largest width for the remarks column. */
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee {
    width: 880px !important;
    min-width: 880px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee th:nth-child(1),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee td:nth-child(1) {
    width: 180px !important;
    min-width: 180px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee td:nth-child(2) {
    width: 100px !important;
    min-width: 100px !important;
    text-align: center;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee th:nth-child(3),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee td:nth-child(3) {
    width: 190px !important;
    min-width: 190px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee th:nth-child(4),
  table.saitama-mobile-scroll-table.saitama-mobile-hall-fee td:nth-child(4) {
    width: 410px !important;
    min-width: 410px !important;
  }

  /* Four-column facility comparison. */
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 {
    width: 960px !important;
    min-width: 960px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 th:nth-child(1),
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 td:nth-child(1) {
    width: 180px !important;
    min-width: 180px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 td:nth-child(2) {
    width: 200px !important;
    min-width: 200px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 th:nth-child(3),
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 td:nth-child(3) {
    width: 285px !important;
    min-width: 285px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 th:nth-child(4),
  table.saitama-mobile-scroll-table.saitama-mobile-compare-4 td:nth-child(4) {
    width: 295px !important;
    min-width: 295px !important;
  }

  /* Funeral allowance and post-funeral procedure tables. */
  table.saitama-mobile-scroll-table.saitama-mobile-after-2 {
    width: 780px !important;
    min-width: 780px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-after-2 th:first-child,
  table.saitama-mobile-scroll-table.saitama-mobile-after-2 td:first-child {
    width: 190px !important;
    min-width: 190px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-after-2 th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-after-2 td:nth-child(2) {
    width: 590px !important;
    min-width: 590px !important;
  }

  /* Fallbacks for future tables rendered from article content. */
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) {
    width: 820px !important;
    min-width: 820px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) th:nth-child(1),
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) td:nth-child(1) {
    width: 210px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) th:nth-child(2),
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) td:nth-child(2) {
    width: 220px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) th:nth-child(3),
  table.saitama-mobile-scroll-table.saitama-mobile-cols-3:not(.saitama-mobile-hall-3) td:nth-child(3) {
    width: 390px !important;
  }
  table.saitama-mobile-scroll-table.saitama-mobile-cols-4:not(.saitama-mobile-hall-fee):not(.saitama-mobile-compare-4) {
    width: 900px !important;
    min-width: 900px !important;
  }
}

/* The hall-detail-guide smartphone layout is defined inline in index.php
   so that the final width rules cannot be overridden by cache/order conflicts. */