/* =========================================================================
   landing.css — styles PARTAGÉS par toutes les pages de présentation (.lp)
   Chargé uniquement sur le template "Landing" (voir inc/landing.php).

   Le design propre à CHAQUE page vit dans son partial
   (parts/landing/{slug}.php), scopé sous .lp--{slug}.
   Ce fichier ne contient que le socle commun + un léger reset d'isolation,
   pour que la typo/les marges d'Astra ne se battent pas avec le HTML importé.
   ========================================================================= */

/* --- Isolation : le conteneur Landing repart d'une base neutre --- */
.lp {
	/* Variables réutilisables dans les partials si besoin. */
	--lp-max: 1200px;
	--lp-gutter: 1.5rem;
}

/* Astra applique des marges/typo au contenu ; on neutralise dans .lp
   pour que le HTML Claude Design contrôle son propre rendu. */
.lp :where(h1, h2, h3, h4, p, ul, ol, figure) {
	margin: 0;
}

.lp img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Utilitaire de centrage si une page veut un conteneur classique. */
.lp .lp-container {
	max-width: var(--lp-max);
	margin-inline: auto;
	padding-inline: var(--lp-gutter);
}