:root { --site-content-max-width: 1480px; }

@media screen {
    body:not(.is-embed-page) { --normal-width: var(--site-content-max-width); }

    /* Page frames only: dialogs, preview tools and readable text columns keep their own sizes. */
    html body:not(.is-embed-page) .main_body > :is(
        .quiz_container,
        .home-premium,
        .start-premium,
        .rating-premium,
        .game-over-premium,
        .quiz-topic-page,
        .legal-page,
        .faq-page,
        .docs-page,
        .duel-page,
        .site-breadcrumbs
    ),
    html body:not(.is-embed-page) .workspace-content > :is(main, section, article):not(.mdc-dialog),
    html body:not(.is-embed-page).is-editor-zone .workspace-content > .workspace-quizzes {
        box-sizing: border-box;
        width: min(100%, var(--site-content-max-width)) !important;
        max-width: var(--site-content-max-width) !important;
        min-width: 0;
        margin-inline: auto;
    }

    html body:not(.is-embed-page) .main_body > .quiz_container > .quiz-main-answer {
        box-sizing: border-box;
        width: 100% !important;
        max-width: none !important;
    }

    html body:not(.is-embed-page) :is(.bp-wrap, .mp-wrap, .quiz-nav-premium .quiz-nav-inner) {
        box-sizing: border-box;
        width: min(100%, var(--site-content-max-width)) !important;
        max-width: var(--site-content-max-width) !important;
        margin-inline: auto;
    }

    html body:not(.is-embed-page) .main_body > .faq-page { padding-inline: 32px; }
    html body:not(.is-embed-page) .docs-page .docs-code-card { min-width: 0; }
}

@media screen and (max-width: 767px) {
    html body:not(.is-embed-page) .main_body > .faq-page { padding-inline: 20px; }
}

@media screen and (max-width: 360px) {
    html body:not(.is-embed-page) .main_body > .faq-page { padding-inline: 12px; }
}