/**
 * Pages de texte long (politique de confidentialité, mentions).
 */

.epiona-prose-page {
	padding: 96px var(--e-gutter) 118px;
}

.epiona-prose-page__title {
	font-family: var(--e-serif);
	font-size: 54px;
	font-weight: 300;
	line-height: 1.08;
	margin: 24px 0 46px;
}

.epiona-prose-page .epiona-prose h2 {
	font-family: var(--e-serif);
	font-size: 28px;
	font-weight: 400;
	margin: 46px 0 18px;
}

.epiona-prose-page .epiona-prose :is(p, li) {
	font-size: 15px;
	line-height: 1.9;
	color: var(--e-text-muted);
}

.epiona-prose-page .epiona-prose > * + * {
	margin-top: 18px;
}

@media (max-width: 900px) {
	.epiona-prose-page {
		padding: 44px var(--e-gutter) 56px;
	}

	.epiona-prose-page__title {
		font-size: 32px;
		margin: 16px 0 28px;
	}

	.epiona-prose-page .epiona-prose h2 {
		font-size: 23px;
		margin-top: 34px;
	}
}

/* ---------------------------------------------------------------------------
   Pages de service et de ville

   Meme grille que les pages de texte long, avec une hierarchie de titres plus
   fournie : ces pages ont des H3 sous leurs H2, ce que les mentions legales
   n'ont pas.
   --------------------------------------------------------------------------- */

.epiona-prose-page--service {
	padding-top: 54px;
}

.epiona-prose-page--service .epiona-prose h3 {
	font-family: var(--e-sans);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--e-text);
	margin: 30px 0 10px;
}

/* Le chapeau ouvre la page : plus grand que le corps, sans etre un titre. */
.epiona-prose-page--service .epiona-prose .epiona-chapo {
	font-size: 18px;
	line-height: 1.7;
	color: var(--e-text);
	margin-bottom: 30px;
}

@media (max-width: 900px) {
	.epiona-prose-page--service {
		padding-top: 28px;
	}

	.epiona-prose-page--service .epiona-prose .epiona-chapo {
		font-size: 16px;
	}
}