/*
 * dy-inner-gutter.css — single source for inner-page horizontal inset.
 * Loaded last on inner pages. Depends on :root tokens in style.css.
 *
 * APPLY gutter to: direct .container children of section roots inside .dy-home.
 * AVOID: full-bleed section backgrounds (::before / ::after layers),
 *        nested .container inside columns, .container-fluid wrappers,
 *        per-section horizontal clamp() or fixed max-width centering.
 *
 * Section roots — Template 0:
 *   .t0-s1, .t0-s2, .t0-s3, .sk-cta-banner
 *
 * Section roots — Template 1:
 *   .inner-page-wrap.page-title, .t1-s2, .t1-s4,
 *   .HalfSection, .halfsection, .fullSection, .bg-gray
 *
 * Section roots — other inner templates:
 *   .subpage, .HalfSection, gallery/staff/blog section wrappers
 *
 * Agent checklist:
 *   [ ] :root has --dy-home-page-gutter and --dy-home-content-max
 *   [ ] Header/footer .container uses the same gutter token
 *   [ ] .dy-home wrapper present on Page.cshtml
 *   [ ] This file loads after global.css and concept CSS
 *   [ ] No legacy horizontal padding on .t0-s*-content
 *   [ ] Verify edges at 1280px, 1440px, 1920px
 */

.dy-home > section > .container,
.dy-home section.inner-page-wrap > .container,
.dy-home section.sk-cta-banner > .sk-container,
.dy-home section.HalfSection > .container,
.dy-home section.halfsection > .container,
.dy-home section.t1-s2 > .container,
.dy-home section.t1-s4 > .container,
.dy-home.inner-concept-31 .hero-section.inner-page-wrap .container,
.dy-home.inner-concept-31 .gallery-section,
.dy-home section.fullSection > .container,
.dy-home section.subpage > .container,
.dy-home > .subpage > .container {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--dy-home-page-gutter);
    padding-right: var(--dy-home-page-gutter);
    box-sizing: border-box;
}

/* Match header/footer — cancel Bootstrap row negative margins */
.dy-home > section > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

.dy-home > section > .container > .row > [class*="col-"]:first-child {
    padding-left: 0;
}

.dy-home > section > .container > .row > [class*="col-"]:last-child {
    padding-right: 0;
}

@media (min-width: 576px) {
    .dy-home > section > .container,
    .dy-home section.inner-page-wrap > .container,
    .dy-home section.sk-cta-banner > .sk-container,
    .dy-home section.HalfSection > .container,
    .dy-home section.halfsection > .container,
    .dy-home section.t1-s2 > .container,
    .dy-home section.t1-s4 > .container,
    .dy-home.inner-concept-31 .hero-section.inner-page-wrap .container,
    .dy-home.inner-concept-31 .gallery-section,
    .dy-home section.fullSection > .container,
    .dy-home section.subpage > .container,
    .dy-home > .subpage > .container {
        max-width: none;
    }
}