/* Mentions legales et politique de confidentialite. Deux pages de lecture,
   dans le systeme des sections pratiques : l'encre, Cantique pour le titre,
   Nyght pour le texte, le rose pale en accent. Pas de scene ni de script :
   on vient y lire une adresse ou un droit, rien ne doit bouger. Le ciel est
   deux lueurs en CSS, aux coins, loin du texte. */
@font-face{font-family:'Nyght Serif';src:url('../fonts/NyghtSerif-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:'Nyght Serif';src:url('../fonts/NyghtSerif-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Cantique';src:url('../fonts/Cantique.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Airfly';src:url('../fonts/Airfly-taykon.woff2') format('woff2');font-display:swap}

:root{--ink:#080840;--text:#F5F1FA;--muted:#C9C4DE;--rose:#FFE4F3;--line:rgba(255,228,243,.16);color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--muted);
  background:
    radial-gradient(60vw 50vh at 100% 0,rgba(61,145,255,.14),transparent 70%),
    radial-gradient(55vw 55vh at 0 100%,rgba(140,0,255,.16),transparent 70%),
    var(--ink);
  font:300 clamp(16.5px,1.15vw,18.5px)/1.75 'Nyght Serif',Georgia,serif;text-wrap:pretty}
::selection{background:var(--rose);color:var(--ink)}
a{color:var(--rose);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--rose);outline-offset:5px}

.legal-tete,.legal-texte,.legal-pied{width:min(720px,86%);margin-inline:auto}
.legal-tete{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(28px,5vh,48px) 0 0}
.legal-marque{font-family:'Cantique',serif;font-size:clamp(22px,2vw,28px);color:var(--rose);text-decoration:none}
.legal-retour{font-size:.9em;color:var(--muted);white-space:nowrap}

.legal-texte{flex:1;padding:clamp(56px,11vh,110px) 0 clamp(56px,9vh,96px)}
.legal-texte h1{font-family:'Cantique',serif;font-weight:400;font-size:clamp(38px,4.4vw,60px);line-height:1.08;
  letter-spacing:.01em;color:var(--rose);margin:0 0 clamp(20px,3vh,30px)}
.legal-texte .chapeau{color:var(--text);margin:0 0 clamp(36px,6vh,56px);max-width:58ch}
.legal-texte h2{font-weight:400;font-size:1.12em;color:var(--text);margin:clamp(34px,5vh,48px) 0 10px;
  padding-top:clamp(26px,4vh,36px);border-top:1px solid var(--line)}
.legal-texte p,.legal-texte address{margin:0 0 1em;max-width:62ch;font-style:normal}
.legal-texte .date{margin-top:clamp(40px,6vh,64px);font-size:.86em;opacity:.8}

.legal-pied{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 28px;
  padding:22px 0 max(26px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:14px}
.legal-pied nav{display:flex;gap:22px;flex-wrap:wrap}
.legal-pied nav a{color:var(--muted);padding:10px 0}
.legal-pied nav a[aria-current]{color:var(--rose);text-decoration:none}

/* Le credit, le meme que dans le pied de la page d'accueil. Airfly est tenu
   petit a la demande de Pierre, sous le plancher de 32 px du systeme Taykon :
   c'est une signature de bas de page, pas le mot-symbole d'une couverture. */
.credit{display:flex;align-items:baseline;gap:.55em;margin:0;padding:8px 0}
.credit .credit-nom{color:var(--text);font-family:'Airfly',serif;font-size:17px;letter-spacing:.04em;line-height:1}

@media(max-width:600px){
  .legal-pied{flex-direction:column;align-items:flex-start}
}