/* HoofRehab mobile Phase 3: scoped table and fixed-layout repairs. */
@media only screen and (max-width: 844px) {
    /* Six related book/DVD pages use one fixed table solely as a page frame. */
    table.mobile-phase3-page-layout {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        table-layout: auto;
        box-sizing: border-box;
    }

    table.mobile-phase3-page-layout > tbody > tr > td {
        width: auto !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    table.mobile-phase3-page-layout p {
        width: auto !important;
        max-width: 100%;
    }

    /* Preserve the nutrient table's columns and expose them by local scrolling. */
    .mobile-phase3-data-table {
        display: block;
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
    }

    /* Screenshot groups keep their order while fitting phone and tablet widths. */
    table.mobile-phase3-gallery {
        width: 100% !important;
        max-width: 100%;
        table-layout: fixed;
        box-sizing: border-box;
    }

    table.mobile-phase3-gallery td {
        width: auto !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    table.mobile-phase3-gallery img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* The responsive grid is narrower than this page's inherited inline box. */
    .mobile-phase3-workshop-content {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    section.content .row:has(.mobile-phase3-workshop-content) .grid_4 img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* The rehab master tables are layout frames; nested case tables remain tables. */
    table.mobile-phase3-rehab-layout {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        table-layout: fixed;
        box-sizing: border-box;
    }

    table.mobile-phase3-rehab-layout > tbody > tr > td {
        max-width: 100%;
        box-sizing: border-box;
    }

    table.mobile-phase3-rehab-layout table {
        width: 100% !important;
        max-width: 100%;
        table-layout: fixed;
        box-sizing: border-box;
    }

    table.mobile-phase3-rehab-layout table td {
        width: auto !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    table.mobile-phase3-rehab-layout img:not([usemap]):not([onmouseover]):not([onmouseout]):not([onmousedown]):not([onmouseup]):not([fp-style]):not([fp-title]):not([src*="button" i]) {
        max-width: 100% !important;
        height: auto !important;
    }

    /* The archived Blogger copy has two independent fixed-width wrappers. */
    #outer-wrapper.mobile-phase3-pollitt-layout {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
    }

    #outer-wrapper.mobile-phase3-pollitt-layout #main-wrapper {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        float: none !important;
        overflow: visible !important;
        box-sizing: border-box;
    }

    /* Stack only the direct columns of the two rehab page frames. */
    table.mobile-phase3-rehab-layout,
    table.mobile-phase3-rehab-layout > tbody,
    table.mobile-phase3-rehab-layout > tbody > tr,
    table.mobile-phase3-rehab-layout > tbody > tr > td {
        display: block;
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
    }
}