/* ============================================================ QUIZ-FULLSCREEN.CSS — Mode « salle d'examen » Activé en ajoutant la classe .quiz-fullscreen sur . • Masque l'en-tête du site (top-bar + navigation + bannière) • Verrouille le défilement de la page • La zone de test occupe exactement la hauteur de l'écran ------------------------------------------------------------ Retirer la classe (écran de résultats) restaure la page normale. ============================================================ */ body.quiz-fullscreen, html:has(body.quiz-fullscreen) { overflow: hidden !important; height: 100vh; height: 100dvh; } /* En-tête du site masqué pendant l'épreuve */ body.quiz-fullscreen .top-bar, body.quiz-fullscreen > header, body.quiz-fullscreen #maint-banner, body.quiz-fullscreen .mob-drawer, body.quiz-fullscreen .mob-overlay { display: none !important; } /* Le contenu principal prend tout l'écran. NB : sélecteur enfant direct — les

imbriqués (colonne de quiz, éditeur d'expression écrite) ne doivent surtout pas être affectés. */ body.quiz-fullscreen > main { padding-top: 0 !important; margin-top: 0 !important; min-height: 0 !important; height: 100vh; height: 100dvh; overflow: hidden; } /* Variable partagée : hauteur utile disponible pour une épreuve */ body.quiz-fullscreen { --quiz-vh: 100vh; } @supports (height: 100dvh) { body.quiz-fullscreen { --quiz-vh: 100dvh; } } /* Sécurité : aucune ancre de scroll résiduelle */ body.quiz-fullscreen > main > * { scroll-margin-top: 0; }