/* ========================================================================
   Pages de texte : mentions légales et confidentialité.
   Les couleurs, tailles et rayons viennent de theme.css — rien n'est
   redéfini ici, seule la mise en page d'une page qui se lit.
   ======================================================================== */
*{box-sizing:border-box;}
body{margin:0;color:var(--text);padding:20px 16px 70px;min-height:100vh;
  font-family:'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 1px 1px, var(--grid) 1.5px, transparent 0),
    radial-gradient(1200px 700px at 70% -10%, rgba(255,154,77,.06), transparent 60%),
    linear-gradient(160deg,var(--bg1),var(--bg0));
  background-size:28px 28px, 100% 100%, 100% 100%;
  background-attachment:fixed;}
/* 760 px : la largeur d'une colonne qui se lit sans que l'oeil se perde en
   revenant à la ligne. Le reste du site va jusqu'à 1000, mais il montre des
   tableaux, pas des paragraphes. */
.wrap{max-width:760px;margin:0 auto;}
.home{display:inline-flex;align-items:center;gap:9px;text-decoration:none;margin-bottom:14px;
  padding:6px 10px 6px 6px;border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel);}
.home:hover{border-color:var(--accent);}
.home img{width:26px;height:26px;border-radius:var(--r-sm);object-fit:cover;}
.home span{font-weight:800;font-size:var(--fs-base);color:var(--text);} .home b{color:var(--accent);}
h1{margin:0 0 3px;font-size:var(--fs-3xl);}
.sub{margin:0 0 24px;font-size:var(--fs-md);color:var(--muted);}

h2{font-size:var(--fs-md);text-transform:uppercase;letter-spacing:.07em;color:var(--accent);
  margin:0 0 10px;}
section{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-lg);
  padding:16px 18px;margin-bottom:14px;}
p,li{font-size:var(--fs-base);line-height:1.65;margin:0 0 10px;}
p:last-child,li:last-child{margin-bottom:0;}
ul{margin:0 0 10px;padding-left:20px;}
li{margin-bottom:7px;}
b{color:var(--text);}
.dim{color:var(--muted);}
a{color:var(--accent);}
a:hover{text-decoration:none;}
code{font-family:ui-monospace,Consolas,monospace;font-size:var(--fs-sm);background:var(--panel2);
  border:1px solid var(--line);border-radius:var(--r-xs);padding:1px 5px;color:var(--text);}

/* Le résumé en tête : ce qu'un visiteur veut savoir en trois secondes. */
.resume{background:linear-gradient(180deg,rgba(87,199,133,.10),rgba(87,199,133,.03));
  border-color:rgba(87,199,133,.35);}
.resume h2{color:var(--ok);}
.resume p{color:var(--text);}

/* Un tableau de données collectées reste lisible sur un téléphone : il
   devient une pile de blocs plutôt qu'une grille à faire défiler. */
table{width:100%;border-collapse:collapse;font-size:var(--fs-md);}
th{text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.07em;
  color:var(--muted);font-weight:600;padding:0 10px 7px 0;border-bottom:1px solid var(--line-soft);}
td{padding:9px 10px 9px 0;border-bottom:1px solid var(--line-soft);vertical-align:top;line-height:1.5;}
tr:last-child td{border-bottom:none;}
@media(max-width:620px){
  table,tbody,tr,td{display:block;width:100%;}
  thead{display:none;}
  tr{border-bottom:1px solid var(--line-soft);padding:9px 0;}
  tr:last-child{border-bottom:none;}
  td{border:none;padding:2px 0;}
  td::before{content:attr(data-th) " : ";color:var(--muted);font-size:var(--fs-xs);
    text-transform:uppercase;letter-spacing:.07em;}
  td:first-child{font-weight:700;}
  td:first-child::before{content:none;}
}

/* Ce qui reste à compléter se voit : une page légale à trous publiée par
   mégarde est pire qu'une page absente. */
.vide{background:rgba(255,154,77,.16);border:1px dashed var(--accent);border-radius:var(--r-xs);
  padding:1px 6px;color:var(--accent);font-weight:700;}

.maj{margin-top:18px;font-size:var(--fs-sm);color:var(--muted);text-align:center;}
.maj a{color:var(--muted);}