/* ==========================================================================
   RACONTINO — page-legal.css
   Styles pour mentions-legales.html, cgv.html, confidentialite.html
   ========================================================================== */

.legal{padding:70px 0 100px}
.legal .intro-block{
  border:3px solid var(--ink);border-radius:20px;
  background:#fff;box-shadow:7px 7px 0 var(--ink);
  padding:26px 28px;margin-bottom:34px;
}
.legal h1{
  font-family:var(--display);font-weight:800;
  font-size:clamp(28px,4vw,42px);line-height:1.08;letter-spacing:-.02em;
  margin-bottom:10px;
}
.legal .updated{font-size:14px;color:#7A719B}

.legal h2{
  font-family:var(--display);font-weight:800;font-size:20px;
  margin:34px 0 12px;padding-top:6px;
  border-top:3px solid var(--ink);padding-top:16px;
}
.legal h2:first-of-type{border-top:none;padding-top:0;margin-top:0}
.legal h3{font-family:var(--display);font-weight:800;font-size:16px;margin:18px 0 6px}
.legal p{margin-bottom:12px}
.legal ul,.legal ol{margin:0 0 14px 22px}
.legal li{margin-bottom:6px}
.legal a{color:var(--tangerine);font-weight:700}

.legal table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:15px}
.legal table th,.legal table td{
  border:2px solid var(--ink);padding:9px 12px;text-align:left;
}
.legal table th{background:var(--sun);font-family:var(--display);font-weight:800}

.legal .toc{
  background:var(--cream);border:2px dashed var(--ink);border-radius:14px;
  padding:16px 20px;margin-bottom:30px;
}
.legal .toc strong{font-family:var(--display);display:block;margin-bottom:8px}
.legal .toc a{display:block;font-size:14.5px;padding:2px 0;color:var(--ink);font-weight:600}

.back-link{display:inline-block;margin-top:40px;font-weight:700}