/* Pages editoriales fixes — « A propos » et FAQ.

   Meme gabarit que les pages legales, meme raison : ce sont des pages qu on
   lit d un bout a l autre, pas des tableaux de bord. Colonne etroite, sections
   detachees, hierarchie a deux niveaux et pas trois. */

/* LE CONTENEUR EST LA COLONNE DE LECTURE, et c est le correctif du 30 aout
   2026. Il valait 900 px pendant que le corps valait 74ch, soit 651 px : le
   titre et le chapeau occupaient toute la largeur, le texte seulement les deux
   tiers gauches, et le bloc entier se retrouvait decentre.

   Mesure avant correctif, a 1600 px de fenetre : 343 px de blanc a gauche du
   texte, 606 a droite. Son centre tombait 125 px a gauche du centre de la
   page. C est cela qu Arnaud a vu — « c est pas tres propre » — et non
   seulement le bord droit en drapeau.

   L article de connaissances, qu il donne pour reference, ne fait pas
   autrement : une seule colonne, centree, et tout dedans. Mesure apres :
   centre du texte a 793 px pour un centre de page a 800. */
.page-editorial {
    max-width: 74ch;
}

/* Plus de seconde colonne dans la premiere : le corps prend toute la largeur
   du conteneur, qui est deja la bonne. */
.editorial-body {
    max-width: none;
}

.editorial-body h2 {
    margin: 34px 0 12px;
    padding-top: 22px;
    border-top: 1px solid rgba(22, 24, 29, 0.12);
    font-size: 1.35rem;
    font-weight: 600;
    color: #16181d;
}

.editorial-body h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* Les questions de la FAQ. Elles se reperent en parcourant la page du pouce :
   elles sont donc plus lourdes que le corps, sans etre des titres de section. */
.editorial-body h3 {
    margin: 18px 0 4px;
    font-size: 1.05rem;
    font-weight: 600;
    color: #16181d;
}

/* Paragraphes justifies — retour d Arnaud du 30 aout 2026, capture annotee :
   il a trace au feutre le bord droit en drapeau de « A propos » et de la FAQ,
   avec « c est pas tres propre ».

   Le format n est pas invente ici : c est celui des articles de connaissances,
   qu il donne pour reference — « les articles, ils sont mieux ». Meme trio, et
   `hyphens` en fait partie : sans cesure, justifier un texte francais dans une
   colonne de 74 caracteres ecarte les mots au point de creuser des rivieres
   blanches, ce qui est pire que le drapeau qu on voulait corriger.

   `text-wrap: pretty` evite en plus la ligne orpheline d un seul mot en fin de
   paragraphe. */
/* 18 septembre 2026 : Arnaud, capture annotee de « A propos » — « ici les
   lignes sont un peu trop proches (le chapeau), et celles-la un peu trop
   eloignees (le corps) », et sur la FAQ « legerement plus compact ». Le corps
   passe de 1,7 a 1,55, le chapeau (`.page-lead`, knowledge.css) prend la meme
   valeur : un seul interligne de lecture sur tout le site. */
.editorial-body p {
    margin: 0 0 12px;
    line-height: 1.55;
    color: #333;
    text-align: justify;
    hyphens: auto;
    text-wrap: pretty;
}

.editorial-body strong {
    color: #16181d;
    font-weight: 600;
}

.editorial-body a {
    color: #16181d;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.editorial-body ul {
    margin: 0 0 12px;
    padding-left: 1.2em;
    line-height: 1.55;
    color: #333;
}

/* Une liste ne se justifie pas : ses lignes sont courtes et independantes, et
   les etirer produirait des trous au milieu d un item de trois mots. Meme
   regle que `knowledge.css`. */
.editorial-body li {
    text-align: left;
}

/* La regle telephone qui vivait ici — `.editorial-body { max-width: none }` —
   est partie avec le `max-width` qu elle levait : le corps ne se borne plus
   lui-meme. Sur un ecran etroit, 74ch depasse la largeur disponible et le
   conteneur se borne tout seul. */

/* SUR TELEPHONE, ON NE JUSTIFIE PLUS — 16 septembre 2026.
   Mesure a 390 px sur /a-propos avec le texte de D95 : « priorites,   afin
   de   renforcer   durablement », des rivieres d un tiers de ligne malgre
   `hyphens: auto` — Chrome ne coupe pas assez de mots francais pour remplir
   une colonne de 359 px. Le bord droit en drapeau se lit mieux que ca. Meme
   regle dans knowledge.css et legal.css. */
@media (max-width: 768px) {
    .editorial-body p {
        text-align: left;
    }
}