.blog-prose .blog-bars{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);margin:1.75rem 0;padding:1.25rem 1.25rem 1rem}.blog-prose .blog-bars-list{display:flex;flex-direction:column;gap:.875rem}.blog-prose .blog-bar-head{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.375rem}.blog-prose .blog-bar-label{color:var(--color-text-primary);font-size:.9375rem;line-height:1.35}.blog-prose .blog-bar-value{color:var(--color-text-primary);flex:none;font-size:1rem;font-variant-numeric:tabular-nums;font-weight:700}.blog-prose .blog-bar--hl .blog-bar-value{color:var(--color-accent)}.blog-prose .blog-bar-track{background-color:var(--color-surface-overlay);border-radius:999px;height:.625rem;overflow:hidden}.blog-prose .blog-bar-fill{background-color:var(--color-text-tertiary);border-radius:999px;display:block;height:100%;transition:width .78s cubic-bezier(.22,1,.36,1);transition-delay:var(--blog-bar-delay,0s);width:0}.blog-prose .blog-bar--hl .blog-bar-fill{background-color:var(--color-accent)}.blog-prose .blog-bars.is-shown .blog-bar-fill{width:var(--blog-bar-width,0)}.blog-prose .blog-bar-note{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4;margin:.3125rem 0 0}.blog-prose .blog-bars-caption{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8125rem;gap:.1875rem;line-height:1.45;margin-top:.875rem}.blog-prose .blog-bars-source{color:var(--color-text-tertiary)}@media(max-width:480px){.blog-prose .blog-bars{padding:1rem .875rem .875rem}.blog-prose .blog-bar-head{align-items:flex-start;flex-direction:column;gap:.125rem}}@media(prefers-reduced-motion:reduce){.blog-prose .blog-bar-fill{transition:none}}