split stats into chart + impact cards, spread across article

Chart after intro (early viewport), impact stat cards after bullet list
in The Numbers section. Old combined shortcode replaced.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

content/de/tech-konzerne-sucht-als-geschaeftsmodell.md

@@ -13,6 +13,8 @@ Fast die Hälfte aller Jugendlichen gibt an, sich süchtig nach sozialen Medien
 
 Hier erfahren Eltern, wie diese Plattformen funktionieren, was die Forschung zeigt und was dagegen unternommen wird.
 
+{{< addiction-chart >}}
+
 ## Das Sucht-Handbuch der Plattformen
 
 Social-Media-Plattformen nutzen eine Reihe gut dokumentierter Designmuster, die ausnutzen, wie das menschliche Gehirn Belohnungen und Erwartungen verarbeitet. Das sind keine Fehler oder Nebeneffekte — es sind zentrale Produktmerkmale.
@@ -43,8 +45,6 @@ Die American Psychological Association hat ihre eigene Gesundheitswarnung zum So
 
 ## Die Zahlen
 
-{{< addiction-stats >}}
-
 Das Ausmaß des Problems ist kaum zu überschätzen.
 
 - **95 %** der Kinder zwischen 10 und 17 Jahren nutzen regelmäßig soziale Medien
@@ -54,6 +54,8 @@ Das Ausmaß des Problems ist kaum zu überschätzen.
 - Kinder mit Social-Media-Sucht haben laut Forschung der Weill Cornell Medicine ein **2- bis 3-fach höheres Risiko** für Suizidgedanken
 - **45 %** der US-Jugendlichen berichten, dass Social Media ihren Schlaf negativ beeinflusst
 
+{{< addiction-impact >}}
+
 Der World Happiness Report 2026 dokumentierte, dass soziale Medien „Jugendliche in einem Ausmaß schädigen, das groß genug ist, um Veränderungen auf Bevölkerungsebene zu verursachen" — eine der deutlichsten Aussagen einer großen globalen Forschungsinitiative bisher.
 
 ## Die Gerichte holen auf

content/en/tech-companies-addiction-business-model.md

@@ -13,6 +13,8 @@ Nearly half of all teenagers say they feel addicted to social media. That is not
 
 Here is what parents need to know about how these platforms work, what the evidence shows, and what is being done about it.
 
+{{< addiction-chart >}}
+
 ## The Addiction Playbook
 
 Social media platforms use a set of well-documented design patterns that exploit how the human brain processes reward and anticipation. These are not bugs or side effects — they are core product features.
@@ -43,8 +45,6 @@ The American Psychological Association has issued its own health advisory on ado
 
 ## The Numbers
 
-{{< addiction-stats >}}
-
 The scale of the problem is difficult to overstate.
 
 - **95%** of children aged 10–17 use social media regularly
@@ -54,6 +54,8 @@ The scale of the problem is difficult to overstate.
 - Children with social media addiction are **2–3 times more likely** to experience suicidal ideation, according to research from Weill Cornell Medicine
 - **45%** of U.S. teens report that social media negatively affects their sleep
 
+{{< addiction-impact >}}
+
 The 2026 World Happiness Report documented that social media is "harming adolescents at a scale large enough to cause changes at the population level" — one of the strongest statements from a major global research initiative to date.
 
 ## Courts Are Catching Up

content/fr/entreprises-tech-addiction-modele-economique.md

@@ -13,6 +13,8 @@ Près de la moitié des adolescents déclarent se sentir dépendants des réseau
 
 Voici ce que les parents doivent savoir sur le fonctionnement de ces plateformes, ce que montrent les données et ce qui est fait pour y remédier.
 
+{{< addiction-chart >}}
+
 ## Le manuel de l'addiction
 
 Les plateformes de réseaux sociaux utilisent un ensemble de mécanismes de design bien documentés qui exploitent la façon dont le cerveau humain traite la récompense et l'anticipation. Ce ne sont pas des bugs ou des effets secondaires — ce sont des fonctionnalités centrales du produit.
@@ -43,8 +45,6 @@ L'American Psychological Association a publié son propre avis sanitaire sur l'u
 
 ## Les chiffres
 
-{{< addiction-stats >}}
-
 L'ampleur du problème est difficile à surestimer.
 
 - **95 %** des enfants de 10 à 17 ans utilisent régulièrement les réseaux sociaux
@@ -54,6 +54,8 @@ L'ampleur du problème est difficile à surestimer.
 - Les enfants dépendants des réseaux sociaux ont un risque **2 à 3 fois plus élevé** d'idéation suicidaire, selon les recherches de Weill Cornell Medicine
 - **45 %** des adolescents américains rapportent que les réseaux sociaux affectent négativement leur sommeil
 
+{{< addiction-impact >}}
+
 Le World Happiness Report 2026 a documenté que les réseaux sociaux « nuisent aux adolescents à une échelle suffisamment grande pour provoquer des changements au niveau de la population » — l'une des déclarations les plus fortes d'une grande initiative de recherche mondiale à ce jour.
 
 ## Les tribunaux rattrapent leur retard

layouts/shortcodes/addiction-chart.html

@@ -0,0 +1,36 @@
+{{/* Horizontal bar chart — teen social media usage percentages */}}
+{{ $lang := .Page.Language.Lang }}
+<div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;text-align:center;margin:2rem 0">
+  <h4 style="margin:0 0 1rem;font-size:0.9rem;color:#334155;font-family:system-ui,sans-serif">{{ if eq $lang "de" }}Jugendliche & Social Media{{ else if eq $lang "fr" }}Adolescents & réseaux sociaux{{ else }}Teens & Social Media{{ end }}</h4>
+  <canvas id="addiction-usage-chart"></canvas>
+</div>
+<script src="{{ "js/chart.umd.min.js" | relURL }}"></script>
+<script>
+(function() {
+  const lang = '{{ $lang }}';
+  const labels = {
+    en: ['Use social media\nregularly', 'Feel addicted', 'Sleep negatively\naffected', '3+ hours/day'],
+    de: ['Nutzen Social Media\nregelmäßig', 'Fühlen sich\nsüchtig', 'Schlaf negativ\nbeeinflusst', '3+ Stunden/Tag'],
+    fr: ['Utilisent les\nréseaux sociaux', 'Se sentent\ndépendants', 'Sommeil\nnégativement affecté', '3+ heures/jour']
+  };
+  new Chart(document.getElementById('addiction-usage-chart'), {
+    type: 'bar',
+    data: {
+      labels: labels[lang] || labels.en,
+      datasets: [{
+        data: [95, 47, 45, 63],
+        backgroundColor: ['#667eea', '#764ba2', '#a78bfa', '#c4b5fd'],
+        borderRadius: 6, barThickness: 28
+      }]
+    },
+    options: {
+      indexAxis: 'y', responsive: true, maintainAspectRatio: true,
+      plugins: { legend: { display: false }, tooltip: { callbacks: { label: function(ctx) { return ctx.raw + '%'; } } } },
+      scales: {
+        x: { max: 100, ticks: { callback: function(v) { return v + '%'; }, font: { size: 11, family: 'system-ui' } }, grid: { color: '#f1f5f9' } },
+        y: { ticks: { font: { size: 11, family: 'system-ui' }, autoSkip: false }, grid: { display: false } }
+      }
+    }
+  });
+})();
+</script>

layouts/shortcodes/addiction-impact.html

@@ -0,0 +1,23 @@
+{{/* Stat cards — health impact metrics */}}
+{{ $lang := .Page.Language.Lang }}
+<style>
+.addiction-impact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2rem 0; }
+.addiction-impact-card { background:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:1.25rem; text-align:center; }
+.addiction-impact-num { font-size:2rem; font-weight:800; line-height:1; margin-bottom:0.5rem; font-family:system-ui,sans-serif; }
+.addiction-impact-desc { font-size:0.8rem; color:#475569; line-height:1.35; font-family:system-ui,sans-serif; }
+@media(max-width:640px){ .addiction-impact-cards{grid-template-columns:1fr;} }
+</style>
+<div class="addiction-impact-cards">
+  <div class="addiction-impact-card">
+    <div class="addiction-impact-num" style="color:#667eea">5h</div>
+    <div class="addiction-impact-desc">{{ if eq $lang "de" }}Durchschnittliche tägliche Nutzung{{ else if eq $lang "fr" }}Utilisation quotidienne moyenne{{ else }}Average daily use{{ end }}</div>
+  </div>
+  <div class="addiction-impact-card">
+    <div class="addiction-impact-num" style="color:#ef4444">2-3x</div>
+    <div class="addiction-impact-desc">{{ if eq $lang "de" }}Suizidgedanken-Risiko bei Abhängigkeit{{ else if eq $lang "fr" }}Risque d'idéation suicidaire{{ else }}Suicidal ideation risk with addiction{{ end }}</div>
+  </div>
+  <div class="addiction-impact-card">
+    <div class="addiction-impact-num" style="color:#764ba2">3h+</div>
+    <div class="addiction-impact-desc">{{ if eq $lang "de" }}Schwelle für erhöhte Angst & Depression{{ else if eq $lang "fr" }}Seuil d'anxiété & dépression accrues{{ else }}Threshold for increased anxiety & depression{{ end }}</div>
+  </div>
+</div>