/* ═══ SentryReply — /privacy ═══════════════════════════════════════════════
   Cette feuille ne se suffit pas : elle vient APRÈS connect.css, dont elle
   reprend la colonne, le papier crème, le mât, le pied et le registre
   (.ledger). Elle n'ajoute que ce qu'un document long réclame et que les deux
   pages d'autorisation n'avaient pas — des sections numérotées, un registre de
   permissions en dl, des listes.

   Pourquoi rien d'inline dans la page : une politique de confidentialité se
   relit et se corrige souvent. Autant que sa mise en forme vive au même
   endroit que celle du reste du site.                                        */

.doc{padding-bottom:clamp(48px,7vh,80px)}
.doc .lead{max-width:52ch}
.doc .ledger{margin-top:44px}

/* ═══ sections ═══
   Le filet du haut sépare, la numérotation situe : dans un texte qu'on lit en
   diagonale, « 07 · who else can see it » est un repère, pas une décoration. */
.sec{margin-top:52px;padding-top:40px;border-top:1px solid var(--rule)}
.sec-n{
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:16px;
}
.h2{
  font-size:clamp(27px,4.4vw,42px);
  line-height:1.03;letter-spacing:-.022em;margin-bottom:20px;
}

/* `:not()` plutôt qu'une classe sur chaque paragraphe : .note, .sec-n et .sig
   ont déjà leur propre voix, et legal.css passe après connect.css — sans cette
   exception, .sec p écraserait .note dont la spécificité est plus faible. */
.sec p:not(.note):not(.sec-n):not(.sig){
  font-size:16.5px;line-height:1.72;color:var(--ink-2);max-width:58ch;
}
.sec p+p{margin-top:15px}
.sec .note{max-width:58ch}
.sec b{color:var(--ink)}
.sec .mono{font-size:.93em}

/* Les liens du corps portent le filet accent : dans une page où presque tout
   est du texte, un lien sans repère visuel disparaît. */
.sec a{
  text-decoration:none;
  border-bottom:1px solid rgba(255,79,48,.45);
  transition:border-color .25s,color .25s;
}
.sec a:hover{border-color:var(--accent);color:var(--ink)}
.sec a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* ═══ le registre des quatre permissions ═══
   Un <dl> et non un tableau : la portée et ce qu'elle autorise sont un couple
   terme/définition, et un tableau à deux colonnes casse sur un téléphone. */
.scopes{margin:30px 0 4px;border-top:1px solid var(--rule-soft)}
.scopes dt{
  font-size:12.5px;letter-spacing:.04em;color:var(--accent);
  padding-top:18px;
}
.scopes dd{
  font-size:15.5px;line-height:1.68;color:var(--ink-2);
  padding:7px 0 18px;border-bottom:1px solid var(--rule-soft);
  max-width:58ch;
}

/* ═══ listes ═══ (sous-traitants, emplacements) */
.plain{list-style:none;margin:22px 0 0;padding:0}
.plain li{
  position:relative;padding:11px 0 11px 20px;
  font-size:16px;line-height:1.7;color:var(--ink-2);
  border-bottom:1px solid var(--rule-soft);max-width:58ch;
}
.plain li:last-child{border-bottom:0}
.plain li::before{
  content:"";position:absolute;left:0;top:23px;
  width:8px;height:1px;background:var(--accent);opacity:.75;
}
.plain b{color:var(--ink)}
/* la liste finit sur un filet ; le paragraphe qui la commente a besoin d'air */
.plain+p{margin-top:22px}

.sig{
  margin-top:28px;font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-faint);
}

@media (max-width:520px){
  .sec{margin-top:40px;padding-top:32px}
  .scopes dt{padding-top:16px}
  .plain li{padding-left:18px}
}