/* ===========================================================================
   PAGE « FONCTIONNALITÉS » (module `fonctionnalites`, mission « visibilité »,
   01/10/2026). Chargée après `a-propos.css`, dont elle reprend le ton : un
   texte qui se lit, des captures qui s'y insèrent. Que des jetons.
   =========================================================================== */

/* Les titres des captures : même taille que les sous-titres d'« À propos ». */
.fonctionnalites h2 {
  font-size: var(--tab-taille-moyenne, 1.125rem);
  margin-block: var(--tab-espace-4, 64px) var(--tab-espace-1, 8px);
}
.fonctionnalites h3 {
  font-size: var(--tab-taille-base, 1rem);
  margin-block: var(--tab-espace-3, 32px) var(--tab-espace-1, 8px);
}
.fonctionnalites p { line-height: var(--tab-interligne, 1.55); }

/* Une capture : cadre léger, coins arrondis, ombre douce, comme un encadré
   de l'application. La largeur suit la colonne ; la hauteur suit l'image
   (largeur et hauteur déclarées dans la balise réservent la place). */
.fonction__capture {
  margin: var(--tab-espace-2, 16px) 0 0;
  border: var(--tab-trait, 1px) solid var(--tab-bordure, #D9D9D4);
  border-radius: var(--tab-rayon, 10px);
  box-shadow: var(--tab-ombre-douce, 0 1px 2px rgba(17, 17, 17, 0.06));
  overflow: hidden;
  background: var(--tab-surface, #FFFFFF);
}
.fonction__capture img { display: block; width: 100%; height: auto; }

/* Les captures en hauteur (le PDF, la signature) : plus étroites, centrées,
   pour ne pas occuper trois écrans de téléphone. */
.fonction__capture--portrait {
  max-width: 26rem;
  margin-inline: auto;
}