.prisme-loc-wrap { font-family: var(--prisme-font); display: flex; flex-direction: column; gap: 24px; max-width: 760px; }
.prisme-loc-section { padding: 32px; }
.prisme-loc-section h2 { font-size: 20px; margin: 0 0 12px; color: var(--prisme-texte, #FFFFFF); }
.prisme-loc-section > p { font-size: 15px; line-height: 1.7; color: var(--prisme-texte-att, #A9A9B4); margin: 0 0 16px; }

/* Responsive — jeu de seuils unique du projet : 480 / 640 / 768 / 1024 (mobile d'abord, 320 px minimum).
   Ajouté en fin de feuille : il complète les règles ci-dessus sans les réécrire. */
@media (max-width: 768px) { .prisme-loc-section { padding: 24px; } }
@media (max-width: 640px) { .prisme-loc-section { padding: 24px 16px; } }

/* Grand écran (ordinateur, iPad en paysage) : la page profite de la largeur disponible */
@media (min-width: 1024px) {
	.prisme-loc-wrap { max-width: 960px; }
}