/* Indian launch polish: scoped through base.html to non-USA pages only. */

html {
    overflow-x: hidden;
}

body {
    overflow-x: clip;
}

.hero-cta,
.topic-actions,
.conversion-actions,
.checkout-actions,
.mock-actions,
.result-actions,
.review-actions,
.current-affairs-actions,
.article-actions {
    align-items: center;
    flex-wrap: wrap;
}

.btn,
.hero-cta .btn,
.topic-actions .btn,
.conversion-actions .btn,
.mock-actions .btn,
.result-actions .btn,
.review-actions .btn {
    max-width: 100%;
    white-space: normal;
    line-height: 1.25;
}

.approved-exam-card,
.subject-card,
.topic-card,
.question-preview-card,
.mock-card,
.current-affairs-card,
.article-card,
.premium-lock-card,
.conversion-card,
.result-card,
.review-question-card {
    overflow-wrap: anywhere;
}

.questions-list,
.mock-list,
.current-affairs-grid,
.articles-grid,
.subjects-grid,
.topics-grid,
.approved-exam-grid,
.plans-grid {
    min-width: 0;
}

.question-preview-tags,
.topic-stats,
.mock-meta,
.result-meta,
.current-affairs-meta {
    flex-wrap: wrap;
}

.table-responsive,
.results-table-wrapper,
.mock-review-table,
.leaderboard-table-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive table,
.results-table-wrapper table,
.mock-review-table table,
.leaderboard-table-wrapper table {
    min-width: 640px;
}

.mock-palette,
.question-palette,
.attempt-palette {
    max-width: 100%;
}

.mock-palette-grid,
.question-palette-grid,
.palette-grid {
    grid-template-columns: repeat(auto-fit, minmax(38px, 1fr));
}

.solution-card,
.short-solution,
.detailed-solution,
.explanation-card,
.answer-review-card {
    line-height: 1.7;
}

.premium-lock-card {
    text-align: left;
}

@media (max-width: 860px) {
    .hero-content,
    .detail-hero-stack,
    .checkout-card,
    .mock-test-layout,
    .mock-review-layout,
    .result-layout {
        min-width: 0;
    }

    .hero-cta,
    .topic-actions,
    .conversion-actions,
    .checkout-actions,
    .mock-actions,
    .result-actions,
    .review-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .hero-cta .btn,
    .topic-actions .btn,
    .conversion-actions .btn,
    .checkout-actions .btn,
    .mock-actions .btn,
    .result-actions .btn,
    .review-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .hero-learning-strip,
    .trust-badges,
    .topic-stats,
    .score-footer,
    .checkout-meta {
        grid-template-columns: 1fr;
    }

    .question-preview-header,
    .result-header,
    .review-header,
    .mock-header {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .mobile-sidebar {
        max-width: min(92vw, 390px);
    }
}

@media (max-width: 540px) {
    .section-header {
        text-align: left;
    }

    .section-title,
    .hero-title,
    .topic-hero h1 {
        word-break: normal;
        overflow-wrap: anywhere;
    }

    .hero-current-affairs-card__actions,
    .premium-summary-card,
    .plan-price {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .option-item,
    .answer-option,
    .mock-option {
        align-items: flex-start;
    }

    .question-preview-body p,
    .question-text,
    .article-content,
    .current-affairs-card p {
        font-size: 1rem;
        line-height: 1.7;
    }
}