/* Bandeau Quiz infernal (outils/lib/pub-quiz.php) */
.pub-quiz { max-width: 60em; margin: 2em auto 0; padding: 0 1.1em; }
.pub-quiz-lien { display: flex; align-items: center; gap: 1em; padding: 1em 1.2em; border-radius: 1em; background: #fff8dc; border: 0.1em solid #FDD018; color: #31038A; text-decoration: none; }
.pub-quiz-lien:hover { background: #fff2b8; }
.pub-quiz-lien:focus-visible { outline: 0.2em solid #31038A; outline-offset: 0.2em; }
.pub-quiz img { flex: 0 0 auto; width: 3.5em; height: 3.5em; }
.pub-quiz-texte { flex: 1 1 auto; display: flex; flex-direction: column; gap: 0.2em; line-height: 1.4; }
.pub-quiz-etiquette { font-size: 0.7em; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.7; }
.pub-quiz-bouton { flex: 0 0 auto; padding: 0.6em 1.1em; border-radius: 2em; background: #31038A; color: #fff; font-weight: 600; }
@media (max-width: 36em) {
	.pub-quiz-lien { flex-wrap: wrap; }
	.pub-quiz-texte { flex-basis: 60%; }
	.pub-quiz-bouton { margin-left: auto; }
}
/* Grand écran : colonne fixe dans la marge gauche du contenu (60em centré) */
@media (min-width: 88em) {
	.pub-quiz { position: fixed; top: 11em; left: max(1em, calc(50% - 30em - 14.5em)); z-index: 5; width: 11em; margin: 0; padding: 0; }
	.pub-quiz-lien { flex-direction: column; align-items: center; gap: 0.9em; padding: 1.3em 1em 1.2em; text-align: center; }
	.pub-quiz img { width: 4.5em; height: 4.5em; }
	.pub-quiz-texte { font-size: 0.92em; gap: 0.4em; }
}
@media print { .pub-quiz { display: none; } }