/*
 * kkbc-content-tables-1.css - a table in the page text scrolls inside its own box on a narrow screen (2026-10-15).
 * Cause (measured on the live pages at 390 x 844): the table of the Privacy policy page (inside .privacy_box) takes
 * the width of its longest words. It is 382 px wide on kkbc.co, kkbc.co.jp and kkbcthailand.com in a 350 px box
 * (page 12 px too wide), and 682 px wide on kkbcagency.de (page 312 px too wide). A table cannot wrap a word that
 * is wider than its column, so it is wider than its box and the whole page scrolls sideways.
 * Fix: the table becomes a block with overflow-x:auto. The visitor scrolls the table, not the page. The text is not
 * changed. The cells keep their table layout (an anonymous table box is made inside the block).
 * Only up to 767 px: at 768 px and wider the tables keep their table layout and full width (measured: kkbcagency.de
 * is 112 px too wide at 600 px, not at 768 px; kkbc.co.jp table at 1440 px is as wide as its box).
 * Selectors: the three boxes in which an editor's text is printed (template/privacy.php .privacy_box, single.php
 * .blog_content, loop-page.php and loop-single.php .entry-content).
 * Loaded after every other stylesheet of the theme (inc/kkbc-content-tables.php). No !important.
 * A later change of this file gets a new file name (kkbc-content-tables-2.css): the CDN keeps a file under its old name.
 */
@media (max-width: 767px) {
  .privacy_box table,
  .blog_content table,
  .entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}