/* ==========================================================================
   Les pages légales : une colonne de lecture, rien d'autre.
   ========================================================================== */
.legal{padding:112px 0 var(--rythme);background:var(--papier)}
.legal-dedans{width:100%;max-width:740px;margin:0 auto;padding:0 var(--gouttiere)}
.legal h1{font-size:clamp(34px,5.6vw,52px)}
.legal-date{margin-top:10px;font-size:14px;color:var(--encre-doux);letter-spacing:.04em}
.legal-chapeau{margin-top:22px;font-size:18px;color:var(--encre)}
.legal-corps{margin-top:14px}
.legal-corps h2{font-size:clamp(21px,3vw,26px);margin-top:44px;padding-top:22px;border-top:1px solid rgba(74,64,56,.16)}
.legal-corps p{margin-top:14px}
.legal-corps ul{margin-top:14px;padding-left:0;list-style:none}
.legal-corps li{position:relative;padding:7px 0 7px 20px}
.legal-corps li::before{content:'—';position:absolute;left:0;color:var(--terre)}
.legal-corps a{color:var(--terre-f);text-decoration:underline;text-underline-offset:3px}
.legal-corps a:hover{color:var(--terre)}
.legal-retour{display:inline-flex;align-items:center;gap:8px;margin-top:52px;text-decoration:none;
  font-weight:600;color:var(--encre)}
.legal-retour:hover{color:var(--terre)}
.legal-retour svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}