/* ── Pages légales (mentions + confidentialité) ───────────────── */

.lg-wrap {
  max-width: 760px;
  margin: 0 auto;
  padding: 3.5rem 2rem 4rem;
  flex: 1;
}

.lg-eyebrow {
  font-family: 'DM Mono', monospace;
  font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--text3);
}
.lg-title {
  font-size: clamp(28px, 4vw, 38px);
  font-weight: 600; letter-spacing: -0.03em; line-height: 1.15;
  margin: 0.5rem 0 0.8rem;
}
.lg-sub { font-size: 15px; color: var(--text2); line-height: 1.7; }
.lg-updated {
  font-family: 'DM Mono', monospace; font-size: 11.5px; color: var(--text3);
  margin-top: 1.2rem;
}

.lg-section { margin-top: 3rem; }
.lg-section h2 {
  font-size: 19px; font-weight: 600; letter-spacing: -0.02em;
  padding-bottom: 0.6rem; margin-bottom: 1.1rem;
  border-bottom: 1px solid var(--border);
}
.lg-section h3 {
  font-size: 14.5px; font-weight: 600; margin: 1.6rem 0 0.5rem;
}
.lg-section p { font-size: 14.5px; color: var(--text2); line-height: 1.75; margin-bottom: 0.9rem; }
.lg-section p strong { color: var(--text); font-weight: 500; }
.lg-section a { color: var(--blue); text-decoration: none; border-bottom: 1px solid var(--blue-bd); }
.lg-section a:hover { border-bottom-color: var(--blue); }
.lg-section ul { list-style: none; margin: 0 0 1rem; }
.lg-section li {
  position: relative; padding-left: 1.1rem; margin-bottom: 0.55rem;
  font-size: 14.5px; color: var(--text2); line-height: 1.7;
}
.lg-section li::before {
  content: "—"; position: absolute; left: 0; color: var(--text3);
}

/* Fiche d'identité : libellé / valeur */
.lg-rows {
  border: 1px solid var(--border); border-radius: var(--r2);
  background: var(--bg2); overflow: hidden;
}
.lg-row {
  display: grid; grid-template-columns: 190px 1fr; gap: 1rem;
  padding: 11px 16px; border-bottom: 1px solid var(--border);
}
.lg-row:last-child { border-bottom: none; }
.lg-row dt { font-size: 13px; color: var(--text2); }
.lg-row dd { font-size: 14px; color: var(--text); }
@media (max-width: 560px) {
  .lg-row { grid-template-columns: 1fr; gap: 2px; }
}

/* Champ que l'éditeur doit renseigner : impossible à publier sans le voir */
.lg-todo {
  font-family: 'DM Mono', monospace; font-size: 12px;
  color: var(--amber); background: var(--amber-bg);
  border: 1px dashed var(--amber-bd); border-radius: var(--r);
  padding: 1px 7px;
}

/* Encart de synthèse : ce que le site ne fait pas */
.lg-callout {
  background: var(--green-bg); border: 1px solid var(--green-bd);
  border-radius: var(--r2); padding: 1rem 1.25rem;
  margin-bottom: 1.2rem;
}
.lg-callout p { color: var(--text); margin-bottom: 0; }
.lg-callout p strong { color: var(--green); }

.lg-back {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 13px; color: var(--text2); text-decoration: none;
  margin-bottom: 1.8rem; transition: color 0.15s, gap 0.2s;
}
.lg-back::before { content: "←"; }
.lg-back:hover { color: var(--text); gap: 10px; }

@media (max-width: 640px) {
  .lg-wrap { padding: 2.5rem 1.2rem 3rem; }
}