{{/* 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>
