/**
 * YHN 3.9.55.71.4 — Editorial 3+ Column Table Mobile Safety Final Lock
 * Extends 71.3: 3-column tables now receive the same safe horizontal-scroll
 * treatment, with calmer width tiers and hints shown only on real overflow.
 */

@media (max-width:849px){
  /* Hide by default; JS adds the overflowing state only when needed. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-scroll-hint{
    display:none!important;
  }

  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-overflowing .yhn-editorial-table-scroll-hint{
    display:flex!important;
  }

  /* 3 columns: enough room for Vietnamese labels without over-widening. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-3col table{
    min-width:580px!important;
  }

  /* 4 columns: comparison tables like Bước / Nên chọn / Nên tránh / Ví dụ. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-4col table{
    min-width:680px!important;
  }

  /* 5 columns. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-5plus:not(.yhn-editorial-table-6plus) table{
    min-width:800px!important;
  }

  /* 6+ columns. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-6plus table{
    min-width:920px!important;
  }

  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell table th,
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell table td{
    min-width:126px!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-3col table th,
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-3col table td{
    min-width:155px!important;
  }

  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell.yhn-editorial-table-3col table tr > :first-child{
    min-width:125px!important;
  }

  /* No focus stop when the table fits; JS assigns tabindex=-1 in that state. */
  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell:not(.yhn-editorial-table-overflowing) .yhn-editorial-table-scroller{
    scrollbar-width:none!important;
  }

  body.yhn-editorial-single-quiet-premium .blog-wrapper.blog-single .yhn-editorial-table-shell:not(.yhn-editorial-table-overflowing) .yhn-editorial-table-scroller::-webkit-scrollbar{
    display:none!important;
  }
}