/* tn-content.css — responsive content (CKEditor) tables.
   Loaded on every frontend page (see layouts/app.blade.php).
   CKEditor 5 wraps every table in <figure class="table">. On narrow screens
   the figure scrolls horizontally instead of the table being cut off.
   Harmless on desktop: no scrollbar appears unless a table actually overflows. */
figure.table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

figure.table table {
    min-width: 100%;
}

/* Bare tables (older / hand-written content without the figure wrapper) in the
   places CKEditor content renders: pages (.viewbox-body), blog posts
   (.card-text) and home sections (.section-inner). */
.viewbox-body > table,
.card-text table,
.section-inner > table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}