/* ============================================================
   ARTERE e-Commerce — Pages légales (mentions, confidentialité)
   S'appuie sur styles.css et offre.css
   ============================================================ */

.legal-page .job-layout {
  grid-template-columns: 1fr;
  max-width: 820px;
  padding-bottom: 64px;
}

.legal-page .job-section ul,
.legal-page .job-section ol {
  margin-top: 1rem;
  padding-left: 1.35rem;
  color: var(--ink-soft);
  line-height: 1.72;
  font-size: 1.02rem;
}

.legal-page .job-section li {
  margin-top: 0.55rem;
}

.legal-page .job-section li strong {
  color: var(--ink);
}

.legal-page .job-section a {
  color: var(--brand);
  font-weight: 600;
}

.legal-page .job-section a:hover {
  text-decoration: underline;
}

.legal-page .legal-updated {
  margin-top: 0.5rem;
  font-size: 0.92rem;
  color: var(--muted);
}

.legal-footer-wrap {
  background: var(--footer);
}

.legal-footer-wrap .footer {
  padding-top: 48px;
}