# [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/ConsultationHistoryView.tsx"
    - "src/components/composite/RpPresentation.tsx"
  commands: ["npx vitest","npx tsc","git"]
  merge_policy: "none"
  ttl_hours: 6
```
> ★ base=현 origin/main. **LifeThreeCriticalDiff.tsx(+그 테스트)만** — task-2889(다른 파일)와 병렬. 다른 파일 절대 금지.

## 배경 (회장 실사용)
생보 계단식 우측 초록 "20년 −4,560,000원" **총액차이 흰 글박스의 위/아래 여백이 비대칭**. 손보 섹션의 파란(하늘색) 라벨 박스처럼 상하 여백을 **동일**하게.

## 원인 (특정 완료)
`LifeThreeCriticalDiff.tsx` 우측 ㄱ자 누적화살표 흰 backplate:
```jsx
<rect x={...} y={midY - L.diffFont} width={estW + 8} height={L.diffFont + 6} fill="#ffffff" .../>
<text x={L.connX} y={midY - 3} textAnchor="middle" fontSize={L.diffFont} ...>{yearLabel}</text>
```
- rect 세로 범위 = `midY - diffFont` ~ `midY + 6`, 텍스트 baseline = `midY - 3`.
- → 위 여백 ≈ `0.3·diffFont − 3`(≈1.5px), 아래 여백 ≈ `9 − 0.2·diffFont`(≈6px). **비대칭.**

## 작업 (surgical, 1곳)
- 흰 backplate rect 안에서 텍스트가 **수직 중앙**에 오도록 대칭 패딩:
  - 예: rect `y = midY - boxLabelH/2`, `height = boxLabelH`(고정, 예 22~24) + 텍스트 `dominant-baseline="central"` `y={midY}` (또는 baseline 방식이면 `y = midY + fontSize*0.34`로 광학 중앙).
  - 상/하 흰 여백이 눈으로 동일해야 함.
- **손보 섹션 파란 라벨 박스의 패딩과 시각적으로 동일**하게 맞출 것(손보 라벨 렌더 코드 참조해 상하 패딩 값 parity 확인 — 손보가 이 컴포넌트 밖이면 값만 눈으로 맞춤).
- ①암·②3대질병 계단 **양쪽 모두** 적용(공유 코드 경로면 1곳 수정으로 자동 반영). rx·흰색·초록 텍스트색·박스 폭 로직은 유지, **세로 정렬만** 수정.

## 제약
- LifeThreeCriticalDiff.tsx만. 수치·색·계단 구조·오른쪽 화살표 경로·담보표 불변. **세로 여백 대칭화 한 가지만.**

## 검증
- `npx tsc` 0. `npx vitest run` 회귀 0(해당 컴포넌트 테스트 포함). 라벨 rect 대비 텍스트 수직 중앙 단위검증(가능 범위).
- (육안: rect 상/하 흰 여백 동일.)

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