/* Participant Timeline — assorti au modèle de programme « Timeline ». */
.epm-plist.epm-pt-program-timeline .epm-plist__grid {
	gap: 0 var(--epm-pp-gap, 48px);
}

.epm-plist.epm-pt-program-timeline .epm-ptl {
	position: relative;
	display: flex;
	gap: 18px;
	align-items: center;
	padding: 22px 4px;
	border-bottom: 1px solid var(--epm-pp-border, #e6e8ef);
}

.epm-plist.epm-pt-program-timeline .epm-ptl::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 0;
	height: 3px;
	background: var(--epm-pp-accent);
	transition: width .3s ease;
}

.epm-plist.epm-pt-program-timeline .epm-ptl:hover::after {
	width: 100%;
}

.epm-plist.epm-pt-program-timeline .epm-pp__photo {
	flex: none;
	width: var(--epm-pp-photo, 72px);
}

.epm-plist.epm-pt-program-timeline .epm-pp__badges {
	display: none;
}

.epm-plist.epm-pt-program-timeline .epm-ptl__text {
	display: grid;
	flex: 1;
	gap: 2px;
	min-width: 0;
}

.epm-plist.epm-pt-program-timeline .epm-ptl__name {
	color: var(--epm-pp-name, #1f2a44);
	font-size: var(--epm-pp-name-size, 20px);
	font-weight: 700;
}

.epm-plist.epm-pt-program-timeline .epm-ptl__role {
	color: var(--epm-pp-role, #6b7280);
	font-size: var(--epm-pp-role-size, 15px);
}

.epm-plist.epm-pt-program-timeline .epm-ptl__org {
	flex: none;
	max-width: 40%;
	padding: 6px 12px;
	border-radius: 6px;
	background: color-mix(in srgb, var(--epm-pp-accent) 10%, #fff);
	color: var(--epm-pp-org, var(--epm-pp-accent));
	font-size: 14px;
	font-weight: 600;
}

@container epmpeople (max-width: 560px) {
	.epm-plist.epm-pt-program-timeline .epm-ptl {
		flex-wrap: wrap;
	}

	.epm-plist.epm-pt-program-timeline .epm-ptl__text {
		flex: 1 1 calc(100% - var(--epm-pp-photo, 72px) - 18px);
	}

	.epm-plist.epm-pt-program-timeline .epm-ptl__org {
		flex: 1 1 auto;
		max-width: calc(100% - var(--epm-pp-photo, 72px) - 18px);
		overflow-wrap: anywhere;
		margin-left: calc(var(--epm-pp-photo, 72px) + 18px);
	}
}