Domain 상세 페이지 - 1위 중심 레이아웃 + 비율 바차트

## 목표
`app/views/diagnoses/pdf/_domain_detail.html.erb`를 개선하여 1위 도메인 중심 레이아웃 + 3영역 비율 바차트를 추가

## 상세 작업

### A. 3영역 비율 바차트 추가 (페이지 상단)
- `result[:domain_chart]`에서 3개 domain의 score를 사용
- 비율 계산: `(각 domain score / 전체 합) × 100` → 소수점 반올림
- 정규화: 최대 비율을 50%로 정규화하여 바 너비 결정
- 수평 바차트로 렌더링 (각 행: 도메인명 | 바 | 실제%)
- 색상: Thinking #3B82F6, Relationship #10B981, Execution #F59E0B (ChartHelper::DOMAIN_HEX 사용)

### B. 1위 Domain 중심 레이아웃
- 현재: 3개 domain이 동등하게 표시됨 (is_top만 highlight-card)
- 변경: 1위 Domain을 상단에 크게 표시, 나머지 2개는 하단에 작게
- 1위 Domain에 상세 설명 추가: `I18n.t("scoring.9way_27dna.domains.{key}.detailed_description", default: nil)`
- 1위 domain의 sub-ways는 유지

### C. 나머지 2개 Domain 축소
- 2, 3위 domain은 compact 레이아웃으로 가로 배치
- 점수바 + way breakdown만 간략히 표시

## 사용 가능한 데이터
- `result[:domain_chart]` → [{key: "thinking", name: "사고", score: 32.1}, ...]
- `result[:top_domain]` → {key: "thinking", name: "사고", score: 15.0}
- `result[:way_chart]` → [{key: "ideation", name: "발상", score: 12.5}, ...]
- `ChartHelper::DOMAIN_HEX` → 색상 맵
- `ChartHelper::WAY_DOMAIN_MAP` → WAY→Domain 매핑

## 스타일 참고
- 기존 PDF CSS 클래스 사용: highlight-card, card, bar-bg, bar-fill, bar-fill-{domain}, flex-between, text-md, text-xs 등
- PDF 레이아웃이므로 print 호환 필요 (Grover로 PDF 생성)

## 완료 기준
- 1위 Domain이 눈에 띄게 강조됨
- 3영역 비율 바차트가 상단에 렌더링됨
- 상세 설명 문단이 1위 Domain에 포함됨
- 기존 페이지 번호/footer 유지