.blog-chart{--blog-chart-bar: var(--green-accent);--blog-chart-top: var(--accent);margin:36px 0;padding:24px 20px 20px;background:var(--bg-section);border:1px solid var(--border);border-radius:var(--radius-md)}@media (min-width: 640px){.blog-chart{margin:44px 0;padding:32px 32px 24px}}.blog-chart--muted{--blog-chart-bar: var(--text-muted);--blog-chart-top: var(--text-secondary)}.blog-chart-title{font-family:Epilogue,system-ui,sans-serif;font-weight:700;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.3;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 22px}.blog-chart .blog-chart-source{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--border);font-size:.8rem;line-height:1.5;color:var(--text-muted)}.blog-chart-hbars{display:flex;flex-direction:column;gap:16px}.blog-chart-hbar{display:grid;grid-template-columns:1fr;gap:6px}@media (min-width: 640px){.blog-chart-hbar{grid-template-columns:210px 1fr;gap:18px;align-items:center}}.blog-chart-hbar-label{font-size:.92rem;line-height:1.35;font-weight:500;color:var(--text-secondary)}.blog-chart-hbar-track{display:flex;align-items:center;gap:10px;min-width:0}.blog-chart-hbar-fill{display:block;flex:none;width:calc((100% - 4.5rem) * var(--blog-chart-pct));height:14px;border-radius:var(--radius-pill);background:var(--blog-chart-bar);transform-origin:left center}.blog-chart-hbar-fill.is-top{background:var(--blog-chart-top)}.blog-chart-hbar-value{flex:none;font-family:Epilogue,system-ui,sans-serif;font-weight:800;font-size:1rem;color:var(--text-primary);white-space:nowrap}.blog-chart-vbars{display:flex;justify-content:center;align-items:stretch;gap:clamp(20px,8vw,64px)}.blog-chart-vbar{flex:0 1 160px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.blog-chart-vbar-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:100%;height:clamp(190px,34vw,250px)}.blog-chart-vbar-fill{display:block;flex:none;width:100%;height:calc((100% - 2.25rem) * var(--blog-chart-pct));border-radius:var(--radius-sm) var(--radius-sm) 4px 4px;background:var(--blog-chart-bar);transform-origin:center bottom}.blog-chart-vbar-fill.is-top{background:var(--blog-chart-top)}.blog-chart-vbar-value{font-family:Epilogue,system-ui,sans-serif;font-weight:800;font-size:clamp(1rem,2.6vw,1.25rem);line-height:1.2;color:var(--text-primary);white-space:nowrap}.blog-chart-vbar-label{font-size:.92rem;line-height:1.35;font-weight:600;color:var(--text-secondary)}.blog-chart-tiles{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.blog-chart-tiles{grid-template-columns:repeat(3,1fr);gap:16px}}.blog-chart-tile{display:flex;flex-direction:column;gap:8px;padding:20px 18px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.blog-chart-tile-value{font-family:Epilogue,system-ui,sans-serif;font-weight:800;font-size:clamp(1.7rem,4vw,2.1rem);line-height:1.05;letter-spacing:-.02em;color:var(--accent)}.blog-chart-tile-label{font-size:.9rem;line-height:1.4;color:var(--text-secondary)}.blog-chart[data-reveal] .blog-chart-hbar-fill{transform:scaleX(0)}.blog-chart[data-reveal] .blog-chart-vbar-fill{transform:scaleY(0)}.blog-chart[data-reveal] .blog-chart-hbar-fill,.blog-chart[data-reveal] .blog-chart-vbar-fill{transition:transform .9s cubic-bezier(.2,.8,.2,1) .15s}.blog-chart.is-visible .blog-chart-hbar-fill,.blog-chart.is-visible .blog-chart-vbar-fill{transform:none}@media (prefers-reduced-motion: reduce){.blog-chart[data-reveal] .blog-chart-hbar-fill,.blog-chart[data-reveal] .blog-chart-vbar-fill{transform:none;transition:none}}
