/*
 * Quiz & Blind Tests — la surface publique.
 * Charte « Affiche » de RadioInternet.ca : fond
 * noir, néon rouge, typographie forte blanche et
 * rouge, accents bleu électrique et doré. Tout
 * est scopé sous .rint-qz ; aucune ressource
 * externe. Les cibles de jeu (choix, boutons)
 * font au moins 44 px (patron de la suite).
 */

.rint-qz {
	background: #0b0b10;
	color: #f4f2ec;
	border: 1px solid #26262e;
	border-radius: 14px;
	padding: 20px;
	margin: 1.5em 0;
}

.rint-qz-titre {
	color: #fff;
	margin: 0 0 0.35em;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	text-shadow: 0 0 14px rgba(255, 30, 50, 0.55);
}

.rint-qz-intro {
	color: #cfccc2;
	margin: 0 0 1.1em;
	line-height: 1.55;
}

.rint-qz-note {
	color: #cfccc2;
	border-left: 3px solid #e8b23a;
	padding: 0.4em 0 0.4em 0.9em;
	line-height: 1.55;
	margin: 0 0 1em;
}

.rint-qz-erreurs {
	border: 1px solid #ff3040;
	border-radius: 10px;
	padding: 0.7em 1em;
	margin: 0 0 1em;
	color: #ffd7db;
	line-height: 1.5;
}

.rint-qz-bloc {
	margin: 0 0 1.6em;
}

.rint-qz-bloc h3,
.rint-qz-resultat h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin: 0 0 0.6em;
}

.rint-qz-cartes {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 14px;
}

.rint-qz-carte {
	background: #121218;
	border: 1px solid #2c2c35;
	border-radius: 12px;
	padding: 14px 16px;
}

.rint-qz-carte h4 {
	color: #fff;
	margin: 0 0 0.4em;
}

.rint-qz-carte p {
	line-height: 1.5;
	margin: 0 0 0.6em;
}

.rint-qz-bouton {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0.5em 1.2em;
	background: #c8102e;
	color: #fff;
	border: 0;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.rint-qz-bouton:hover,
.rint-qz-bouton:focus {
	background: #e8233f;
	color: #fff;
}

/* Le formulaire de partie. */

.rint-qz-form h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.rint-qz-miel {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.rint-qz-question {
	border: 1px solid #2c2c35;
	border-radius: 12px;
	padding: 14px 16px;
	margin: 0 0 1em;
	background: #121218;
}

.rint-qz-question legend {
	color: #fff;
	font-weight: 700;
	padding: 0 0.4em;
	line-height: 1.45;
}

.rint-qz-choix {
	display: flex;
	align-items: center;
	gap: 0.6em;
	min-height: 44px;
	padding: 0.45em 0.7em;
	margin: 0.35em 0;
	border: 1px solid #2c2c35;
	border-radius: 10px;
	cursor: pointer;
	line-height: 1.45;
}

.rint-qz-choix:hover,
.rint-qz-choix:focus-within {
	border-color: #3fa7ff;
}

.rint-qz-choix input {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.rint-qz-extrait {
	margin: 0 0 0.7em;
	line-height: 1.5;
}

.rint-qz-extrait a {
	color: #3fa7ff;
	font-weight: 700;
}

.rint-qz-badge {
	display: inline-block;
	background: #e8b23a;
	color: #0b0b10;
	border-radius: 6px;
	padding: 0.1em 0.5em;
	font-weight: 700;
	font-size: 0.85em;
}

/* Le résultat et ses corrections. */

.rint-qz-resultat {
	border: 1px solid #3fa7ff;
	border-radius: 12px;
	padding: 16px;
	margin: 0 0 1.6em;
	background: #101018;
}

.rint-qz-score {
	font-size: 1.35em;
	font-weight: 800;
	color: #fff;
	margin: 0 0 0.4em;
}

.rint-qz-corrections {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
}

.rint-qz-correction {
	border-left: 3px solid #3fa7ff;
	padding: 0.6em 0 0.6em 0.9em;
	margin: 0 0 0.9em;
	line-height: 1.5;
}

.rint-qz-correction.rint-qz-faux {
	border-left-color: #ff3040;
}

.rint-qz-correction p {
	margin: 0 0 0.3em;
}

.rint-qz-verdict {
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.rint-qz-juste .rint-qz-verdict {
	color: #3fa7ff;
}

.rint-qz-faux .rint-qz-verdict {
	color: #ff6b78;
}

.rint-qz-enonce {
	font-weight: 700;
	color: #fff;
}

.rint-qz-explication {
	color: #cfccc2;
	font-style: italic;
}

/* « Mes parties ». */

.rint-qz-parties {
	width: 100%;
	border-collapse: collapse;
}

.rint-qz-parties th,
.rint-qz-parties td {
	text-align: left;
	padding: 0.5em 0.6em;
	border-bottom: 1px solid #2c2c35;
	line-height: 1.45;
}

.rint-qz-parties th {
	color: #fff;
	text-transform: uppercase;
	font-size: 0.85em;
	letter-spacing: 0.03em;
}

.rint-qz-retour a {
	color: #3fa7ff;
	font-weight: 700;
}