/* Trouver IP — Pipeline éditorial : styles des modules posés par le pipeline. */

/* Tableaux écrits à la main : défilables en largeur, empilables en petit écran. */
.tip-table-scroll {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 1.5rem 0;
}

.tip-table-scroll > table {
	width: 100%;
	min-width: 34rem;
	border-collapse: collapse;
}

.tip-table-scroll th,
.tip-table-scroll td {
	padding: 0.6rem 0.8rem;
	border: 1px solid #e2e6ea;
	text-align: left;
	vertical-align: top;
}

.tip-table-scroll thead th {
	background: #f4f7fa;
	font-weight: 600;
}

/* Bloc « À lire aussi sur le blog » sur les fiches d'encyclopédie.
   Quand il suit le bloc « Voir aussi dans l'encyclopédie », les deux partagent
   le même fond gris et leurs marges s'additionnent : ça se lit comme une seule
   bande interminable à deux titres. On le repasse en blanc et on resserre le
   haut, uniquement dans ce cas — seul, il garde l'aspect d'origine. */
.page-related + .page-related-blog {
	background: #fff;
	padding-top: 24px;
}

.page-related + .page-related-blog .section-title {
	margin-bottom: 32px;
}

/* Bloc FAQ. */
.tip-faq {
	margin: 2.5rem 0 1rem;
}

.tip-faq-title {
	margin-bottom: 1.2rem;
}

.tip-faq-item {
	padding: 1rem 0;
	border-bottom: 1px solid #e2e6ea;
}

.tip-faq-item:last-child {
	border-bottom: 0;
}

.tip-faq-q {
	margin: 0 0 0.5rem;
	font-size: 1.08rem;
	font-weight: 600;
}

.tip-faq-a p:last-child {
	margin-bottom: 0;
}

@media (max-width: 575px) {
	.tip-table-scroll > table {
		min-width: 28rem;
	}
}