/* ═══════════════════════════════════════════════════════════════
   LEGAL.CSS — Pages mentions légales / confidentialité
═══════════════════════════════════════════════════════════════ */
.lg-nav{
  position:sticky;top:0;z-index:90;height:66px;
  display:flex;align-items:center;justify-content:space-between;
  padding-inline:var(--gutter);
  background:color-mix(in srgb, var(--paper-100) 90%, transparent);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid var(--border);
}
.lg-nav__logo{display:flex;align-items:center;gap:.55rem}
.lg-nav__logo img{height:28px;width:auto}
.lg-nav__logo b{font-family:var(--ff-display);font-weight:600;font-size:.98rem;letter-spacing:var(--tr-tight)}
.lg-nav__logo b span{color:var(--brand)}
.lg-nav__logo b sup{font-family:var(--ff-mono);font-size:.5em;color:var(--text-3);top:-.7em}

.lg-head{
  padding:clamp(2.5rem,5vw,4rem) var(--gutter) clamp(1.75rem,3vw,2.5rem);
  border-bottom:1px solid var(--border);background:var(--bg);
  position:relative;overflow:hidden;
}
.lg-head::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 65% 80% at 22% 45%,#000 5%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse 65% 80% at 22% 45%,#000 5%,transparent 76%);
}
.lg-head__in{position:relative;z-index:1;max-width:52rem;margin-inline:auto}
.lg-head h1{font-size:clamp(1.9rem,1.4rem + 2.2vw,3rem);margin:1rem 0 .75rem}
.lg-head p{font-family:var(--ff-mono);font-size:var(--fs-note);color:var(--text-3);letter-spacing:var(--tr-mono)}

.lg-body{
  max-width:52rem;margin-inline:auto;
  padding:clamp(2rem,4vw,3.5rem) var(--gutter) clamp(3rem,6vw,5rem);
  background:var(--surface);
}
.lg-body h2{
  font-size:var(--fs-h3);margin:2.5rem 0 .9rem;
  padding-top:1.5rem;border-top:1px solid var(--border);
}
.lg-body h2:first-child{margin-top:0;padding-top:0;border-top:none}
.lg-body h3{font-size:var(--fs-lg);margin:1.5rem 0 .5rem}
.lg-body p,.lg-body li{font-size:var(--fs-base);line-height:var(--lh-loose);color:var(--text-2)}
.lg-body p{margin-bottom:.9rem}
.lg-body ul{margin:0 0 1.1rem;display:flex;flex-direction:column;gap:.45rem}
.lg-body li{padding-left:1.1rem;position:relative}
.lg-body li::before{content:'';position:absolute;left:0;top:.85em;width:6px;height:1px;background:var(--text-3)}
.lg-body a{color:var(--brand);text-decoration:underline;text-underline-offset:3px}
.lg-body dl{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:.6rem 1.5rem;margin-bottom:1.2rem}
.lg-body dt{font-family:var(--ff-mono);font-size:var(--fs-note);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--text-3);padding-top:.25rem}
.lg-body dd{font-size:var(--fs-base);color:var(--text)}
@media(max-width:640px){.lg-body dl{grid-template-columns:1fr;gap:.2rem 0}.lg-body dd{margin-bottom:.7rem}}

/* Encadré « à compléter » */
.todo{
  border:1px dashed rgba(168,118,12,.5);
  background:rgba(168,118,12,.06);
  border-radius:var(--r-sm);
  padding:1rem 1.15rem;margin:1.2rem 0;
}
.todo strong{color:var(--warning);display:block;margin-bottom:.35rem;
  font-family:var(--ff-mono);font-size:var(--fs-note);letter-spacing:var(--tr-wide);text-transform:uppercase}
.todo p{margin:0;font-size:var(--fs-sm)}

.lg-foot{
  border-top:1px solid var(--border);background:var(--graphite-900);
  padding:1.5rem var(--gutter);
}
.lg-foot__in{
  max-width:52rem;margin-inline:auto;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}
.lg-foot a{font-size:var(--fs-sm);color:rgba(241,242,245,.66)}
.lg-foot a:hover{color:var(--paper-100)}
.lg-foot span{font-family:var(--ff-mono);font-size:var(--fs-note);color:rgba(241,242,245,.45)}