/* ══════════════════════════════════════════════════════════════
   HOBAN — Politique de confidentialité de l'application
   Version : V1.1, 22 septembre 2026
   V1.1 : ajout des listes numérotées (ol), pour /suppression-de-compte/
   Chargée via $page_css = '/assets/legal-app.css';
   Importe legal.css (inchangé) et ajoute uniquement les éléments
   absents des autres pages légales : h3, tableaux, code,
   listes numérotées.
   ══════════════════════════════════════════════════════════════ */

@import url('/assets/legal.css');

.legal-wrap h3 { font-size: 13px; font-weight: 700; color: var(--c-t1); margin: 18px 0 6px; }

.legal-wrap ol { margin: 8px 0 10px 20px; display: flex; flex-direction: column; gap: 5px; }
.legal-wrap ol li { padding-left: 2px; }

.legal-wrap .table-scroll { overflow-x: auto; margin: 10px 0 14px; -webkit-overflow-scrolling: touch; }
.legal-wrap table { width: 100%; border-collapse: collapse; font-size: 13px; min-width: 460px; }
.legal-wrap th, .legal-wrap td {
  text-align: left; vertical-align: top; padding: 9px 10px;
  border-bottom: 1px solid var(--c-border); color: var(--c-t2); line-height: 1.5;
}
.legal-wrap th {
  font-size: 11px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase;
  color: var(--c-t1); background: var(--c-bg);
}
.legal-wrap tr:last-child td { border-bottom: none; }

.legal-wrap code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12.5px; background: var(--c-bg); padding: 1px 5px; border-radius: 4px;
}
