# task-2092: InsuRo 가이드 페이지 — 카테고리 제목 디자인 모던화

## ★ 프로젝트: `/home/jay/projects/InsuRo/`

## 문제
insuro.biz/guide 페이지의 목차 섹션에서 카테고리 제목("설정 & 기타", "시작하기", "AI 마케팅", "고객관리 CRM" 등)이:
- `font-mono text-[10px] text-muted-foreground uppercase tracking-[0.12em]` — 10px 모노 폰트, 연한 회색
- 너무 작고 밋밋함. 트렌디하고 모던하게 개선 필요.

## 수정 위치
`src/pages/HelpGuide.tsx` L189:
```tsx
<p className="font-mono text-[10px] text-muted-foreground uppercase tracking-[0.12em] mb-2.5">
  {cat.label}
</p>
```

## 수정 방향
카테고리 제목을 시각적으로 강화:
- 폰트 크기 키움 (10px → 13-14px)
- 볼드 또는 세미볼드
- primary 컬러 또는 gradient 텍스트 적용
- 좌측에 짧은 accent 바(border-left) 또는 아이콘 추가
- 하단에 얇은 구분선 또는 그라데이션 밑줄
- uppercase 유지 가능하나 tracking 줄여서 딱딱함 완화
- 예시 참고: Shadcn/ui의 섹션 헤더, Notion 카테고리 스타일

## 유의 사항
- 기존 3열 그리드 레이아웃 유지
- 아이템 목록과의 시각적 위계(hierarchy) 확보 — 제목이 아이템보다 돋보여야 함
- 다크모드 호환 (Tailwind dark: 클래스)

## 완료 시그니처
- 카테고리 제목이 시각적으로 돋보임
- `npm run build` 성공
- 기존 기능(클릭 스크롤) 정상 동작

## 검증 시나리오
1. /guide 페이지에서 카테고리 제목이 모던하게 표시
2. 아이템 클릭 → 해당 섹션으로 스크롤 (기존 기능 유지)
3. 모바일 반응형 정상
4. `npm run build` 성공

## 레벨
- normal

## 프로젝트
- insuro