spread stat cards across article: one per section

- Bar chart: after intro (early viewport)
- 5h card: after "They Knew"
- 2-3x card: after bullet list in "The Numbers"
- 3h+ card: after "Courts Are Catching Up"

New single-card shortcode addiction-stat with num/color/label params.
Removed grouped addiction-impact and addiction-stats shortcodes.

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

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

@@ -43,6 +43,8 @@ Eine von Meta geförderte Studie aus dem Jahr 2026 ergab, dass traumatisierte Ki
 
 Die American Psychological Association hat ihre eigene Gesundheitswarnung zum Social-Media-Konsum von Jugendlichen herausgegeben und die Bedenken des Gesundheitsbeauftragten zu den Auswirkungen auf sich entwickelnde Gehirne bestätigt.
 
+{{< addiction-stat num="5h" color="#667eea" label="Durchschnittliche tägliche Social-Media-Nutzung bei Jugendlichen — Gallup/Pew Research" >}}
+
 ## Die Zahlen
 
 Das Ausmaß des Problems ist kaum zu überschätzen.
@@ -54,7 +56,7 @@ 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 >}}
+{{< addiction-stat num="2-3x" color="#ef4444" label="Höheres Risiko für Suizidgedanken bei Social-Media-Abhängigkeit — Weill Cornell Medicine" >}}
 
 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.
 
@@ -70,6 +72,8 @@ Anfang 2026 sind über **2.400 Klagen** in einem gebündelten Bundesverfahren (M
 
 Die Klagen konzentrieren sich gezielt auf **süchtig machende Designelemente** — endloses Scrollen, Verhaltenstracking, algorithmische Manipulation — und nicht auf Inhalte Dritter. Diese Unterscheidung ist wichtig: Sie zielt auf das Geschäftsmodell selbst ab.
 
+{{< addiction-stat num="3h+" color="#764ba2" label="Tägliche Nutzungsschwelle, ab der Angst und Depression deutlich zunehmen — JAMA Psychiatry" >}}
+
 ## Europa geht bei der Regulierung voran
 
 Die Europäische Union hat die bisher direktesten regulatorischen Maßnahmen gegen süchtig machendes Design ergriffen.

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

@@ -43,6 +43,8 @@ A Meta-sponsored study published in 2026 found that trauma-exposed children are
 
 The American Psychological Association has issued its own health advisory on adolescent social media use, echoing the Surgeon General's concerns about the impact on developing minds.
 
+{{< addiction-stat num="5h" color="#667eea" label="Average daily social media use among teenagers — Gallup/Pew Research" >}}
+
 ## The Numbers
 
 The scale of the problem is difficult to overstate.
@@ -54,7 +56,7 @@ 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 >}}
+{{< addiction-stat num="2-3x" color="#ef4444" label="Higher risk of suicidal ideation with social media addiction — Weill Cornell Medicine" >}}
 
 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.
 
@@ -70,6 +72,8 @@ As of early 2026, over **2,400 lawsuits** are pending in a federal multidistrict
 
 The legal claims focus specifically on **addictive design elements** — infinite scrolling, behavioral tracking, algorithmic manipulation — rather than on third-party content. This distinction matters: it targets the business model itself.
 
+{{< addiction-stat num="3h+" color="#764ba2" label="Daily use threshold where anxiety and depression increase significantly — JAMA Psychiatry" >}}
+
 ## Europe Leads on Regulation
 
 The European Union has taken the most direct regulatory action against addictive design to date.

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

@@ -43,6 +43,8 @@ Une étude financée par Meta publiée en 2026 a révélé que les enfants expos
 
 L'American Psychological Association a publié son propre avis sanitaire sur l'utilisation des réseaux sociaux par les adolescents, faisant écho aux préoccupations du directeur de la santé publique concernant l'impact sur les cerveaux en développement.
 
+{{< addiction-stat num="5h" color="#667eea" label="Utilisation quotidienne moyenne des réseaux sociaux chez les adolescents — Gallup/Pew Research" >}}
+
 ## Les chiffres
 
 L'ampleur du problème est difficile à surestimer.
@@ -54,7 +56,7 @@ 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 >}}
+{{< addiction-stat num="2-3x" color="#ef4444" label="Risque accru d'idéation suicidaire en cas de dépendance aux réseaux sociaux — Weill Cornell Medicine" >}}
 
 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.
 
@@ -70,6 +72,8 @@ Début 2026, plus de **2 400 poursuites** sont en attente dans un litige fédér
 
 Les plaintes se concentrent spécifiquement sur les **éléments de design addictif** — défilement infini, suivi comportemental, manipulation algorithmique — plutôt que sur les contenus tiers. Cette distinction est importante : elle cible le modèle économique lui-même.
 
+{{< addiction-stat num="3h+" color="#764ba2" label="Seuil d'utilisation quotidienne au-delà duquel anxiété et dépression augmentent significativement — JAMA Psychiatry" >}}
+
 ## L'Europe en tête sur la réglementation
 
 L'Union européenne a pris les mesures réglementaires les plus directes contre le design addictif à ce jour.

layouts/shortcodes/addiction-impact.html

@@ -1,23 +0,0 @@
-{{/* 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>

layouts/shortcodes/addiction-stat.html

@@ -0,0 +1,5 @@
+{{/* Single stat card — usage: {{< addiction-stat num="5h" color="#667eea" label="..." >}} */}}
+<div style="background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;margin:2rem 0;display:flex;align-items:center;gap:1.25rem">
+  <div style="font-size:2.5rem;font-weight:800;line-height:1;color:{{ .Get "color" }};font-family:system-ui,sans-serif;min-width:4rem;text-align:center">{{ .Get "num" }}</div>
+  <div style="font-size:0.95rem;color:#475569;line-height:1.4;font-family:system-ui,sans-serif">{{ .Get "label" }}</div>
+</div>

layouts/shortcodes/addiction-stats.html

@@ -1,103 +0,0 @@
-{{/* Addiction stats — horizontal bar chart + stat cards for health impact */}}
-{{ $lang := .Page.Language.Lang }}
-
-<style>
-.addiction-stats { margin: 2.5rem 0; }
-.addiction-chart-card {
-  background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px;
-  padding: 1.5rem; text-align: center; margin-bottom: 1.5rem;
-}
-.addiction-chart-card h4 {
-  margin: 0 0 1rem; font-size: 0.9rem; color: #334155;
-  font-family: system-ui, sans-serif;
-}
-.addiction-impact-cards {
-  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem;
-}
-.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-stats">
-  <div class="addiction-chart-card">
-    <h4>{{ 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>
-  <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>
-</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>