/* Mutuelles.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éjà les tableaux Markdown dans cette
   classe (comparatifs de garanties, niveaux de remboursement, postes de soins,
   fourchettes de cotisation, comparaisons d'organismes). Sans cette feuille de
   style, ils retomberaient sur l'affichage par défaut du navigateur. Chargée
   uniquement sur les articles générés par ce plugin. */
.msg-comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0;
	font-size: .95rem;
	line-height: 1.5;
}
.msg-comparison-table th {
	background: #0f766e;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #115e59;
}
.msg-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e5e7eb;
	vertical-align: top;
}
.msg-comparison-table tr:nth-child(even) td {
	background: #f0fdfa;
}
.msg-comparison-table tr:hover td {
	background: #ccfbf1;
}
.msg-comparison-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	color: #115e59;
	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;
	}
}