/* Politique de confidentialité : texte juridique recopié à l'identique ; seule la mise en page est propre à la page.
   Règles communes aux quatre pages légales (en-tête, sommaire à gauche, repères, fiche d'identité) : dt.css, .lecture-legale. */

/* Finalités et durées de conservation : une fiche par traitement, deux par rangée quand la place le permet ;
   la base légale sous un filet pointillé */
.confidentialite-fiches { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); gap: var(--esp-5); }
.confidentialite-lecture .prose h2 + .confidentialite-fiches { margin-top: var(--esp-5); }
.confidentialite-fiche { padding: var(--esp-5); border-radius: var(--r-panel); background: var(--dt-paper); box-shadow: 0 0 0 2px var(--dt-ink); font-size: 17px; line-height: 1.55; }
.confidentialite-fiche > * + * { margin-top: var(--esp-3); }
.confidentialite-lecture .prose .confidentialite-fiche h3 { margin-top: 0; font-size: 20px; line-height: 1.2; }
.confidentialite-fiche p > strong:first-child { display: block; font: 700 15px/1.4 var(--display); color: var(--dt-ink-2); }
.confidentialite-fiche .confidentialite-base { padding-top: var(--esp-3); border-top: 2px dotted var(--dt-surface-alt-2); }

/* Données collectées : des listes courtes, sur deux colonnes */
@media (min-width: 640px) {
  .confidentialite-liste { columns: 2; column-gap: var(--esp-7); }
  .confidentialite-liste li { break-inside: avoid; padding-bottom: 0.4em; }
  .confidentialite-lecture .prose .confidentialite-liste li + li { margin-top: 0; }
}

/* Sous-traitants : un registre à filets */
.confidentialite-lecture .prose .confidentialite-presta { padding: 0; list-style: none; border-top: 3px solid var(--dt-ink); }
.confidentialite-lecture .prose .confidentialite-presta li { margin: 0; padding: var(--esp-3) 0; border-bottom: 2px dotted var(--dt-surface-alt-2); }

/* Exercice des droits : l'adresse à écrire, en grand */
.confidentialite-lecture .prose .confidentialite-contact { font: 700 clamp(22px, 2.4vw, 28px)/1.3 var(--display); letter-spacing: -0.01em; }
@media (max-width: 760px) {
  .confidentialite-fiche { padding: var(--esp-4); }
}