/* English /blog/ only. The body itself is never used to hide overflow. */
body.intl-measurement-blog img {
    max-width: 100% !important;
    height: auto !important;
}

body.intl-measurement-blog figure {
    box-sizing: border-box;
    max-width: 100%;
    margin-inline: 0;
}

body.intl-measurement-blog .wp-block-table {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* Legacy posts contain a raw table directly under .entry-content. Making the
 * table itself the scroll container protects the real DOM without adding or
 * duplicating wrappers around already wrapped block tables. */
body.intl-measurement-blog .entry-content > table {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

body.intl-measurement-blog .entry-content > table > tbody {
    min-width: max-content;
}

body.intl-measurement-blog .wp-block-table table {
    width: max-content;
    min-width: 100%;
    max-width: none;
}