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

/* Tableaux comparatifs émis par le générateur (class="gsg-comparison-table").
   Le convertisseur Markdown -> HTML rend les tableaux Markdown dans cette
   classe (circuits d'approvisionnement, minimums de commande, conditions
   d'accès, coûts rendus, comparatifs de plateformes). Les articles générés ne
   sont pas enveloppés dans .grossistes (le namespace des pages construites à la
   main), d'où cette feuille dédiée, chargée uniquement sur ces articles.
   Palette alignée sur le CSS unique du site : pétrole #0d2b4e, teal #1e5bb8. */
.gsg-comparison-table {
	width: 100%;
	border-collapse: collapse;
	margin: 26px 0;
	font-size: .95rem;
	line-height: 1.5;
}
.gsg-comparison-table th {
	background: #0d2b4e;
	color: #fff;
	text-align: left;
	padding: 12px 14px;
	font-weight: 700;
	border-bottom: 2px solid #1e5bb8;
}
.gsg-comparison-table td {
	padding: 11px 14px;
	border-bottom: 1px solid #e3ebf5;
	vertical-align: top;
}
.gsg-comparison-table tr:nth-child(even) td {
	background: #fafcff;
}
.gsg-comparison-table tr:hover td {
	background: #e8f0fa;
}
.gsg-comparison-table caption {
	caption-side: top;
	text-align: left;
	font-weight: 600;
	color: #1e5bb8;
	padding: 0 0 8px;
	font-size: .9rem;
}

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