/* Shared outer alignment for documentary pages, including the legacy renderer.
   Keep each film's internal columns, image scale and vertical rhythm. */
body.single-documentaries {
    --doc-content-width: min(100%, 1100px);
}

/* Match the desktop header's content box, including its existing side padding. */
@media (min-width: 961px) and (max-width: 1340px) {
    body.single-documentaries {
        --doc-content-width: calc(min(100%, 1100px) - 3rem);
    }
}

body.single-documentaries main :is(.page-container, .gw-wide, .gw-reading, .batf-wrap, .sr-wrap, .tc-wrap),
body.single-documentaries .talk > .talk-grid.page-container {
    width: var(--doc-content-width);
    /* Supersede older page-specific !important outer-width exceptions. */
    max-width: none !important;
    margin-inline: auto;
    padding-inline: 0;
}
body.single-documentaries main .default-carousel-container {
    width: 100%;
}

/* These text columns previously stopped short of their section's outer edges. */
body.single-documentaries .tc-locations-copy {
    max-width: none;
}
@media (min-width: 1001px) {
    body.single-documentaries :is(.tc-locations-copy, .tc-planning) {
        grid-template-columns: minmax(0, 355px) minmax(0, 1fr);
    }
    body.single-documentaries .sr-transport {
        grid-template-columns: minmax(0, 345px) minmax(0, 1fr);
    }
}

/* Mobile navigation and article content share comfortable, explicit gutters. */
@media (max-width: 960px) {
    body.single-documentaries {
        --doc-content-width: calc(100% - 64px);
    }
    body.single-documentaries #header > nav.page-container {
        display: block;
        width: var(--doc-content-width);
        max-width: none;
        margin-inline: auto;
        padding-inline: 0;
    }
    body.single-documentaries #header .mobile-menu-container,
    body.single-documentaries #header .nav-links {
        padding-inline: 0;
    }
    body.single-documentaries #header .mobile-menu-container {
        gap: 16px;
    }
    body.single-documentaries #header .logo {
        flex: 0 1 13rem;
        min-width: 0;
        max-width: calc(100% - 88px);
    }
    body.single-documentaries #header .mobile-menu-container .logo img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    body.single-documentaries #header .mobile-menu-container > .deskwtsp {
        display: flex;
        flex: 0 0 24px;
        margin-left: auto;
    }
    body.single-documentaries #header .mobile-menu-container .whatsapp-icon {
        position: static;
        display: block;
        width: 24px;
        height: 24px;
    }
    body.single-documentaries #header :is(.mobile-menu-icon, .close-menu-icon) {
        flex-shrink: 0;
    }
    body.single-documentaries #header > .deskwtsp {
        display: none;
    }
}

@media (max-width: 720px) {
    body.single-documentaries {
        --doc-content-width: calc(100% - 48px);
    }
    body.single-documentaries .talk-grid .big-footer-right {
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 24px;
    }
}

@media (max-width: 360px) {
    body.single-documentaries .talk-grid .big-footer-right {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }
}