/* ============================================================
   DESSIGNE — pages légales (mentions légales, confidentialité)
   ------------------------------------------------------------
   Le handoff livrait ces deux pages en HTML nu, hors charte, avec
   leur propre <style>. On les remet dans le thème : même en-tête,
   même pied de page, même typographie que le reste du site.

   Préfixe « lg- ». Ces deux pages ouvrent sur fond clair : elles
   sont déjà listées dans dessigne_has_dark_hero() côté PHP, la nav
   démarre donc en mode paper et non en surimpression.
   ============================================================ */

.lg {
  background: var(--paper);
  /* La nav est en position fixe et ces deux pages n'ont pas de hero pour
     passer dessous : c'est la section qui dégage la hauteur, comme le fait
     .intro sur la page Agence. Sans ça, le sur-titre passe sous la nav. */
  padding: calc(var(--nav-h) + clamp(34px, 4vw, 56px)) clamp(22px, 6vw, 80px) clamp(72px, 9vw, 140px);
}
.lg__inner { max-width: 820px; margin: 0 auto; }

/* ---------- En-tête ---------- */
.lg__head { margin-bottom: clamp(40px, 5vw, 64px); }
.lg__eyebrow {
  font-family: var(--sans);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--gold);
  display: block;
  margin-bottom: 18px;
}
.lg__title {
  font-family: var(--serif);
  font-size: clamp(34px, 4.4vw, 56px);
  font-weight: 300;
  color: var(--ink);
  letter-spacing: -0.01em;
  line-height: 1.1;
  margin: 0;
}
.lg__rule { width: 48px; height: 1px; background: var(--gold); opacity: .6; margin: 24px 0 0; }
.lg__maj {
  font-family: var(--sans);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .04em;
  color: rgba(38, 36, 33, .45);
  margin: 20px 0 0;
}

/* ---------- Corps ---------- */
.lg__section { margin-bottom: 44px; }
.lg__section:last-child { margin-bottom: 0; }

/* Titre de partie romaine (I, II, III…) : un cran au-dessus des autres */
.lg__h2 {
  font-family: var(--serif);
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 400;
  color: var(--ink);
  letter-spacing: -0.01em;
  line-height: 1.25;
  margin: 0 0 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(38, 36, 33, .1);
}
.lg__h3 {
  font-family: var(--sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--burg);
  margin: 0 0 14px;
  line-height: 1.5;
}
/* un sous-titre qui suit un paragraphe a besoin d'air au-dessus */
.lg__section > * + .lg__h3 { margin-top: 34px; }

.lg p,
.lg li {
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 300;
  color: rgba(38, 36, 33, .72);
  line-height: 1.8;
}
.lg p { margin: 0 0 16px; }
.lg p:last-child { margin-bottom: 0; }
.lg__coord p { line-height: 1.9; }

.lg ul { list-style: none; padding: 0; margin: 0 0 16px; }
.lg li { position: relative; padding-left: 22px; margin-bottom: 9px; }
.lg li::before {
  content: '\2014';
  position: absolute;
  left: 0;
  color: var(--gold);
  font-size: 11px;
  line-height: 1.8;
}
.lg ul:last-child { margin-bottom: 0; }

.lg a { color: var(--rouge); text-decoration: none; border-bottom: 1px solid rgba(114, 20, 12, .3); transition: border-color .2s ease; }
.lg a:hover { color: var(--burg); border-bottom-color: var(--burg); }

/* Encadré d'identité (éditeur, hébergeur, responsable des données) */
.lg__carte {
  background: var(--p2);
  border-left: 2px solid var(--gold);
  border-radius: 0 6px 6px 0;
  padding: 26px 30px;
  margin: 0 0 16px;
}
.lg__carte p:last-child { margin-bottom: 0; }

/* ---------- Retour ---------- */
.lg__retour { margin-top: clamp(48px, 6vw, 72px); }

/* ---------- Mobile ---------- */
@media (max-width: 860px) {
  .lg p, .lg li { font-size: 14px; line-height: 1.75; }
  .lg__section { margin-bottom: 34px; }
  .lg__carte { padding: 20px 22px; }
  .lg__h3 { font-size: 12px; }
}