.tte-chart {
  width: 100%; height: 100%; background: #eef1f4; box-sizing: border-box;
  padding: 16px; font: 14px/1.4 sans-serif; display: flex; flex-direction: column;
}
.tte-chart .tte-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.tte-chart .tte-title { margin: 0; font-size: 18px; font-weight: 500; color: #333; }
.tte-chart .tte-toggle { display: inline-flex; gap: 2px; background: #f0f0f0; border-radius: 7px; padding: 3px; }
.tte-chart .tte-toggle-btn { border: none; background: none; padding: 5px 12px; font: inherit; font-size: 12px; font-weight: 600; color: #666; border-radius: 5px; cursor: pointer; }
.tte-chart .tte-toggle-btn.active { background: #16324f; color: #fff; }
.tte-chart .tte-stage { flex: 1 1 auto; min-height: 0; }
.tte-chart .tte-svg { width: 100%; height: 100%; display: block; }
.tte-chart .tte-year-label { font-size: 12px; font-weight: 700; fill: #999; }
.tte-chart .tte-link { stroke: #ddd; stroke-width: 1.5px; }
.tte-chart .tte-item { font-size: 11px; fill: #444; }
.tte-chart .tte-item.is-mri { fill: #e07b39; font-weight: 700; }