/**----------------------------------------------------------------------------
* Credit:Théophile Megny-Marquet|Artificial Psychology Intelligence Project|2026.
* Politique de confidentialité — règles petit écran.
* En desktop, la photo fixe la hauteur du conteneur et l'encart défile dedans.
* En mobile cette mécanique s'effondre : la photo, calculée sur la largeur,
* devient trop courte pour contenir quoi que ce soit. On l'y renonce donc :
* la photo redevient un simple fond, et c'est la page qui défile.
----------------------------------------------------------------------------**/

@media (max-width: 640px) {

  #pageWrapper {
    --pp-header-h: 51px;    /* même header qu'en desktop */
    /* En portrait, la photo à son ratio ne ferait qu'une mince bande :
       on la laisse remplir la zone, quitte à la recadrer. */
    height: calc(100vh - var(--pp-header-h));
    background-size: 100% 100%, cover;
  }

  section {
    width: 88%;
    padding: 20px;
    font-size: 0.95em;
  }
}