/*
 * Global public-site content gutter.
 * Bootstrap's default gutter is 1.5rem (12px on each side). Keep every
 * content container at half that horizontal spacing: 0.375rem / 6px per side.
 */
.body_content :is(
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl,
    .container-fluid
) {
    --bs-gutter-x: 0.75rem;
}

/* Custom listing containers do not use Bootstrap's gutter variable. */
.body_content .pn-directory .pd-container,
.body_content .pn-browse .np-container {
    padding-inline: 6px !important;
}

/* Keep the centers listing aligned with the /ads and /needs content width. */
.body_content .centers-list-page > .container-lg {
    max-width: 1520px;
}

/* Public page shells share the /ads and /needs width and 6px side gutters.
 * These rules also override page-local mobile caps and inline style blocks.
 * Keep internal cards, reading columns, and modal widths independent.
 */
.body_content :is(
    .exhibitions-reference-container,
    .agency-reference-container,
    .blogs-reference-container,
    .document-landing__container,
    .pinneh-file-list-container,
    .pinneh-document-details-container,
    .inquiry-container,
    .about-shell,
    .contact-shell,
    .business-laws__shell,
    .business-law-detail__shell,
    .rule-detail-shell,
    .academy-news-shell,
    .academy-news-detail__shell,
    .academy-news-profile-hero,
    .academy-news-detail-hero,
    .academy-news-detail-layout,
    .news-shell,
    .ndr-shell,
    .website-detail-page,
    .country-details-page,
    .place-detail-page,
    .terms-redesign__container
) {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 1520px !important;
    margin-inline: auto !important;
    padding-inline: 6px !important;
}