/* ===== Mentions légales – style épuré, cohérent avec le site ===== */

:root{
  --paper: #ffffff;
  --ink: #111;
  --muted: #666;
  --beige: #f2eadf;
  --line: rgba(0,0,0,.08);
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}

/* Wrapper */
.legal{
  width:min(900px, 92%);
  margin: 40px auto 80px;
}

/* Header */
.legal__header{
  padding: 28px 0 16px;
  border-bottom: 1px solid var(--line);
}
.legal__header h1{
  margin:0 0 10px;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  text-transform: uppercase;
  letter-spacing:.04em;
  font-size: clamp(22px, 4.8vw, 34px);
  text-align:center;
}
.legal__intro{
  margin:0 auto 8px;
  color:#333;
  max-width: 70ch;
  text-align:center;
}

/* Content */
.legal__content{
  padding-top: 18px;
}
.legal__content section{
  padding: 18px 0;
  border-bottom: 1px dashed var(--line);
}
.legal__content section:last-child{ border-bottom: none; }

/* Headings */
.legal__content h2{
  margin:0 0 8px;
  font-family:"Playfair Display", Georgia, serif;
  font-weight:700;
  font-size: 20px;
  letter-spacing:.01em;
}
.legal__content h3{
  margin:16px 0 6px;
  font-weight:600;
  font-size: 15.5px;
  color:#222;
}

/* Text */
.legal__content p{
  margin:0 0 8px;
  color:#333;
  font-size: 15.5px;
}
.legal__content a{
  color:inherit;
  text-underline-offset: 3px;
  text-decoration-thickness: .08em;
}

/* Callouts */
.legal__content strong{
  font-weight: 700;
}

/* Subtle card feel */
.legal{
  background: linear-gradient(#fff, #fff) padding-box,
              linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,0)) border-box;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 10px 20px 28px;
}

/* Print friendly */
@media print{
  .legal{
    border:none; border-radius:0; margin:0; width:100%;
    padding:0;
  }
  .legal__header{ border-bottom:1px solid #000; }
  .legal__content section{ border-bottom:1px solid #000; }
}
