/* Plombier.ch — styles front-end des articles générés */

/* Tableaux comparatifs émis par le générateur (class="pch-comparison-table").
   Le convertisseur Markdown -> HTML rend désormais les tableaux Markdown dans
   cette classe (guides comparatifs : cuivre vs PER, mitigeur vs mélangeur,
   chauffe-eau instantané vs cumulus, radiateur vs plancher chauffant, etc.).
   Sans cette feuille de style, ils retomberaient sur l'affichage par défaut. */
.pch-comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0;
	font-size: .95rem;
	line-height: 1.5;
}
.pch-comparison-table th {
	background: #1d4ed8;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #1740a8;
}
.pch-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e2e8f0;
	vertical-align: top;
}
.pch-comparison-table tr:nth-child(even) td {
	background: #eff4ff;
}
.pch-comparison-table tr:hover td {
	background: #dde7ff;
}
.pch-comparison-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	color: #1d4ed8;
	padding: 0 0 8px;
	font-size: .9rem;
}

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