/* CLARO — feuille de style des pages légales */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#fafaf9;--bg2:#f3f2f0;
  --ink:#111110;--ink2:#3d3d3b;--ink3:#888984;
  --border:rgba(17,17,16,.1);
  --wine:#8C3143;
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--ink2);line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

/* En-tête */
.lg-nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.6rem 4rem;border-bottom:1px solid var(--border);
  background:rgba(250,250,249,.95);backdrop-filter:blur(20px);
  position:sticky;top:0;z-index:10;
}
.lg-logo{text-decoration:none;display:flex;flex-direction:column;align-items:center;line-height:1;gap:.16rem}
.lg-logo-main{font-family:'Syne',sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);margin-right:-.22em}
.lg-logo-sub{font-size:.42rem;font-weight:600;letter-spacing:.4em;text-transform:uppercase;color:var(--wine);margin-right:-.4em}
.lg-back{
  font-size:.72rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink3);text-decoration:none;transition:color .25s;
}
.lg-back:hover{color:var(--ink)}

/* Corps */
.lg-wrap{max-width:760px;margin:0 auto;padding:5rem 2rem 6rem}
.lg-eyebrow{
  font-size:.62rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;
  color:var(--ink3);display:flex;align-items:center;gap:1rem;margin-bottom:1.2rem;
}
.lg-eyebrow::before{content:'';width:24px;height:1px;background:var(--wine)}
h1{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(2.1rem,4.5vw,3.2rem);font-weight:300;line-height:1.1;
  color:var(--ink);margin-bottom:.8rem;
}
.lg-maj{font-size:.74rem;color:var(--ink3);margin-bottom:2.5rem}
.lg-intro{
  font-size:.92rem;line-height:1.9;color:var(--ink2);
  padding:1.5rem 1.8rem;background:var(--bg2);border-left:2px solid var(--wine);
  margin-bottom:3rem;
}
section{margin-bottom:2.8rem}
h2{
  font-family:'Syne',sans-serif;
  font-size:.92rem;font-weight:700;letter-spacing:.02em;
  color:var(--ink);margin-bottom:1rem;
  padding-bottom:.6rem;border-bottom:1px solid var(--border);
}
p{font-size:.87rem;margin-bottom:1rem}
p:last-child{margin-bottom:0}
strong{font-weight:500;color:var(--ink)}
a{color:var(--wine);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}

/* Listes de définitions */
.lg-def{list-style:none;margin:1.2rem 0}
.lg-def li{
  display:grid;grid-template-columns:230px 1fr;gap:1.5rem;
  padding:.75rem 0;border-bottom:1px solid var(--border);font-size:.85rem;
}
.lg-def li:last-child{border-bottom:none}
.lg-def span{color:var(--ink3);font-size:.78rem}

/* Listes à puces */
.lg-list{margin:1rem 0 1rem 1.1rem}
.lg-list li{font-size:.87rem;margin-bottom:.45rem}

/* Champ restant à renseigner — visible mais discret */
.lg-todo{
  color:#9a5b12;background:rgba(214,158,46,.14);
  border:1px dashed rgba(154,91,18,.45);
  padding:.12rem .5rem;font-weight:500;font-size:.8rem;
  display:inline-block;
}

/* Pied de page */
.lg-foot{
  border-top:1px solid var(--border);padding:2rem 4rem;
  display:flex;gap:2rem;align-items:center;flex-wrap:wrap;
  font-size:.72rem;color:var(--ink3);
}
.lg-foot a{color:var(--ink3);text-decoration:none;transition:color .25s}
.lg-foot a:hover{color:var(--ink)}
.lg-foot span{margin-left:auto}

@media(max-width:760px){
  .lg-nav,.lg-foot{padding:1.2rem 1.5rem}
  .lg-wrap{padding:3rem 1.5rem 4rem}
  .lg-def li{grid-template-columns:1fr;gap:.2rem}
  .lg-foot span{margin-left:0;width:100%}
}