/* ============================================================
   AGGRESSIVE THEME OVERRIDES
   Forces quiz to display properly in ANY WordPress theme
============================================================ */

/* Force quiz wrapper to ignore ALL theme constraints */
body #flatiron-quiz,
body.generatepress #flatiron-quiz,
.site-content #flatiron-quiz,
.content-area #flatiron-quiz,
.entry-content #flatiron-quiz,
article #flatiron-quiz,
main #flatiron-quiz,
.inside-article #flatiron-quiz,
.generate-columns-container #flatiron-quiz {
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Same for results */
body #fq-results,
body.generatepress #fq-results,
.site-content #fq-results,
.content-area #fq-results,
.entry-content #fq-results,
article #fq-results,
main #fq-results,
.inside-article #fq-results,
.generate-columns-container #fq-results {
    max-width: 720px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Override ALL possible theme styles on quiz elements */
#flatiron-quiz *,
#fq-results * {
    box-sizing: border-box !important;
}

/* Ensure no theme margins interfere */
.entry-content > #flatiron-quiz,
.entry-content > #fq-results {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
}