/* Extincteur.com — styles front-end des articles générés */

/* Tableaux comparatifs émis par le générateur (class="msg-comparison-table").
   Le convertisseur Markdown -> HTML rend désormais les tableaux Markdown dans
   cette classe (comparaisons de types d'extincteurs, classes de feu, agents
   extincteurs, fourchettes de prix, périodicités de vérification). Sans cette
   feuille de style, ils retomberaient sur l'affichage par défaut du navigateur. */
.msg-comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0;
	font-size: .95rem;
	line-height: 1.5;
}
.msg-comparison-table th {
	background: #b91c1c;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #991b1b;
}
.msg-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
}
.msg-comparison-table tr:nth-child(even) td {
	background: #fef2f2;
}
.msg-comparison-table tr:hover td {
	background: #fee2e2;
}
.msg-comparison-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	color: #991b1b;
	padding: 0 0 8px;
	font-size: .9rem;
}

/* Tableaux comparatifs larges restant lisibles sur mobile. */
@media (max-width: 640px) {
	.msg-comparison-table {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}