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