/* Category colors stay attached to each category in both chart locations. */
#dashboard .donut-segment,
#analysis .donut-segment { stroke: var(--category-color); }

#dashboard .donut-track,
#analysis .donut-track { stroke: var(--line); }

#dashboard .legend-dot.category-color,
#analysis .legend-dot.category-color { background: var(--category-color); }

@media (max-width: 760px) {
  #analysis .category-analysis .donut { width: 98px; height: 98px; }
  #analysis .category-analysis .legend { gap: 6px; }
  #analysis .category-analysis .legend-row,
  #analysis .category-analysis .legend-row strong { font-size: 10px; }
  #analysis .category-analysis .legend-dot { width: 8px; height: 8px; }
}