/**
 * Frise chronologique "Histoire & origines" (page Association) : la
 * maquette la dessine en grille CSS 3 colonnes (desktop, horizontale par
 * design — aucune variante mobile côté maquette). Rebasculée ici en
 * disposition verticale sous 699px, à la demande explicite — ligne et
 * points réordonnés via flexbox + `order` (classes --N ajoutées au seed
 * par evd_tag_history_timeline(), le HTML scrapé n'a que du style inline,
 * aucun autre repère stable).
 */
@media (max-width: 699px) {
	.ev-timeline {
		display: flex !important;
		flex-direction: column !important;
	}
	.ev-timeline__line {
		display: none !important;
	}
	.ev-timeline__dot {
		position: relative !important;
		place-self: unset !important;
		align-self: flex-start !important;
		flex: 0 0 auto;
	}
	.ev-timeline__above,
	.ev-timeline__below {
		align-self: unset !important;
		text-align: left !important;
		align-items: flex-start !important;
		padding: 4px 0 24px 24px;
		position: relative;
	}
	.ev-timeline__above::before,
	.ev-timeline__below::before {
		content: "";
		position: absolute;
		left: 6px;
		top: 0;
		bottom: 0;
		width: 1px;
		background: rgb(0, 0, 0);
	}
	.ev-timeline__below--3 {
		padding-bottom: 0;
	}
	.ev-timeline__below--3::before {
		display: none;
	}

	.ev-timeline__dot--1 { order: 1; }
	.ev-timeline__above--1 { order: 2; }
	.ev-timeline__below--1 { order: 3; }
	.ev-timeline__dot--2 { order: 4; }
	.ev-timeline__above--2 { order: 5; }
	.ev-timeline__below--2 { order: 6; }
	.ev-timeline__dot--3 { order: 7; }
	.ev-timeline__above--3 { order: 8; }
	.ev-timeline__below--3 { order: 9; }
}