/* ============================================================
   ▐ Feuille de style partagée des pages légales
   Reprend les tokens de la page d'accueil (index.html)
   ============================================================ */
:root{
  --ivory:#F7F3EE; --sand:#EEE6DC; --greige:#D9CDBF;
  --espresso:#43332B; --ink:#211D19; --bronze:#8A6A47;
  --body:#5E5147; --muted:#8A7C6E;
  --hair:rgba(67,51,43,.14);
  --bronze-hair:rgba(138,106,71,.42);
  --ivory-line:rgba(247,243,238,.18);
  --maxw:820px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--ivory); color:var(--ink);
  font-family:'Manrope',system-ui,sans-serif; font-weight:400;
  font-size:17px; line-height:1.75; letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--bronze);text-decoration:none;border-bottom:1px solid var(--bronze-hair);transition:color .3s,border-color .3s}
a:hover{color:var(--espresso);border-color:var(--espresso)}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,5vw,40px)}

/* ---------- barre haute ---------- */
.legal-top{
  position:sticky;top:0;z-index:20;
  background:rgba(247,243,238,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--hair);
}
.legal-top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:18px;padding-bottom:18px}
.legal-top__mark{position:relative;width:104px;height:41px;overflow:hidden;display:block;border:0}
.legal-top__mark img{position:absolute;max-width:none;width:183px;height:auto;left:-42px;top:-65px}
.legal-top__back{
  font-family:'Jost',sans-serif;font-size:11px;letter-spacing:.26em;text-transform:uppercase;
  color:var(--muted);border:0
}
.legal-top__back:hover{color:var(--espresso)}

/* ---------- en-tête du document ---------- */
.legal-head{padding:clamp(56px,9vw,104px) 0 clamp(30px,4vw,44px);border-bottom:1px solid var(--hair)}
.eyebrow{
  font-family:'Jost',sans-serif;font-weight:400;font-size:11px;
  letter-spacing:.32em;text-transform:uppercase;color:var(--bronze);margin:0 0 20px
}
.legal-head h1{
  font-family:'Jost',sans-serif;font-weight:300;
  font-size:clamp(34px,5.4vw,54px);line-height:1.1;letter-spacing:-.015em;
  margin:0;color:var(--espresso)
}
.legal-head .updated{font-size:14px;color:var(--muted);margin:22px 0 0}

/* ---------- corps ---------- */
.legal-body{padding:clamp(40px,6vw,64px) 0 clamp(70px,10vw,110px)}
.legal-body section{margin:0 0 clamp(38px,5vw,54px);scroll-margin-top:96px}
.legal-body h2{
  font-family:'Jost',sans-serif;font-weight:400;
  font-size:clamp(20px,2.6vw,26px);line-height:1.25;letter-spacing:-.01em;
  color:var(--espresso);margin:0 0 18px;padding-top:20px;border-top:1px solid var(--hair)
}
.legal-body h3{
  font-family:'Jost',sans-serif;font-weight:500;font-size:16px;
  letter-spacing:.02em;color:var(--espresso);margin:30px 0 10px
}
.legal-body p{color:var(--body);margin:0 0 16px}
.legal-body ul{color:var(--body);margin:0 0 16px;padding-left:22px}
.legal-body li{margin:0 0 9px}
.legal-body li::marker{color:var(--bronze)}
.legal-body strong{color:var(--espresso);font-weight:600}

/* sommaire */
.toc{background:var(--sand);border:1px solid var(--hair);border-radius:3px;padding:26px 30px;margin:0 0 clamp(40px,5vw,56px)}
.toc h2{border:0;padding:0;margin:0 0 14px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:500}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.toc li{margin:0 0 7px;color:var(--body);font-size:15px;break-inside:avoid}
.toc a{border:0;color:var(--body)}
.toc a:hover{color:var(--bronze)}
@media(max-width:620px){.toc ol{columns:1}}

/* tableau d'identification */
.idcard{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:16px}
.idcard th,.idcard td{text-align:left;vertical-align:top;padding:11px 0;border-bottom:1px solid var(--hair)}
.idcard th{
  font-family:'Jost',sans-serif;font-weight:400;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);width:37%;padding-right:20px
}
.idcard td{color:var(--body)}
@media(max-width:560px){
  .idcard,.idcard tbody,.idcard tr,.idcard th,.idcard td{display:block;width:100%}
  .idcard th{border:0;padding-bottom:2px}
  .idcard td{padding-top:0}
}

/* encadré d'avertissement */
.note{
  background:var(--sand);border-left:2px solid var(--bronze);
  padding:20px 24px;margin:0 0 clamp(36px,5vw,48px);border-radius:0 3px 3px 0
}
.note p{margin:0 0 10px;font-size:15.5px}
.note p:last-child{margin:0}

/* ---------- pied de page ---------- */
.legal-foot{background:var(--ink);color:rgba(247,243,238,.72);padding:52px 0 40px;font-size:15px}
.legal-foot .wrap{display:flex;flex-wrap:wrap;gap:14px 30px;align-items:center;justify-content:space-between}
.legal-foot a{color:rgba(247,243,238,.82);border-bottom-color:var(--ivory-line)}
.legal-foot a:hover{color:#C7A876;border-color:#C7A876}
.legal-foot nav{display:flex;flex-wrap:wrap;gap:10px 22px}
.legal-foot .copy{font-size:14px;color:rgba(247,243,238,.5)}