# [Lv.3] RP 화면 5건 정밀 수정 (회장 이미지 기준, 지정 5건 외 절대 불변)

## allowed_resources
```yaml
allowed_resources:
  paths:
    - "src/components/composite/**"
    - "src/pages/CompositeDesign.tsx"
    - "src/lib/**"
    - "src/**/__tests__/**"
    - "tests/e2e/**"
  forbidden_paths:
    - "server/**"
    - "extension/**"
    - ".github/**"
    - "src/config/api.ts"
    - "src/integrations/**"
  commands: ["npx vitest","npx tsc","git"]
  merge_policy: "none"
  ttl_hours: 18
```
> ★ merge_policy=none. base=현 origin/main(#147: RpPresentation·CompositeGeneralIntro·SingleCoverageCard·Section1/Section2 존재). webapp-only.
> ★★ **회장 지정 5건만 수정. 나머지 절대 불변**(임의 삭제·변경·반올림추가·곡선 금지). exact 원·직각 화살표·회사명 유지.

## 배경 (회장 이미지 피드백, 참조: /home/jay/workspace/memory/refs/insuro-rp/insuro-rp-revised.pdf)
배포된 RP 화면(#147)에 회장이 캡쳐로 5개 지점 수정 지시.

## 수정 5건

### ① 일반론 제목을 최상단 고정 영역으로 이동
- 현재 `✨ 복합설계 프레젠테이션(RP)` / `AI 복합설계 계산이란?` 제목이 **캡쳐별 상담이력(레코드) 내부**(담보리스트 다음)에 렌더됨.
- **수정**: 이 제목을 **최상단 항상 고정 일반론 영역**(`CompositeGeneralIntro`, 10곳→45+120=165 인포그래픽)의 **제목/헤더로 이동**. 캡쳐별 레코드 영역(RpPresentation)에서는 이 제목 **제거**.
- 즉 "AI 복합설계 계산이란?"은 고객 무관 일반 설명 영역의 헤더가 됨(캡쳐마다 반복 노출 금지).

### ② 암진단비(단일담보) 비교 테이블
- **좌우 폭 축소**: 회사명(좌)↔보험료(우)가 카드 폭 끝까지 과하게 벌어짐 → 테이블 폭을 줄여 회사명·보험료를 적당히 가깝게(예 max-width 제한, 보험료 열을 회사명 열 가까이).
- **차액 우측 정렬**: `월 보험료 차액 XXX원` / `YY년납 총액 차액 XXX원` 을 **줄어든 테이블의 오른쪽 정렬**로 배치.
- **월 보험료 차액 폰트 확대**: `월 보험료 차액 XXX원` 폰트를 현재보다 조금 키워 가시성↑. (20년납 총액차액이 여전히 최대이되, 월차액도 지금보다 키움.)

### ③ 2개사 섹션 계단식 도식 (Section 1 계단식)
- **총액차이 폰트 확대**: 계단식의 단계차액·누적차액(예 −16,826,400 / −3,827,760 / −20,654,160) **폰트를 더 크게** → 총액차이가 월보험료보다 부각(위계: 총액차이 > 월).
- **파란 직각화살표 폭 축소 + 숫자 왼쪽 이동**: 파란 ㄱ자 커넥터가 오른쪽으로 과하게 뻗음 → **좌우 폭 줄이고**, 줄인 만큼 **총액차이 숫자도 함께 왼쪽으로 이동**.

### ④ 테이블 합계 행 — 2개회사 합산 (★ 테이블 2개 모두)
- **2개회사 조합 합산(선택1+선택2, 예 258,259원)** 을 **합계 행에 추가 표기**.
- **적용 범위 = 2개회사 컬럼이 있는 테이블 2개 모두**:
  - **Section 1 테이블**(1개회사 & 2개회사): 합계 행에 2개회사 합산 추가.
  - **Section 2 테이블**(2개회사 & 3개회사): 합계 행에 2개회사 합산 추가.
- 목적: 아래 계단식 도식의 "2개회사 복합설계 258,259원"과 한눈에 연결.

### ⑤ 3개사 섹션 (Section 2) 계단식 + 테이블
- **③ 개선 동일 적용**(계단식): 총액차이 폰트↑, 파란 직각화살표 폭↓ + 숫자 왼쪽 이동.
- **④ 개선 적용(Section 2 테이블)**: 합계 행에 **2개회사 합산(258,259) + 3개회사 합산(선택1+선택2+선택3, 예 250,319) 둘 다** 추가.
  - (2개회사 합산은 ④에서 이미 두 테이블 다 → Section 2 테이블은 2개회사 합산 + 3개회사 합산 둘 다.)
- **주황 화살표(최고→3사, 예 −22,559,760)가 파란 숫자(최고→2사, 예 −20,654,160)를 절대 침범 금지** — 겹침 0.
- 공간 부족 시 → **흰 배경 사각형(배경색 흰색·외곽선 없음·글자색 파랑)을 주황 화살표 위에** 얹어 파란 숫자가 가려지지 않게.

## 절대 제약
- **위 5건만 수정. 그 외 요소(암진단비 로직·인포그래픽 수치·단일담보 fallback·최종문구·회사별 열·삭제버튼 등) 절대 불변.**
- exact 원(반올림·Math.round 추가 금지), 곡선 금지(직각만), 회사명 표기 유지.
- 신규/변경 요소 data-testid + e2e strict-mode 회귀 방지(clean worktree 검증).

## 검증
- `npx tsc` 클린. `npx vitest run` 전체 PASS(회귀 0). 신규:
  - ① 제목이 CompositeGeneralIntro(최상단)에 있고 RpPresentation 레코드영역엔 없음.
  - ② 암진단비 테이블 폭 축소·차액 우측정렬·월차액 폰트↑.
  - ③ Section1 계단식 총액차이 폰트↑·파란화살표 폭↓·숫자 좌이동.
  - ④ Section1·Section2 두 테이블 합계행에 2개회사 합산.
  - ⑤ Section2 계단식 ③적용 / Section2 테이블에 2개회사·3개회사 합산 둘 다 / 주황이 파란숫자 비침범(부족시 흰배경 파란글자 라벨).
- e2e clean /tmp worktree PASS.

## 완료 (★ 순서 B)
- 변경 = src/ (+tests/e2e) 만. 서버/확장 불변.
- **dev6 금지** — dev1. 커밋 → push → finish-task **foreground 1회** → .done 즉시 종료. **background+wait 금지.** ANU 검증(e2e·이미지 대조)·머지·CF Pages 배포는 ANU.

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