/* ── Full-Width Layout Override — Bookshelf Textbook v3.0 ── */

/* Desktop: true full width, no hard cap */
.container_12 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

.s1_grid_12 {
    width: auto !important;
    max-width: 100% !important;
}

/* All content, images, media — fluid */
img, video, iframe, embed, object {
    max-width: 100% !important;
    height: auto !important;
}

/* Column divs — fluid on all sizes */
.d1, .d2, .d3, .d4,
[class^="d"], [class*=" d"] {
    box-sizing: border-box !important;
}

/* Tablet (600px–1024px) */
@media only screen and (max-width: 1024px) {
    .container_12 {
        width: 100% !important;
        padding: 0 14px !important;
    }
}

/* Mobile (under 600px) */
@media only screen and (max-width: 599px) {
    .container_12 {
        width: 100% !important;
        padding: 0 10px !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .d1, .d2, .d3, .d4,
    [class^="d"], [class*=" d"] {
        width: 100% !important;
        float: none !important;
        display: block !important;
    }

    body, html {
        overflow-x: hidden !important;
    }
}