/* ─────────────────────────────────────────────────────────────────────────
   Pages légales — feuille commune aux conditions et à la confidentialité
   ─────────────────────────────────────────────────────────────────────────
   Les deux pages portaient les mêmes styles, copiés. Le premier ajustement de
   couleur les aurait fait diverger — et deux documents légaux qui ne se
   ressemblent plus se lisent comme deux documents d'origines différentes. */

:root { --ink:#16181D; --dim:#5A5F6B; --accent:#5750BE; --line:#E6E4F3; --bg:#FBFBFE; --warn:#E0245E; }
* { box-sizing:border-box; }
body {
  margin:0; padding:0 20px 80px; background:var(--bg); color:var(--ink);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
main { max-width:760px; margin:0 auto; }
header { padding:48px 0 24px; border-bottom:2px solid var(--line); margin-bottom:32px; }
h1 { font-size:32px; line-height:1.2; margin:0 0 8px; letter-spacing:-.02em; }
h2 { font-size:21px; margin:40px 0 12px; letter-spacing:-.01em; }
h3 { font-size:17px; margin:24px 0 8px; }
.meta { color:var(--dim); font-size:14px; }
.note { background:#F2F0FB; border-left:3px solid var(--accent); padding:14px 16px; margin:20px 0; border-radius:0 8px 8px 0; }
.warn { background:#FDEEF3; border-left:3px solid var(--warn); padding:14px 16px; margin:20px 0; border-radius:0 8px 8px 0; }
a { color:var(--accent); }
ul { padding-left:22px; } li { margin:6px 0; }
table { width:100%; border-collapse:collapse; margin:16px 0; font-size:15px; display:block; overflow-x:auto; }
th,td { text-align:left; padding:10px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
th { background:#F2F0FB; font-weight:600; }
footer { margin-top:56px; padding-top:20px; border-top:1px solid var(--line); color:var(--dim); font-size:14px; }

/* ── La bascule de langue ────────────────────────────────────────────────
   ⚠️ DEUX BOUTONS, PAS UN MENU DÉROULANT. Il n'y a que deux langues, et un
   menu à deux entrées demande deux gestes là où un suffit. Même dessin que la
   bascule de la page d'accueil : ces pages sont lues à la suite d'un lien
   depuis l'application, et deux commandes différentes pour la même chose se
   remarquent. */
.langues {
  display:inline-flex; border:1px solid var(--line); border-radius:999px;
  overflow:hidden; margin-bottom:18px; background:#fff;
}
.langues button {
  border:0; background:transparent; color:var(--dim); cursor:pointer;
  font-family:inherit; font-weight:600; font-size:12.5px; line-height:1;
  padding:9px 15px; letter-spacing:.04em;
}
.langues button[aria-pressed="true"] { background:var(--accent); color:#fff; }

/* ⚠️ LA LANGUE INACTIVE EST RETIRÉE DU DOCUMENT, pas seulement masquée. Un
   `opacity:0` ou un `visibility:hidden` la laisse dans l'arbre : les lecteurs
   d'écran la lisent, la recherche du navigateur la trouve, et l'on se retrouve
   à chercher un paragraphe qu'on ne voit pas. `[hidden]` la sort des trois. */
[hidden] { display:none !important; }

/* ── L'éditeur, en fin de document ───────────────────────────────────────
   ⚠️ CE BLOC EST UNE OBLIGATION LÉGALE, PAS UNE SIGNATURE. Le §5 DDG allemand
   exige qu'il soit « facilement reconnaissable, directement accessible et
   constamment disponible ». Le déplacer en fin de page reste conforme — c'est
   l'usage courant — À CONDITION qu'un chemin direct y mène : d'où le lien
   d'ancre posé sous le titre de chaque document, qui y saute en un geste.
   Le retirer romprait la condition « directement accessible ». */
.editeur {
  margin-top:56px; padding:18px 20px;
  border:1px solid var(--line); border-radius:12px;
  background:transparent; color:var(--dim); font-size:14px; line-height:1.6;
}
.editeur h2 { font-size:15px; margin:0 0 8px; color:var(--ink); letter-spacing:0; }
.editeur p { margin:0; }
.editeur .nom { color:var(--ink); font-weight:600; }
.saut-editeur { font-size:13.5px; color:var(--dim); }

@media (prefers-color-scheme: dark) {
  :root { --ink:#ECEAF6; --dim:#9A9AAB; --accent:#9A8FEA; --line:#2A2A35; --bg:#131318; }
  th, .note { background:#1E1E27; }
  .warn { background:#2A1A22; }
  .langues { background:#1B1B22; }
}