/* Pages de confidentialité (fr, de, it, en, es) — parcours 12/10 (prod, 320 px) : le tableau « Donnée / Quand / Ce que
   nous en faisons » demande ~309 px au minimum pour 280 utiles ; il glissait dans un conteneur à défilement horizontal
   que rien ne signale — la 3e colonne était coupée au bord (« notr », « Google r »). Sous 520 px, chaque ligne devient
   un bloc : la donnée en titre, puis chaque cellule précédée de son intitulé de colonne (attribut data-label, écrit
   dans la langue de la page). L'en-tête reste lu par les lecteurs d'écran. Au-dessus de 520 px, rien ne change. */
@media (max-width: 520px) {
  .wrap { overflow-x: visible; }
  .wrap table, .wrap tbody, .wrap tr, .wrap td { display: block; width: auto; }
  .wrap thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .wrap tr { padding: 10px 12px; border-bottom: 1px solid var(--line); }
  .wrap tr:last-child { border-bottom: 0; }
  .wrap td { padding: 2px 0; border-bottom: 0; }
  .wrap td:first-child { font-size: 15px; margin-bottom: 4px; }
  .wrap td[data-label]::before { content: attr(data-label); font-weight: 600; }
}