/* La seule page au registre plus ludique : couleurs plus chaudes, formes plus rondes.
   Elle reste sobre dans sa structure : c'est un parent qui la lit. */
.page-maternelle { --rayon-carte: 28px; }
.entete-maternelle { background: var(--peche); color: var(--encre); }
.entete-maternelle h1 { color: var(--bleu); }
.entete-maternelle .chapeau { color: var(--encre); }
.entete-maternelle .fil ol { color: var(--doux); }
.entete-maternelle .fil a { color: var(--bleu); }
.entete-maternelle .entete-page-photo img { border-radius: 50% 50% 28px 28px; outline-color: var(--mandarine); aspect-ratio: 1; }
.section-maternelle { background: var(--peche); }
.section-maternelle .carte-niveau { --fond-carte: #fff; }
.bulles-faits { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; padding: 0; list-style: none; }
.bulles-faits li { display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1; padding: 22px; border-radius: 50%; text-align: center; background: var(--sable-clair); color: var(--doux); font-size: .92rem; line-height: 1.3; }
.bulles-faits li:nth-child(1), .bulles-faits li:nth-child(4) { background: var(--peche); }
.bulles-faits strong { display: block; font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 900; color: var(--bleu); margin-bottom: 4px; }
.cartes-rondes .carte { border: 0; background: var(--sable-clair); }
.cartes-rondes .carte-icone { background: var(--mandarine); color: var(--encre); }
.photo-ronde img { border-radius: 50% 50% var(--rayon-bloc) var(--rayon-bloc) !important; aspect-ratio: 1 !important; }
.cnv-mini { display: flex; gap: 12px; margin-top: 20px; padding: 18px; border-radius: 20px; background: #fff; }
.cnv-mini .ico { color: var(--mandarine); width: 28px; height: 28px; }
@media (max-width: 560px) { .bulles-faits li { aspect-ratio: auto; border-radius: 24px; } }