html, body {
	margin: 0;
	background-color: #f5f7ee;
}

iframe {
	display: block;
	border: 0;
}

/* Formulaires Tally : largeur limitée, hauteur gérée par dynamicHeight */
.tally {
	width: 100%;
}

/* Embeds Notion : plein écran, le scroll se fait dans l'iframe.
   On ne peut pas cibler le header Notion en CSS (iframe cross-origin),
   donc on triche : l'iframe dépasse du conteneur de la hauteur du header
   et le conteneur rogne ce qui dépasse en haut. */
.notion-cadre {
	--header-notion: 45px;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
}

.notion {
	width: 100%;
	height: calc(100vh + var(--header-notion));
	height: calc(100dvh + var(--header-notion));
	margin-top: calc(-1 * var(--header-notion));
}

@media (min-width: 900px) {

	.tally {
		max-width: 700px;
		margin-inline: auto;
		margin-top: 50px;
	}

}

.repli {
	max-width: 700px;
	margin: 3rem auto;
	padding: 0 1.5rem;
	font-family: system-ui, sans-serif;
	text-align: center;
}

.repli a {
	color: #006464;
}