/* =====================================================================
   css/modules/page.css — Pages d'information, côté salariés

   La mise en forme du texte lui-même vit dans contenu.css (classe
   .irp-contenu), partagée avec tous les contenus rédigés dans l'éditeur.
   Cette feuille ne porte que l'habillage de la page : fil d'Ariane,
   en-tête, largeur de lecture.

   Sommaire
     1. Article
     2. Fil d'Ariane et en-tête
     3. Bandeau d'aperçu
   ===================================================================== */

/* =====================================================================
   1. ARTICLE
   ===================================================================== */

/* Le texte occupe TOUTE la largeur du site (1280 px au plus, fixés par
   .irp-container).

   Une colonne étroite se lit mieux ligne à ligne — c'est ce qui était fait
   ici, à 72 caractères — mais une page courte se retrouvait alors perdue
   dans un grand vide, et le site paraissait plus petit qu'il n'est. Le CSE
   a tranché pour la pleine largeur : ses pages portent souvent des
   paragraphes courts, des listes et des tableaux, qui s'accommodent mal
   d'une colonne étroite.

   Ce qui doit rester étroit l'est individuellement, pas par la page : un
   encart de lien garde ses 36 rem (contenu.css), un tableau défile dans
   son conteneur. */

/* Un tableau ou un bloc de code plus large que la colonne défile dans son
   propre conteneur : la page, elle, ne défile jamais horizontalement. */
.page-corps {
  overflow-wrap: anywhere;
}

/* =====================================================================
   2. FIL D'ARIANE ET EN-TÊTE
   ===================================================================== */

.page-fil {
  margin-bottom: 0.5rem;
}

.page-fil .breadcrumb {
  margin-bottom: 0;
  font-size: 0.8125rem;
}

.page-entete {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--irp-border);
}

.page-titre {
  margin: 0;
  font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

/* =====================================================================
   3. BANDEAU D'APERÇU
   ===================================================================== */

.page-apercu {
  margin-bottom: 1.5rem;
}