fix addiction-stat card overflow on narrow viewports

Remove min-width:4rem on the number (was pushing card past container),
add flex-wrap + flex:1 1 12rem on label so it wraps under the number
when the card itself is narrower than content. Slightly smaller number
font (2.25rem) for balance.

layouts/shortcodes/addiction-stat.html

@@ -1,5 +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 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;max-width:100%;box-sizing:border-box;flex-wrap:wrap">
+  <div style="font-size:2.25rem;font-weight:800;line-height:1;color:{{ .Get "color" }};font-family:system-ui,sans-serif;text-align:center;flex:0 0 auto">{{ .Get "num" }}</div>
+  <div style="font-size:0.95rem;color:#475569;line-height:1.4;font-family:system-ui,sans-serif;flex:1 1 12rem;min-width:0;overflow-wrap:anywhere">{{ .Get "label" }}</div>
 </div>