/* =========================================================
   Styles spécifiques aux pages légales
   ========================================================= */

.legal-main{
  padding:64px 0 80px;
}

.legal-container{
  max-width:820px;
}

.legal-container h1{
  color:var(--color-charcoal);
  font-size:2.2rem;
  margin-bottom:8px;
}

.legal-updated{
  color:var(--color-muted);
  font-size:0.88rem;
  margin-bottom:32px;
}

.legal-section{
  margin-bottom:32px;
}

.legal-section h2{
  color:var(--color-steel-dark);
  font-size:1.25rem;
  margin-bottom:12px;
}

.legal-section p{
  color:var(--color-text);
  margin-bottom:10px;
}

.legal-section a{
  color:var(--color-copper);
  text-decoration:underline;
}

.legal-section ul{
  margin:10px 0 10px 20px;
}
.legal-section ul li{
  list-style:disc;
  margin-bottom:8px;
  color:var(--color-text);
}