/* Styles des pages légales (mentions légales, politique de confidentialité) */

.legal{padding:60px 0 100px}
.legal-wrap{max-width:820px;margin:0 auto}

.legal-head{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:44px}
.legal-head h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:700;margin-bottom:16px}
.legal-updated{font-size:.9rem;color:var(--muted);margin:0}

.legal-toc{
  background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);
  padding:24px 28px;margin-bottom:52px;
}
.legal-toc p{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;
}
.legal-toc ol{counter-reset:toc;display:grid;gap:9px}
.legal-toc li{counter-increment:toc;font-size:.95rem}
.legal-toc li::before{content:counter(toc) '. ';color:var(--red-bright);font-weight:600}
.legal-toc a{color:var(--muted);transition:color .2s}
.legal-toc a:hover{color:var(--text)}

.legal section{margin-bottom:48px;scroll-margin-top:100px}
.legal h2{
  font-size:1.4rem;font-weight:600;margin-bottom:18px;padding-left:16px;
  border-left:3px solid var(--red);
}
.legal h3{font-size:1.05rem;font-weight:600;margin:26px 0 10px}
.legal p{color:var(--muted);margin-bottom:14px}
.legal p strong,.legal li strong{color:var(--text);font-weight:600}
.legal a:not(.btn){color:var(--red-bright);text-decoration:underline;text-underline-offset:3px}

.legal ul.bullets{margin:0 0 16px;display:grid;gap:9px}
.legal ul.bullets li{position:relative;padding-left:22px;color:var(--muted)}
.legal ul.bullets li::before{
  content:'';position:absolute;left:0;top:.6em;width:6px;height:6px;
  background:var(--red);transform:rotate(45deg);
}

/* Fiche d'identité / tableaux de données */
.legal-table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:.95rem}
.legal-table th,.legal-table td{
  text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top;
}
.legal-table th{
  color:var(--muted);font-weight:500;white-space:nowrap;width:38%;
}
.legal-table td{color:var(--text)}
.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:none}
.table-scroll{overflow-x:auto;
  background:var(--ink-3);border:1px solid var(--line);border-radius:var(--radius);
  padding:8px 10px;margin-bottom:20px}

.callout{
  background:linear-gradient(140deg,rgba(185,58,50,.16),rgba(21,21,23,.6));
  border:1px solid rgba(185,58,50,.34);border-radius:var(--radius);
  padding:22px 26px;margin:24px 0;
}
.callout p:last-child{margin-bottom:0}
.callout strong{color:#fff}

.legal-back{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:.95rem}
.legal-back:hover{color:var(--red-bright)}

@media (max-width:560px){
  .legal-table th{width:auto;white-space:normal}
  .legal-table th,.legal-table td{display:block;padding:8px 10px}
  .legal-table th{border-bottom:none;padding-bottom:0}
}