/* ═══════════════════════════════════════════════════════════════════
   PAGES LÉGALES — le confort de lecture avant tout.
   Ces pages font 16 000 à 40 000 caractères : la mesure de ligne, la
   respiration entre articles et un sommaire qui ne bouge pas comptent
   plus que n'importe quel effet. Registre du site : papier, brun,
   champagne — jamais le noir/crème austère.
   ═══════════════════════════════════════════════════════════════════ */
.page-legale{background:var(--papier,#FAF8F4)}

.lg{max-width:1180px; margin:0 auto; padding:0 22px 90px}

/* ⚠️ La capsule de navigation du thème FLOTTE au-dessus du contenu : avec un
   simple padding de 56 px, elle recouvrait le h1. La marge haute doit la
   dégager entièrement — constaté en production le 09/09. */
.lg-tete{padding:clamp(112px,13vw,148px) 0 30px; border-bottom:1px solid var(--filet,#E0DCD1);
  margin:0 0 38px}
.lg-tete h1{font:400 clamp(2rem,5vw,3.1rem)/1.12 "Archivo",sans-serif; letter-spacing:-.025em;
  margin:0 0 12px; color:var(--encre,#17150F); text-wrap:balance}
.lg-maj{margin:0; font-size:.86rem; color:var(--gris,#8A8578)}

.lg-corps{display:grid; grid-template-columns:262px minmax(0,1fr); gap:52px; align-items:start}
.lg-corps.lg-seul{grid-template-columns:minmax(0,1fr)}

/* ── Le sommaire ─────────────────────────────────────────────────── */
.lg-somm{position:sticky; top:124px; max-height:calc(100vh - 130px); overflow:auto;
  padding:0 8px 0 0}
.lg-somm summary{font:500 .72rem/1 "Archivo",sans-serif; letter-spacing:.18em;
  text-transform:uppercase; color:var(--brun,#8A6A45); cursor:pointer; padding:0 0 14px;
  list-style:none}
.lg-somm summary::-webkit-details-marker{display:none}
.lg-somm ol{list-style:none; margin:0; padding:0; border-left:1px solid var(--filet,#E0DCD1)}
.lg-somm li{margin:0}
.lg-somm a{display:block; padding:7px 0 7px 15px; margin-left:-1px;
  border-left:2px solid transparent; font-size:.87rem; line-height:1.35;
  color:var(--encre2,#4E4A3F); text-decoration:none}
.lg-somm a:hover{color:var(--brun,#8A6A45); border-left-color:var(--champagne,#C9A876)}
.lg-somm .lg-n3 a{padding-left:26px; font-size:.82rem; color:var(--gris,#8A8578)}

/* ── Le texte ────────────────────────────────────────────────────── */
.lg-texte{max-width:74ch; color:var(--encre2,#4E4A3F); font-size:1.02rem; line-height:1.72}
.lg-texte > *:first-child{margin-top:0}
.lg-texte h2{font:400 clamp(1.45rem,3vw,1.95rem)/1.2 "Archivo",sans-serif; letter-spacing:-.02em;
  color:var(--encre,#17150F); margin:62px 0 16px; padding-top:14px; scroll-margin-top:124px}
.lg-texte h3{font:500 1.08rem/1.35 "Archivo",sans-serif; color:var(--encre,#17150F);
  margin:38px 0 12px; scroll-margin-top:124px}
.lg-texte h4{font:500 .98rem/1.4 "Archivo",sans-serif; color:var(--encre,#17150F); margin:26px 0 10px}
.lg-texte p{margin:0 0 17px}
.lg-texte ul,.lg-texte ol{margin:0 0 19px; padding-left:22px}
.lg-texte li{margin:0 0 9px}
.lg-texte strong,.lg-texte b{color:var(--encre,#17150F); font-weight:500}
.lg-texte a{color:var(--brun,#8A6A45); text-underline-offset:3px}
.lg-texte hr{border:0; border-top:1px solid var(--filet,#E0DCD1); margin:44px 0}
.lg-texte table{width:100%; border-collapse:collapse; margin:0 0 22px; font-size:.92rem;
  display:block; overflow-x:auto}
.lg-texte th,.lg-texte td{border:1px solid var(--filet,#E0DCD1); padding:10px 12px; text-align:left}
.lg-texte th{background:var(--lin,#F6F2E9); font-weight:500; color:var(--encre,#17150F)}
.lg-texte blockquote{margin:0 0 20px; padding:14px 18px; background:var(--lin,#F6F2E9);
  border-radius:14px; border:1px solid var(--filet,#E0DCD1)}
.lg-texte blockquote p:last-child{margin:0}

/* ── Le pied ─────────────────────────────────────────────────────── */
.lg-pied{margin:70px 0 0; padding:26px 0 0; border-top:1px solid var(--filet,#E0DCD1);
  color:var(--gris,#8A8578); font-size:.88rem}
.lg-pied p{margin:0 0 8px}
.lg-pied a{color:var(--brun,#8A6A45)}
.lg-liens a{margin:0 2px}

@media(max-width:900px){
  .lg-corps{grid-template-columns:minmax(0,1fr); gap:26px}
  /* Sur un téléphone, un sommaire collant mange l'écran : il se replie et
     redevient un simple bloc en tête de page. */
  .lg-somm{position:static; max-height:none; padding:0;
    background:#fff; border:1px solid var(--filet,#E0DCD1); border-radius:16px; padding:16px 18px}
  .lg-somm summary{padding:0}
  .lg-somm details[open] summary{padding-bottom:14px}
  .lg-texte{max-width:none}
}