<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 420" role="img" aria-labelledby="t-add">
  <title id="t-add">Comparaison entre les addictions aux réseaux sociaux, aux jeux d'argent, au smartphone et à l'IA générative</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .h-bg { fill: #1a1a1a; }
      .row-bg { fill: #f5f1eb; }
      .th { font-family: 'DM Mono', monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; fill: #f5f1eb; font-weight: 700; }
      .row-lab { font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; fill: #1a1a1a; }
      .cell { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #1a1a1a; }
      .ia-cell { fill: url(#otium-grad); }
      .ia-cell-text { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #f5f1eb; font-weight: 600; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Quatre addictions · grille comparative 2026</text>

  <rect x="30" y="65" width="200" height="42" class="h-bg" />
  <text x="130" y="91" text-anchor="middle" class="th">Dimension</text>

  <rect x="230" y="65" width="160" height="42" class="h-bg" />
  <text x="310" y="91" text-anchor="middle" class="th">Jeux d'argent</text>

  <rect x="390" y="65" width="160" height="42" class="h-bg" />
  <text x="470" y="91" text-anchor="middle" class="th">Réseaux sociaux</text>

  <rect x="550" y="65" width="160" height="42" class="h-bg" />
  <text x="630" y="91" text-anchor="middle" class="th">Smartphone</text>

  <rect x="710" y="65" width="160" height="42" class="ia-cell" />
  <text x="790" y="91" text-anchor="middle" class="th">IA générative</text>

  <rect x="30" y="110" width="840" height="52" class="row-bg" />
  <text x="40" y="143" class="row-lab">Récompense</text>
  <text x="240" y="143" class="cell">Variable, aléatoire</text>
  <text x="400" y="143" class="cell">Variable, likes, scroll</text>
  <text x="560" y="143" class="cell">Variable, notifs</text>
  <rect x="710" y="110" width="160" height="52" class="ia-cell" />
  <text x="720" y="143" class="ia-cell-text">Variable, qualité réponse</text>

  <rect x="30" y="165" width="840" height="52" class="row-bg" />
  <text x="40" y="198" class="row-lab">Engagement</text>
  <text x="240" y="198" class="cell">Actif</text>
  <text x="400" y="198" class="cell">Passif (scroll)</text>
  <text x="560" y="198" class="cell">Mixte</text>
  <rect x="710" y="165" width="160" height="52" class="ia-cell" />
  <text x="720" y="198" class="ia-cell-text">Actif (conversation)</text>

  <rect x="30" y="220" width="840" height="52" class="row-bg" />
  <text x="40" y="253" class="row-lab">Lien émotionnel</text>
  <text x="240" y="253" class="cell">Faible</text>
  <text x="400" y="253" class="cell">Fort (validation sociale)</text>
  <text x="560" y="253" class="cell">Moyen</text>
  <rect x="710" y="220" width="160" height="52" class="ia-cell" />
  <text x="720" y="253" class="ia-cell-text">Fort (pseudo-relationnel)</text>

  <rect x="30" y="275" width="840" height="52" class="row-bg" />
  <text x="40" y="308" class="row-lab">Cadre clinique</text>
  <text x="240" y="308" class="cell">APA 2013 (DSM-5)</text>
  <text x="400" y="308" class="cell">Haidt, Surgeon Gal 2023</text>
  <text x="560" y="308" class="cell">Common Sense 2024</text>
  <rect x="710" y="275" width="160" height="52" class="ia-cell" />
  <text x="720" y="308" class="ia-cell-text">Springer 2025, en débat</text>

  <rect x="30" y="330" width="840" height="52" class="row-bg" />
  <text x="40" y="363" class="row-lab">Signal clinique 2026</text>
  <text x="240" y="363" class="cell">~1 % pop. FR</text>
  <text x="400" y="363" class="cell">~10 % jeunes excessif</text>
  <text x="560" y="363" class="cell">50 % vérif &gt; 80×/j</text>
  <rect x="710" y="330" width="160" height="52" class="ia-cell" />
  <text x="720" y="363" class="ia-cell-text">560 k/sem signaux graves</text>

  <text x="30" y="405" style="font-family:'DM Mono',monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;fill:#555;">Sources : DSM-5 APA, Haidt Anxious Generation, US Surgeon General Advisory 2023, Common Sense Media 2024, Springer IJMHA 2025, OpenAI mental health disclosure 2025</text>
</svg>
