/* Participant Dark — assorti au modèle « Timeline colorée » (fond sombre). */
.epm-plist.epm-pt-program-dark {
	padding: clamp(18px, 4.5vw, 64px);
	border-radius: var(--epm-pp-radius, 24px);
	background: var(--epm-pp-surface, radial-gradient(120% 90% at 50% 0%, #22306e 0%, #141d47 55%, #0f1738 100%));
	color: var(--epm-pp-text, rgba(255, 255, 255, .85));
}

.epm-plist.epm-pt-program-dark .epm-pd {
	display: flex;
	gap: 18px;
	align-items: center;
	padding: 22px;
	border-radius: 16px 56px 16px 16px;
	background: linear-gradient(135deg, color-mix(in srgb, var(--epm-pp-accent) 88%, #fff), color-mix(in srgb, var(--epm-pp-accent) 80%, #000));
	box-shadow: var(--epm-pp-shadow, 0 18px 40px -20px color-mix(in srgb, var(--epm-pp-accent) 70%, #000));
	transition: transform .25s ease;
}

.epm-plist.epm-pt-program-dark .epm-pd:hover {
	transform: translateY(-4px);
}

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

.epm-plist.epm-pt-program-dark .epm-pp__media {
	border: 3px solid #fff;
}

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

.epm-plist.epm-pt-program-dark .epm-pd__text {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.epm-plist.epm-pt-program-dark .epm-badge--inline {
	background: rgba(255, 255, 255, .2);
	color: #fff;
}

.epm-plist.epm-pt-program-dark .epm-pd__name {
	color: var(--epm-pp-name, #fff);
	font-size: var(--epm-pp-name-size, 20px);
	font-weight: 800;
	line-height: 1.2;
}

.epm-plist.epm-pt-program-dark .epm-pd__role {
	color: var(--epm-pp-role, rgba(255, 255, 255, .88));
	font-size: var(--epm-pp-role-size, 15px);
}

.epm-plist.epm-pt-program-dark .epm-pd__org {
	color: var(--epm-pp-org, rgba(255, 255, 255, .72));
	font-size: 13px;
	font-weight: 600;
}

.epm-plist.epm-pt-program-dark .epm-plist__more,
.epm-plist.epm-pt-program-dark .epm-plist__page {
	border-color: rgba(255, 255, 255, .5);
	background: transparent;
	color: #fff;
}

.epm-plist.epm-pt-program-dark :is(.epm-plist__status, .epm-plist__empty) {
	color: inherit;
}

@container epmpeople (max-width: 420px) {
	.epm-plist.epm-pt-program-dark .epm-pd {
		flex-direction: column;
		align-items: flex-start;
		border-radius: 16px 40px 16px 16px;
	}
}