/* Loaded after Blazor scoped bundles — centered column with ~2in empty sides. */
.landing-page .proof-strip,
.landing-page .value-band,
.landing-page .article-band,
.landing-page .checklist-band,
.landing-page .modules-band,
.landing-page .practice-band,
.landing-page .interface-band,
.landing-page .vendor-band,
.landing-page .rollout-band,
.landing-page .solution-band,
.landing-page .faq-band,
.landing-page .closing-band {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    padding-left: 2in !important;
    padding-right: 2in !important;
    box-sizing: border-box !important;
}

.landing-page .landing-wrap {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
}

.landing-page .section-intro,
.landing-page .split-copy,
.landing-page .module-cats,
.landing-page .rollout-grid,
.landing-page .vendor-checklist,
.landing-page .vendor-questions,
.landing-page .executive-grid,
.landing-page .solution-grid,
.landing-page .faq-grid,
.landing-page .device-stage,
.landing-page .value-grid,
.landing-page .vendor-note {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.public-shell .public-topbar,
.public-shell .public-header,
.public-shell .public-footer {
    padding-left: 2in !important;
    padding-right: 2in !important;
    box-sizing: border-box !important;
}

.public-shell .public-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Hero stays full-bleed visually; keep text readable inside the same side gaps */
.landing-page .landing-hero .hero-slide {
    padding-left: 2in !important;
    padding-right: 2in !important;
}

@media (max-width: 1100px) {
    .landing-page .proof-strip,
    .landing-page .value-band,
    .landing-page .article-band,
    .landing-page .checklist-band,
    .landing-page .modules-band,
    .landing-page .practice-band,
    .landing-page .interface-band,
    .landing-page .vendor-band,
    .landing-page .rollout-band,
    .landing-page .solution-band,
    .landing-page .faq-band,
    .landing-page .closing-band,
    .public-shell .public-topbar,
    .public-shell .public-header,
    .public-shell .public-footer,
    .landing-page .landing-hero .hero-slide {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }
}