/* MeilleursArtisans.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 prestations, de fourchettes de tarifs par
   métier, de critères de choix d'artisan). 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: #6d28d9;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #5b21b6;
}
.msg-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
}
.msg-comparison-table tr:nth-child(even) td {
	background: #f5f3ff;
}
.msg-comparison-table tr:hover td {
	background: #ede9fe;
}
.msg-comparison-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	color: #5b21b6;
	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;
	}
}