/* Portreto — pages légales : même coquille que l'app (fond, police, encre, largeur 400). */
:root{
  --fond:#FDF2F4; --encre:#3B2E3A; --encre-douce:#8A7A88;
  --sakura:#F4A7B9; --sakura-fonce:#E28AA1; --carte:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body.page-legale{
  font-family:ui-rounded,'SF Pro Rounded','Hiragino Maru Gothic ProN',Quicksand,system-ui,sans-serif;
  background:var(--fond); color:var(--encre);
  min-height:100vh; display:flex; flex-direction:column; align-items:center;
  padding:20px 18px 48px;
}
/* Le mot-symbole en tete des pages servies (12/09) : le mot seul, lien vers l'accueil, 22 px de haut */
.marque-page{display:block;height:22px;margin:0 auto 16px;line-height:0;}
.marque-page svg{height:22px;width:auto;display:block;}
.retour{align-self:flex-start;width:100%;max-width:400px;font-size:15px;font-weight:700;color:var(--encre);text-decoration:none;padding:8px 0 14px;}
.retour:hover{text-decoration:underline;}

/* Le contenu (partagé avec la feuille modale de l'app) */
.legal{width:100%;max-width:400px;}
.legal-poto{display:flex;justify-content:center;margin:6px 0 14px;}
.poto-legal{width:90px;height:90px;overflow:visible;}
.legal-titre{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.25;text-align:center;margin-bottom:18px;}
.legal p{font-size:15px;line-height:1.55;margin-bottom:14px;}
.legal p strong{font-weight:800;}
.legal .legal-promesse{font-weight:600;color:var(--encre);background:var(--carte);border-radius:16px;padding:14px 16px;}
.legal .legal-date{font-size:13px;color:var(--encre-douce);margin-top:20px;}
.legal a{color:var(--encre);font-weight:600;text-decoration:underline;text-decoration-color:var(--sakura-fonce);text-underline-offset:3px;}

.legal-pied{width:100%;max-width:400px;margin-top:26px;text-align:center;}
.note-independant{font-size:12px;color:var(--encre-douce);line-height:1.5;max-width:320px;margin:0 auto;}
.liens-legaux{margin-top:12px;font-size:12px;color:var(--encre-douce);}
.liens-legaux a{color:var(--sakura);font-weight:700;text-decoration:none;}
.liens-legaux a:hover{text-decoration:underline;}

/* L'avis de traduction en tête de chaque page (FR : « le français fait foi » ; EN : courtesy translation) */
.legal-avis{font-size:12px;color:var(--encre-douce);line-height:1.5;text-align:center;margin:-6px auto 18px;max-width:340px;}
.legal-avis a{color:var(--encre-douce);font-weight:600;}