/* All structured landing content shares the header and hero safe edges. */
body:not(.legal-page) .page-shell > .site-header > .container,
body:not(.legal-page) .page-shell > .site-footer > .container,
body:not(.legal-page) .page-shell main > section > .container {
    width: min(var(--safe-wide, 1520px), calc(100% - 32px));
    max-width: none;
    margin-inline: auto;
}

body:not(.legal-page) .page-shell .faq-grid {
    width: 100%;
    max-width: none;
}

@media (max-width: 780px) {
    body:not(.legal-page) .page-shell > .site-header > .container,
    body:not(.legal-page) .page-shell > .site-footer > .container,
    body:not(.legal-page) .page-shell main > section > .container {
        width: min(560px, calc(100% - 24px));
    }

    /* Override the older mobile pricing width without changing its controls. */
    body:not(.legal-page) .page-shell main > #pricing > .container {
        width: min(560px, calc(100% - 24px)) !important;
    }
}