.blog-prose .blog-donuts{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}.blog-prose .blog-donuts-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.blog-prose .blog-donut{display:flex;flex-direction:column;text-align:center}.blog-prose .blog-donut-label{flex:1 1 auto}.blog-prose .blog-donut-ring{margin:0 auto;max-width:100%;position:relative;width:8.5rem}.blog-prose .blog-donut-ring svg{display:block;height:auto;transform:rotate(-90deg);width:100%}.blog-prose .blog-donut-track{fill:none;stroke:var(--color-surface-overlay);stroke-width:12}.blog-prose .blog-donut-arc{fill:none;stroke:var(--color-accent);stroke-dasharray:var(--blog-donut-dash);stroke-dashoffset:var(--blog-donut-dash);stroke-linecap:round;stroke-width:12;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1);transition-delay:var(--blog-donut-delay,0s)}.blog-prose .blog-donut--muted .blog-donut-arc{stroke:var(--color-text-tertiary)}.blog-prose .blog-donuts.is-shown .blog-donut-arc{stroke-dashoffset:var(--blog-donut-offset)}.blog-prose .blog-donut-value{color:var(--color-text-primary);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:700;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.blog-prose .blog-donut-label{color:var(--color-text-primary);font-size:.9375rem;line-height:1.4;margin:.625rem 0 0}.blog-prose .blog-donut-note{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.4;margin:.25rem 0 0}.blog-prose .blog-donuts-caption{color:var(--color-text-secondary);display:flex;flex-direction:column;font-size:.8125rem;gap:.1875rem;line-height:1.45;margin-top:1rem}.blog-prose .blog-donuts-source{color:var(--color-text-tertiary)}@media(max-width:480px){.blog-prose .blog-donuts{padding:1rem .875rem}.blog-prose .blog-donut-ring{width:7.5rem}}@media(prefers-reduced-motion:reduce){.blog-prose .blog-donut-arc{transition:none}}
