.chart2-wrap { width: 100%; overflow-x: auto; margin: 2rem 0; }
  .chart2-wrap svg { display: block; width: 100%; }
  .chart2-wrap text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
  .c2-gray-fill   { fill: #f1efe8; stroke: #5f5e5a; }
  .c2-gray-text   { fill: #2c2c2a; }
  .c2-gray-sub    { fill: #5f5e5a; }
  .c2-gray-step   { fill: #888780; }
  .c2-purple-fill { fill: #eeedfe; stroke: #534ab7; }
  .c2-purple-text { fill: #26215c; }
  .c2-purple-sub  { fill: #534ab7; }
  .c2-purple-step { fill: #7f77dd; }
  .c2-teal-fill   { fill: #e1f5ee; stroke: #0f6e56; }
  .c2-teal-text   { fill: #04342c; }
  .c2-teal-sub    { fill: #0f6e56; }
  .c2-teal-step   { fill: #1d9e75; }
  .c2-arr         { stroke: #888780; stroke-width: 1.5; fill: none; }
  .c2-note        { fill: #888780; font-size: 12px; }