.legal-page {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.legal-section {
  flex: 1;
  padding: 32px 0 48px;
}

.legal-layout {
  display: block;
}

.legal-aside {
  margin-bottom: 28px;
}

.legal-aside__eyebrow {
  margin: 0 0 14px;
  color: rgb(var(--color-brand));
  font-size: 0.84rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.legal-aside__title {
  margin: 0;
  font-size: clamp(1.8rem, 4vw, 3rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.legal-aside__text {
  max-width: 80ch;
  margin: 18px 0 0;
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  line-height: 1.75;
  color: rgb(var(--color-muted));
}

.legal-content {
  display: grid;
  gap: 20px;
}

.legal-card {
  padding: 0 0 20px;
  border-bottom: 1px solid rgb(var(--color-grid));
}

.legal-card__title {
  margin: 0 0 12px;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.legal-card__body p {
  max-width: 95ch;
  margin: 0 0 12px;
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  line-height: 1.75;
  color: rgb(var(--color-muted));
}

.legal-card__body p:last-child {
  margin-bottom: 0;
}

.legal-card__body strong {
  color: rgb(var(--color-text));
  font-weight: 700;
}

/* =========================================================
   LISTES D'INFORMATIONS SOCIETE
   ========================================================= */

.legal-meta-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.legal-meta-list li {
  max-width: 90ch;
  margin: 0;
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  line-height: 1.45;
  color: rgb(var(--color-muted));
}

.legal-meta-list li + li {
  margin-top: 6px;
}

.legal-meta-list strong {
  color: rgb(var(--color-text));
  font-weight: 700;
}

/* =========================================================
   LISTES A PUCES — CONDITIONS / CONFIDENTIALITE
   ========================================================= */

.legal-bullet-list {
  margin: 0 0 12px;
  padding-left: 2.0rem;
  list-style: disc;
}

.legal-bullet-list li {
  max-width: 90ch;
  margin: 0;
  font-size: clamp(0.8rem, 1.5vw, 0.9rem);
  line-height: 1.75;
  color: rgb(var(--color-muted));
  padding-left: 10px;
}

.legal-bullet-list li + li {
  margin-top: 6px;
}

.legal-bullet-list strong {
  color: rgb(var(--color-text));
  font-weight: 700;
}

@media (max-width: 920px) {
  .legal-section {
    padding: 24px 0 36px;
  }

  .legal-aside {
    margin-bottom: 24px;
  }
}

@media (max-width: 640px) {
  .legal-aside__title {
    /* font-size: clamp(1.5rem, 8vw, 2.2rem); */
  }

  .legal-aside__text,
  .legal-card__body p,
  .legal-meta-list li {
    /* font-size: 0.95rem; */
    line-height: 1.7;
  }

  .legal-content {
    gap: 18px;
  }

  .legal-card {
    padding-bottom: 18px;
  }

  .legal-meta-list li + li {
    margin-top: 4px;
  }
  
  .legal-bullet-list li {
    line-height: 1.7;
	padding-left: 5px;
  }

  .legal-bullet-list li + li {
    margin-top: 4px;
  }
  
  .legal-bullet-list {
	padding-left: 1.0rem;
   }
}