/* Moved from websites/templates/websites/website_background_tasks_progress.html (redesign checklist: local CSS out of the templates).
   Loaded only by that page, at the place its <style> stood. */

/* page-local */
.num { text-align: right; white-space: nowrap; }
.task-counts-table { max-width: 480px; }
.task-rings { display: flex; gap: var(--space-6); flex-wrap: wrap; justify-content: center; }
.task-rings a { text-decoration: none; color: inherit; text-align: center; }
.task-rings .seo-score-ring { margin: 0 auto var(--space-2); }
.task-rings strong { display: block; max-width: 160px; }
.task-category-head { display: flex; align-items: flex-start; gap: var(--space-5); flex-wrap: wrap; margin-bottom: var(--space-3); }
.task-category-head .seo-score-ring { flex-shrink: 0; }
.task-ring--sm { width: 96px; height: 96px; font-size: 22px; }
.task-category-head p { max-width: 65ch; padding-left: var(--space-3); }