/* ──────────────────────────────────────────────────────────────────────────
   Pages légales — mentions, confidentialité, conditions.

   Un texte légal se lit mal ; autant ne pas l'aggraver. Une seule colonne
   étroite, une hiérarchie franche, des tableaux qui tiennent sur un téléphone,
   et une mise en page qui s'imprime : c'est le genre de page qu'on transmet à
   un juriste ou à un service achats en PDF.
   ────────────────────────────────────────────────────────────────────────── */

body.lg{background:#fff;color:#111}

.lg-top{display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;border-bottom:1px solid var(--line);padding:18px 40px}
.lg-top .lp-logo{color:#111;text-decoration:none}
.lg-nav{display:flex;flex-wrap:wrap;gap:20px;font-size:13.5px}
.lg-nav a{color:var(--text);text-decoration:none}
.lg-nav a:hover{color:#111;text-decoration:underline}

.lg-page{max-width:760px;margin:0 auto;padding:46px 40px 70px}
.lg-page h1{font-family:var(--display);font-weight:700;letter-spacing:-.01em;
  font-size:clamp(26px,3.4vw,34px);margin:0 0 22px;text-wrap:balance}
.lg-page h2{font-family:var(--display);font-weight:700;font-size:19px;
  margin:44px 0 12px;padding-top:18px;border-top:1px solid var(--line);text-wrap:balance}
.lg-page h3{font-family:var(--display);font-weight:700;font-size:15.5px;margin:26px 0 8px}
.lg-page p,.lg-page li{font-size:15px;line-height:1.7;color:var(--text)}
.lg-page strong{color:#111}
.lg-page a{color:#1A5CFF}
.lg-page ul{padding-left:20px}
.lg-page li{margin-bottom:8px}

.lg-chapo{font-size:16.5px;line-height:1.65;color:#111;border-left:3px solid var(--pink);
  padding-left:18px;margin:0 0 30px}

.lg-alerte{background:#FDF3F6;border-left:3px solid var(--pink);padding:14px 16px;
  font-size:14.5px;line-height:1.6;margin:0 0 28px}
.lg-alerte code{font-family:"Space Mono",ui-monospace,monospace;font-size:13px}
/* Un trou dans une mention légale doit se voir : c'est une page publique, et un
   champ vide y est une infraction, pas un détail de présentation. */
.legal-trou{font-style:normal;background:#FDE7ED;color:var(--pink-deep);
  padding:1px 7px;font-size:13.5px;white-space:nowrap}

.lg-dl{margin:16px 0 0;display:grid;grid-template-columns:minmax(150px,auto) 1fr;
  gap:10px 24px}
.lg-dl dt{font-weight:700;color:#111;font-size:14.5px}
.lg-dl dd{margin:0;font-size:15px;line-height:1.6;color:var(--text)}

.lg-bloc{background:#F6F7F8;padding:14px 16px;margin:12px 0}

.lg-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.lg-table th,.lg-table td{border:1px solid var(--line);padding:10px 12px;
  text-align:left;vertical-align:top;line-height:1.55}
.lg-table th{background:#F6F7F8;font-family:var(--display);font-weight:700;
  font-size:13.5px;color:#111}
.lg-table td{color:var(--text)}

.lg-maj{margin-top:46px;padding-top:18px;border-top:1px solid var(--line);
  font-size:13px;color:var(--muted)}

.lg-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;border-top:1px solid var(--line);max-width:760px;margin:0 auto;
  padding:22px 40px 50px;font-size:13.5px}
.lg-foot nav{display:flex;flex-wrap:wrap;gap:10px 20px}
.lg-foot a{color:var(--text)}
.lg-dlb{color:var(--muted);text-decoration:none;letter-spacing:.02em}
.lg-dlb:hover{color:#111;text-decoration:underline}

@media (max-width:640px){
  .lg-top,.lg-page,.lg-foot{padding-left:20px;padding-right:20px}
  .lg-page{padding-top:32px}
  .lg-dl{grid-template-columns:1fr;gap:2px 0}
  .lg-dl dd{margin-bottom:12px}
  /* Un tableau de trois colonnes ne rentre pas dans 390 px : il défile dans son
     propre cadre plutôt que de faire glisser toute la page. */
  .lg-table{display:block;overflow-x:auto;white-space:normal}
  .lg-table th,.lg-table td{min-width:130px}
}

@media print{
  .lg-top,.lg-foot,.lg-nav{display:none}
  .lg-page{max-width:none;padding:0}
  .lg-page a{color:#111;text-decoration:none}
  .lg-page h2{break-after:avoid}
  .lg-table{font-size:11pt}
}