.confidentialite-page{background:var(--navy);color:var(--texte)}

.confidentialite-evitement{
  position:fixed;left:16px;top:12px;z-index:20;transform:translateY(-180%);
  padding:10px 14px;border-radius:8px;background:var(--vert);color:#00140a;
  font-weight:700;text-decoration:none;
}
.confidentialite-evitement:focus{transform:none}

.confidentialite-entete{border-bottom:1px solid var(--trait)}
.confidentialite-barre{
  min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.confidentialite-marque{display:inline-flex;align-items:center}
.confidentialite-marque img{display:block;width:148px;height:auto}

.confidentialite-hero{
  padding-block:clamp(56px,9vw,112px);border-bottom:1px solid var(--trait);
  background:
    radial-gradient(circle at 78% 22%,rgba(1,255,0,.085),transparent 26rem),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent);
}
.confidentialite-lecture{width:min(760px,calc(100% - 40px));margin-inline:auto}
.confidentialite-hero h1{
  max-width:16ch;color:var(--neutre);font-size:clamp(2.35rem,7vw,5rem);
  font-weight:700;line-height:.98;letter-spacing:-.045em;text-wrap:balance;
}
.confidentialite-chapeau{margin-top:24px;max-width:58ch;font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.58}
.confidentialite-date{margin-top:18px;color:var(--sourdine);font-size:.88rem}

.confidentialite-corps{
  width:min(1120px,calc(100% - 40px));margin-inline:auto;
  display:grid;grid-template-columns:220px minmax(0,760px);gap:clamp(48px,8vw,112px);
  align-items:start;padding-block:clamp(54px,8vw,96px);
}
.confidentialite-sommaire{position:sticky;top:24px;font-size:.84rem;line-height:1.45}
.confidentialite-sommaire>p{
  color:var(--sourdine);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
}
.confidentialite-sommaire ol{list-style:none;margin:18px 0 0;padding:0;border-left:1px solid var(--trait)}
.confidentialite-sommaire li+li{margin-top:2px}
.confidentialite-sommaire a{
  display:block;padding:8px 0 8px 16px;color:var(--sourdine);text-decoration:none;
}
.confidentialite-sommaire a:hover{color:var(--neutre)}

.confidentialite-article{min-width:0}
.confidentialite-section{padding:0;scroll-margin-top:28px}
.confidentialite-section+.confidentialite-section{margin-top:clamp(64px,9vw,104px);padding-top:clamp(54px,8vw,84px);border-top:1px solid var(--trait)}
.confidentialite-numero{
  margin-bottom:14px;color:var(--vert);font-size:.72rem;line-height:1;letter-spacing:.2em;font-weight:700;
}
.confidentialite-section>h2{max-width:20ch;color:var(--neutre);font-size:clamp(1.75rem,4vw,2.55rem)}
.confidentialite-section>h2+p,.confidentialite-intro-section{margin-top:20px;max-width:66ch}
.confidentialite-section>p+p{margin-top:14px}

.confidentialite-usages>.confidentialite-intro-section{color:var(--sourdine)}
.confidentialite-traitement{padding:34px 0;scroll-margin-top:28px}
.confidentialite-traitement+.confidentialite-traitement{border-top:1px solid var(--trait)}
.confidentialite-traitement h3{color:var(--neutre);font-size:clamp(1.18rem,2.2vw,1.42rem)}
.confidentialite-traitement dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 26px;margin:22px 0 0}
.confidentialite-traitement dt{
  color:var(--sourdine);font-size:.69rem;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;font-weight:700;
}
.confidentialite-traitement dd{margin:0;color:var(--texte);font-size:.97rem;line-height:1.65}
.confidentialite-traitement code,.confidentialite-tableau code{
  color:var(--vert);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em;
  overflow-wrap:anywhere;
}
.confidentialite-traitement-tete{display:flex;align-items:center;justify-content:space-between;gap:18px}
.confidentialite-traitement-tete span{
  flex:0 0 auto;padding:5px 9px;border:1px solid rgba(1,255,0,.28);border-radius:999px;
  color:var(--vert);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
}
.confidentialite-google{margin-top:8px;padding:30px;border:1px solid rgba(1,255,0,.25);border-radius:16px;background:rgba(1,255,0,.035)}
.confidentialite-engagement{
  margin-top:24px;padding-top:22px;border-top:1px solid rgba(1,255,0,.18);font-size:.96rem;line-height:1.68;
}
.confidentialite-engagement strong{color:var(--vert)}

.confidentialite-tableau{margin-top:30px;overflow-x:auto;border-block:1px solid var(--trait)}
.confidentialite-tableau:focus-visible{outline:2px solid var(--vert);outline-offset:4px}
.confidentialite-tableau table{width:100%;min-width:680px;border-collapse:collapse;font-size:.88rem;line-height:1.5}
.confidentialite-tableau th,.confidentialite-tableau td{padding:16px 14px;border-bottom:1px solid var(--trait);text-align:left;vertical-align:top}
.confidentialite-tableau thead th{
  color:var(--sourdine);font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;
}
.confidentialite-tableau tbody th{width:18%;color:var(--neutre);font-weight:650}
.confidentialite-tableau tbody tr:last-child th,.confidentialite-tableau tbody tr:last-child td{border-bottom:0}
.confidentialite-note{margin-top:20px;color:var(--sourdine);font-size:.86rem;line-height:1.6}

.confidentialite-pied{border-top:1px solid var(--trait);padding-block:30px 42px}
.confidentialite-pied-interieur{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.confidentialite-pied a{color:var(--sourdine);font-size:.86rem;text-underline-offset:4px}
.confidentialite-pied a:hover{color:var(--neutre)}

@media (max-width:820px){
  .confidentialite-corps{grid-template-columns:minmax(0,1fr);gap:48px}
  .confidentialite-sommaire{position:static}
  .confidentialite-sommaire ol{display:grid;grid-template-columns:1fr 1fr;gap:2px 14px}
}

@media (max-width:560px){
  .confidentialite-barre>.petit{display:none}
  .confidentialite-corps,.confidentialite-lecture{width:min(100% - 32px,760px)}
  .confidentialite-sommaire ol{grid-template-columns:1fr}
  .confidentialite-traitement dl{grid-template-columns:1fr;gap:5px}
  .confidentialite-traitement dd+dt{margin-top:13px}
  .confidentialite-google{padding:24px 18px}
  .confidentialite-traitement-tete{align-items:flex-start;flex-direction:column}
}