/* Kyven — pages légales. Sobre, lisible, sans dépendance externe. */
:root{
  --fond:#FBFAF8; --texte:#1C1C1E; --sub:#5A5A5F;
  --trait:#E3E0DA; --lien:#3B6D11;
}
@media (prefers-color-scheme: dark){
  :root{ --fond:#151517; --texte:#EDEDEF; --sub:#A0A0A6;
         --trait:#2C2C30; --lien:#8FC55A; }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--fond); color:var(--texte);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
main{max-width:44rem; margin:0 auto; padding:2.5rem 1.25rem 4rem}
h1{font-size:1.6rem; line-height:1.25; margin:.4rem 0 .3rem}
h2{font-size:1.05rem; margin:2.2rem 0 .5rem; padding-top:1.1rem;
   border-top:1px solid var(--trait)}
p,li{color:var(--texte)}
ul{padding-left:1.15rem}
li{margin:.45rem 0}
a{color:var(--lien)}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
     font-size:.9em; background:rgba(128,128,128,.13);
     padding:.1em .35em; border-radius:4px}
.fil{font-size:.8rem; color:var(--sub); margin:0 0 1.5rem;
     text-transform:uppercase; letter-spacing:.06em}
.maj{color:var(--sub); font-size:.92rem; margin:0 0 1.2rem}
.chemin{border-left:3px solid var(--lien); padding:.55rem .9rem;
        background:rgba(128,128,128,.07); margin:1rem 0}
.contact{margin-top:2.5rem; padding-top:1.1rem;
         border-top:1px solid var(--trait); color:var(--sub); font-size:.93rem}
em{color:var(--sub); font-style:normal}

/* Lockup de marque. Les deux SVG sont VECTORISES : aucune police requise,
   donc aucun risque de repli sur une autre fonte -- un SVG charge par une
   balise image n a de toute facon pas acces aux polices de la page.
   Le theme sombre sert le fichier INVERSE (picture + prefers-color-scheme),
   pas un filtre : on ne repeint pas un logo, on en sert la bonne version.
   Leur viewBox (340x96) porte ~103 px de marge a droite, herites de la
   source -- mesure le 07/09, invisible sur un logo cale a gauche. */
.logo{display:inline-block; margin:0 0 1.6rem; line-height:0}
.logo img{width:200px; height:auto; max-width:60%}