# [microfix] 생보 연속 사다리 — 우측 누적화살표 재배치 + 하강화살표 금액아래 + 회사명 잘림 (목업 정합)

## allowed_resources
```yaml
allowed_resources:
  paths:
    - "src/components/composite/LifeThreeCriticalDiff.tsx"
    - "src/components/composite/__tests__/LifeThreeCriticalDiff.test.tsx"
  forbidden_paths:
    - "server/**"
    - "extension/**"
    - ".github/**"
    - "src/lib/**"
    - "src/components/composite/RpPresentation.tsx"
    - "src/components/composite/ConsultationHistoryView.tsx"
  commands: ["npx vitest","npx tsc","git"]
  merge_policy: "none"
  ttl_hours: 8
```
> ★ base=현 origin/main(task-2892 반영됨). **LifeThreeCriticalDiff.tsx(+테스트)만.** 계산 로직(lib)·데이터·표 내용 불변 — **SVG 좌표/레이아웃만** 수정. **회장 승인 목업 = `/home/jay/.cokacdir/workspace/autoset/life_optionC2_mock.png`** (이 배치대로).

## 배경 (ANU 실렌더 vs 승인 목업 비교 — 불일치 3건)
task-2892 구현이 승인 목업과 시각적으로 다름. ANU가 실제 컴포넌트 렌더 캡처해 확인. **SVG 배치만** 목업에 맞춤(수치·색·표·계산 정상).

## 수정 3건

### ① ★ 우측 누적 직각화살표 4개 재배치 (핵심 불일치)
- **현상**: 라벨 글박스 4개(dual/triple/cancer_life/three_life)가 **최고 Max 행 바로 아래에 대각선으로 뭉쳐 겹침**(현재 `cumulativeSrcOffset` 26/58/90/122로 라벨을 원점 근처에 둠).
- **목업 정합**: 각 라벨 흰 글박스를 해당 화살표 **세로선의 중간 높이(srcY와 tgtY의 중점)**에 배치 → 4개가 오른쪽 전체에 **계단식으로 넓게 분산**(파랑=위, 빨강=아래). 서로 겹치지 않게.
  - 세로선 x: inner→outer 균등(현재 620/674/728/782 유지 가능하나 라벨 폭 고려해 간격 확보).
  - 윗부분 가로세그먼트: 원점(최고 Max)에서 나가는 4개 가로선을 staggered(위로 조금씩 올려) **비겹침**(목업처럼).
  - 라벨 글박스: 흰 배경 + 색 테두리 + 여백(현 형태 유지), 위치만 세로선 중점으로.
  - 화살촉: 각 target 행 금액으로 좌향(현행 유지).

### ② 하강(세로) 화살표를 금액 열 아래로
- **현상**: `downArrowX:438` > `amountX:400` → 화살표가 금액 **오른쪽**.
- **수정**: 하강 화살표를 **금액 텍스트 아래**(amountX보다 왼쪽, 예 `downArrowX ≈ amountX − 55`)로 이동 → 손보/목업처럼 금액 열 밑에서 다음 단계로 내려가게. 단계 차액 라벨은 화살표 오른쪽 유지.

### ③ 회사명 잘림 방지
- **현상**: 3개회사 복합 조합명 "테스트화재 + 샘플손보 +…" 잘림.
- **수정**: 긴 조합/회사명이 잘리지 않게 — 폰트 소폭 축소 or 2줄 허용 or 축약("+N개사")+`<title>` 전체명. companyX~amountX 사이 폭 내에서 처리(금액과 겹치지 않게).

## 제약
- LifeThreeCriticalDiff.tsx만. 6단 사다리·비교표·색(손보 파랑/생보 초록·빨강)·수치·계산·컴플라이언스 각주 불변. **SVG 좌표/라벨 위치/텍스트 처리만.** 곡선 금지(직각). viewBox 좌표계 유지.

## 검증
- `npx tsc` 0. `npx vitest run` 회귀 0. 신규/갱신: 누적 라벨 4개가 서로 다른 y(중점)로 분산(겹침 없음)·하강화살표 x < amountX·긴 회사명 미잘림(축약 or title). 
- **★ ANU가 스크린샷 육안으로 목업 정합 재확인**(SVG 겹침은 텍스트검사 미검출).

## 완료 (★ 순서 B)
- 변경 = LifeThreeCriticalDiff.tsx(+테스트)만.
- **dev6 금지** — dev1. 커밋 → push → finish-task **foreground 1회** → .done 즉시 종료. **background wait 금지.** ANU 검증·스크린샷 육안·머지·CF Pages 배포는 ANU.

## goal_assertions (auto-generated)
- `npx tsc`
- `npx vitest run`
