[hidden] { display: none !important; }
html, body { width: 100%; max-width: 100%; padding: 0 !important; overflow-x: hidden !important; box-sizing: border-box; }
.page-scroll, .quiz-scroll, .result-scroll { min-width: 0; max-width: 100%; overflow-x: hidden; overflow-y: auto; scrollbar-width: none; box-sizing: border-box; }
.page-scroll::-webkit-scrollbar, .quiz-scroll::-webkit-scrollbar, .result-scroll::-webkit-scrollbar { width: 0; height: 0; }
.page-top, .quiz-top, .result-top, .content-layout, .question-card, .result-intro-shell { padding-left: 0 !important; padding-right: 0 !important; min-width: 0; box-sizing: border-box; }
#memberResult { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; max-width: 900px; }
#memberResult .result-intro-shell { overflow: visible; }
#memberResult .member-hero { padding: 14px 20px; border-radius: 20px 20px 0 0; }
#memberResult .member-hero h1 { margin: 8px 0; }
#memberResult .member-hero strong { font-size: 42px; }
#memberResult .member-hero h1 span { margin-bottom: 5px; }
#memberResult .member-details { margin-bottom: 0; }
#memberResult .result-intro-shell .member-body { padding-top: 0; }
#memberResult .member-body .result-retry { margin-top: 20px; }
.hero .hero-grid > div:first-child { min-width: 0; }
.hero-stage-actions .btn-primary { max-width: 100%; }
@media (max-width: 640px) {
 .page-scroll .wrap, .quiz-scroll .wrap, .result-scroll .wrap { width: calc(100% - 16px) !important; max-width: 100% !important; box-sizing: border-box; }
 .quiz-top .sitebar .inner { width: calc(100% - 16px) !important; }
 #memberResult { width: calc(100% - 16px) !important; }
}
