/* Content surfaces only; intro/hero containers and small controls are excluded. */
:root {
    --content-container-shadow: 0 2px 8px #17263b0a;
    --content-card-surface: #ffffff;
    --content-group-surface: #ffffff;
}
@media screen {
.home-section,
.feature-section,
.learning-path-section,
.practice-section,
.test-exam-section,
.feature-item,
.path-card,
.practice-card,
.test-exam-card,
.stats-section,
.typing-test-card,
.difficulty-card,
.special-test-card,
.performance-stat,
.learn-curriculum,
.learn-message,
.practice-mode-card,
.custom-practice-preview,
.daily-practice-section,
.practice-stats,
.practice-attempts-table,
.practice-custom-form,
.quick-passage-list,
.content-selection,
.daily-today-panel,
.daily-range,
.daily-cycle-note,
.stats-panel,
.stats-metric,
.stats-trends,
.stats-recommendation,
.stats-notice,
.stats-preview,
.stats-achievements li,
.stats-summary-dialog,
.stats-history tr,
.test-filters,
.test-passages>li,
.test-history,
.test-history-empty,
.test-selected,
.test-configuration,
.test-history-table tr,
.test-highlights,
.exam-filters,
.exam-list,
.exam-row,
.exam-panel,
.exam-save-error,
.exam-notice,
.journey-stat,
.journey-card,
.journey-balance,
.journey-milestones article,
.res-featured,
.res-guide-card,
.res-empty,
.res-reference-panel,
.res-keyboard,
.res-shift-note,
.res-exam-links,
.res-download,
.res-formula-grid article,
.res-faqs,
.res-pack-callout,
.res-article,
.res-article-contents,
.res-article-action,
.res-article-aside,
.res-print-help,
.res-sheet,
.pricing-card,
.pricing-free-first,
.pricing-comparison,
.pricing-benefits article,
.pricing-faqs,
.pricing-trust,
.pricing-final-cta,
.legal-draft,
.legal-hub-group,
.legal-choices,
.legal-toc,
.legal-article,
.legal-preferences,
.legal-related,
.auth-layout,
.auth-alert,
.auth-notice,
.auth-success {
    box-shadow: var(--content-container-shadow) !important;
    border-color: #d5dfeb !important;
    background-color: var(--content-card-surface) !important;
}

/* Grouped content uses the same white surface as its cards. */
.home-section,
.feature-section,
.learning-path-section,
.practice-section,
.test-exam-section,
.stats-section,
.learn-curriculum,
.practice-stats,
.practice-attempts-table,
.test-history,
.exam-list,
.pricing-comparison,
.res-faqs,
.pricing-faqs {
    background-color: var(--content-group-surface) !important;
    box-shadow: none !important;
}

/* Existing white lettering on these surfaces keeps sufficient contrast. */
.performance-stat,
.custom-practice-preview {
    background-color: #234663 !important;
}
}
