/* Site-wide mobile fixes. */

/* Wide tables scroll inside their own container rather than breaking the page. */
.wp-block-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}
.wp-block-table table { min-width: 100%; }

/* The theme sets overflow-wrap:anywhere on cells, which splits figures like
   "£2,241" mid-number. Keep words and money amounts whole; if the table still
   will not fit, it scrolls sideways inside its own box instead. */
.wp-block-table th,
.wp-block-table td {
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

@media (max-width: 600px) {
    .wp-block-table table { font-size: 0.85rem; }
    .wp-block-table th,
    .wp-block-table td { padding: 0.45rem 0.5rem; }
}

/* Nothing should ever force the page to scroll sideways. */
html, body { overflow-x: hidden; max-width: 100%; }
img, iframe, canvas { max-width: 100%; }