/*
 * La location longue durée — issue #52. Balisage : inc/longue-duree.php.
 * Étapes et formulaire (pel-pro-form, variante --longue-duree) : css/pro.css ;
 * bandeau de fin : css/elements.css.
 *
 * Surtitre en encre douce, pas en bronze (4,45:1 sur sable), comme les autres
 * pages des publics.
 */

.pel-longue-duree__surtitre {
	margin: var(--pel-space-s) 0;
	color: var(--pel-encre-douce);
	font-size: var(--pel-fs-small);
	font-weight: 600;
	letter-spacing: var(--pel-capitales);
	text-transform: uppercase;
}

.pel-longue-duree__titre {
	max-width: calc(var(--pel-container) * 0.7);
	margin: 0 0 var(--pel-space-s);
	font-size: var(--pel-fs-display);
	line-height: var(--pel-lh-titre);
}

.pel-longue-duree__chapo {
	max-width: calc(var(--pel-container) * 0.55);
	margin: 0 0 var(--pel-space-m);
	color: var(--pel-encre-douce);
	line-height: var(--pel-lh-texte);
}

.pel-longue-duree__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--pel-space-xs);
	margin: 0;
}

.pel-longue-duree__demande {
	max-width: calc(var(--pel-container) * 0.6);
}

/* « Ce que comprend la location » (#148), détaché des étapes. */
.pel-longue-duree__conditions {
	max-width: calc(var(--pel-container) * 0.6);
	margin-top: var(--pel-space-xl);
}