/* ========================================
   FULL WIDTH LAYOUT - ALL PAGES
   ======================================== */

/* Remove max-width from all main containers */
#questionInterface,
#resultsPage,
#answerReviewPage,
.question-container,
.results-display,
.container {
    max-width: none !important;
    width: 100% !important;
    padding: 20px !important;
    margin: 0 !important;
}

/* Question interface full width */
#questionInterface {
    background: #f8fafc;
    min-height: 100vh;
}

/* Question card full width */
.question-card {
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto 20px auto !important;
}

/* Options container full width */
.options-container {
    max-width: none !important;
    width: 100% !important;
}

/* Navigation buttons full width container */
.navigation-buttons {
    max-width: none !important;
    width: 100% !important;
}

/* Question navigator full width */
.question-navigator {
    max-width: none !important;
    width: 100% !important;
}

/* Results page full width */
.results-display {
    background: #f8fafc;
    min-height: 100vh;
}

/* Welcome card (Test Completed header) */
.welcome-card {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    margin-top: 20px;
}

/* Stats cards row */
.stats-row {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    gap: 15px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
}

/* Subject breakdown full width */
#subjectBreakdown {
    width: 100% !important;
    max-width: none !important;
}

/* AI recommendations full width */
#aiRecommendations {
    width: 100% !important;
    max-width: none !important;
}

/* Subject cards full width */
.subject-card {
    width: 100% !important;
    max-width: none !important;
}

/* Review button container */
.review-button-container {
    width: 100% !important;
    max-width: none !important;
    text-align: center;
    margin-top: 20px;
}

/* Answer review page full width */
#answerReviewPage {
    background: #f8fafc;
    min-height: 100vh;
}

/* Review questions container */
#reviewQuestionsContainer {
    width: 100% !important;
    max-width: none !important;
}

/* Review question cards */
.review-question-card {
    width: 100% !important;
    max-width: none !important;
}

/* Mobile responsive */
@media (max-width: 768px) {

    #questionInterface,
    .results-display,
    #answerReviewPage {
        padding: 15px !important;
    }

    .stats-row {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 480px) {

    #questionInterface,
    .results-display,
    #answerReviewPage {
        padding: 10px !important;
    }

    .stats-row {
        grid-template-columns: 1fr !important;
    }
}