/* Pages legales — mentions legales et politique de confidentialite.

   Un seul gabarit pour les deux. Elles n avaient aucune feuille propre jusqu au
   11 aout 2026 : elles heritaient du strict minimum de `.page-container`, et
   leurs mises en page avaient diverge au fil des ajouts. Comme on passe de
   l une a l autre par la barre du bas, l ecart se voyait a chaque aller-retour.

   Rien de decoratif ici. Un texte juridique se lit en colonne etroite, avec des
   sections detachees les unes des autres, et des donnees d identite qui doivent
   se reperer d un coup d oeil — c est ce qu on vient y chercher. */

/* LE CONTENEUR EST LA COLONNE DE LECTURE — correctif du 30 aout 2026, meme
   defaut que les pages editoriales et meme cause. Il valait 900 px pendant que
   chaque section valait 74ch : le titre prenait toute la largeur, le texte les
   deux tiers gauches, et le bloc entier penchait a gauche.

   Au-dela de 80 caracteres, l oeil perd sa ligne au retour chariot. La borne
   n a pas change ; elle est simplement portee par le conteneur, pour que le
   titre la respecte aussi. */
.page-legal {
    max-width: 74ch;
}

.page-legal section {
    margin: 0 0 28px;
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(22, 24, 29, 0.12);
}

.page-legal section:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.page-legal h2 {
    margin: 0 0 10px;
    font-size: 1.15rem;
    font-weight: 600;
    color: #16181d;
}

/* Paragraphes justifies — retour d Arnaud du 30 aout 2026 : « la politique de
   confidentialite, c est vraiment crado ». Meme format que les articles de
   connaissances, qu il donne pour reference, et meme raison pour `hyphens` :
   sans cesure, une colonne de 74 caracteres justifiee en francais ecarte les
   mots jusqu a creuser des rivieres blanches.

   Ces pages y gagnent plus que les autres : un texte juridique se lit en
   blocs denses, et un bord droit net aide a suivre la ligne. */
.page-legal p {
    margin: 0 0 10px;
    line-height: 1.65;
    color: #333;
    text-align: justify;
    hyphens: auto;
    text-wrap: pretty;
}

.page-legal p:last-child {
    margin-bottom: 0;
}

.page-legal ul {
    margin: 0 0 10px;
    padding-left: 1.2em;
    line-height: 1.65;
    color: #333;
}

/* Les droits RGPD sont une liste d items courts — « Droit d acces : obtenir
   confirmation… ». Les justifier ecarterait les mots d un item de six mots.
   Meme regle que `knowledge.css`. */
.page-legal li {
    margin-bottom: 6px;
    text-align: left;
}

/* Raison sociale, adresse, RCS, TVA : ce sont des donnees, pas de la prose.
   Elles se lisent en repere, donc en gras, sans etre criees. */
.page-legal strong {
    color: #16181d;
    font-weight: 600;
}

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

/* Cible tactile de 44 px sur telephone : un lien juridique se pointe au pouce
   comme les autres. */
.page-legal a {
    display: inline-block;
    min-height: 24px;
}

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

/* La mention de prévalence des traductions — D72, Sprint 17.

   **Elle se lit avant le texte, sans le concurrencer.** Un encadré d'alerte
   ferait croire à un avertissement de sécurité sur une page qui n'en porte
   pas ; un simple liseré et une taille légèrement réduite disent « ceci est un
   préambule » sans crier. */
.legal-prevalence {
    border-left: 3px solid rgba(0, 0, 0, 0.25);
    padding: 8px 0 8px 14px;
    margin: 0 0 28px;
    font-size: 0.92em;
    line-height: 1.55;
    opacity: 0.85;
}

.legal-prevalence a {
    white-space: nowrap;
}

/* 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 editorial.css. */
@media (max-width: 768px) {
    .page-legal p {
        text-align: left;
    }
}