/* ============================================================
   Pages légales — Jaguar Pulse Systemes
   Style cohérent avec index.html (charte sobre or/violet/noir)
   ============================================================ */
:root{
  --noir:#121416; --noir-2:#1B1E1F; --noir-3:#232729;
  --violet:#4B0062; --violet-clair:#8B3DBF;
  --or:#D4AF37; --or-pale:#E8CC7A; --or-fonce:#9A7B22;
  --gris:#B8B4AC; --gris-fonce:#6E6A63; --blanc:#F2EFE8;
  --trait:rgba(212,175,55,.18);
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--noir);color:var(--gris);
  font-family:'Jost',sans-serif;font-weight:300;
  font-size:16.5px;line-height:1.75;letter-spacing:.02em;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--violet);color:var(--or-pale)}

/* ---- En-tête ---- */
.legal-head{
  border-bottom:1px solid var(--trait);
  background:linear-gradient(180deg,var(--noir-2),var(--noir));
  padding:26px 0;
}
.legal-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.brand .mono{
  width:42px;height:42px;flex-shrink:0;border:1px solid var(--or);
  transform:rotate(45deg);display:flex;align-items:center;justify-content:center;
}
.brand .mono b{transform:rotate(-45deg);font-family:'Cinzel',serif;font-weight:600;font-size:13px;color:var(--or);letter-spacing:.02em}
.brand-name{font-family:'Cinzel',serif;color:var(--blanc);font-size:17px;letter-spacing:.22em;text-transform:uppercase}
.brand-name em{display:block;font-style:normal;font-size:9px;letter-spacing:.46em;color:var(--violet-clair);text-transform:uppercase;margin-top:2px}
.back-link{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--or);text-decoration:none;transition:color .3s}
.back-link:hover{color:var(--or-pale)}

/* ---- Corps ---- */
.wrap{max-width:860px;margin:0 auto;padding:0 26px}
main{padding:64px 0 90px}
h1{
  font-family:'Cinzel',serif;color:var(--blanc);font-weight:500;
  font-size:clamp(26px,4vw,38px);letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:10px;
}
.subtitle{color:var(--gris-fonce);font-size:13px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:48px}
h2{
  font-family:'Cinzel',serif;color:var(--or-pale);font-weight:600;
  font-size:18px;letter-spacing:.1em;text-transform:uppercase;
  margin:44px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--trait);
}
h3{font-family:'Cinzel',serif;color:var(--or);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:26px 0 10px}
p{margin-bottom:14px}
a{color:var(--or);text-decoration:none;border-bottom:1px solid var(--trait);transition:color .3s,border-color .3s}
a:hover{color:var(--or-pale);border-color:var(--or)}
strong{color:var(--blanc);font-weight:500}
ul{margin:0 0 16px 22px}
li{margin-bottom:8px}
.muted{color:var(--gris-fonce);font-size:14px}

/* ---- Tableau ---- */
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14.5px}
th,td{text-align:left;padding:11px 14px;border:1px solid var(--trait);vertical-align:top}
th{background:var(--noir-3);color:var(--or-pale);font-weight:500;letter-spacing:.04em;font-family:'Cinzel',serif;font-size:12.5px;text-transform:uppercase}

/* ---- Placeholder à compléter ---- */
.todo{
  background:rgba(139,61,191,.14);
  border:1px dashed var(--violet-clair);
  color:var(--or-pale);
  padding:1px 8px;border-radius:3px;font-size:.92em;font-weight:400;
  white-space:nowrap;
}

/* ---- Bandeau d'avertissement brouillon (à retirer en production) ---- */
.draft-banner{
  background:repeating-linear-gradient(45deg,rgba(212,175,55,.12),rgba(212,175,55,.12) 14px,rgba(75,0,98,.18) 14px,rgba(75,0,98,.18) 28px);
  border:1px solid var(--or);
  color:var(--blanc);
  padding:18px 22px;margin:0 0 40px;border-radius:4px;font-size:14px;
}
.draft-banner strong{color:var(--or-pale)}

/* ---- Pied ---- */
.legal-foot{border-top:1px solid var(--trait);padding:30px 0;text-align:center;color:var(--gris-fonce);font-size:12.5px;letter-spacing:.06em}
.legal-foot a{color:var(--gris-fonce);border:none}
.legal-foot a:hover{color:var(--or)}