[devy1540]

목적

글 상세의 본문과 목차를 중앙 정렬한 상태로 전체 최대 폭을 1152px로 넓히고, 사이드바를 펼친 중간 화면에서 목록·프로필·통계 카드가 깨지는 문제와 첫 로딩의 제목 이동을 해결합니다.

내용(의도 포함)

• 넓은 화면에서 본문 912px, 간격 32px, 목차 208px로 배치합니다. 본문 중앙을 유지하고 이미지의 반응형 크기도 새 읽기 폭에 맞춥니다.
• 태그·시리즈·소개·분석의 열 전환을 실제 콘텐츠 가용 폭 기준으로 바꾸고, 긴 버튼·라벨·숫자가 영역 밖으로 넘치지 않도록 합니다.
• SSR 본문에 목차 대상 제목이 있으면 접힌 목차의 48px 공간을 미리 확보해 hydration 중 제목 위치가 바뀌지 않게 합니다.
• 한·영, 사이드바 펼침·접힘, 중간 화면과 SSR→hydration 정렬을 검증하는 브라우저 회귀 테스트 16개를 추가합니다.

성공기준

• 1792px 화면에서 전체 1152px·본문 912px·목차 208px 및 중앙 위치 유지 확인
• 태그·시리즈 이름, 소개 버튼, 큰 숫자 통계 카드가 콘텐츠 영역 안에 표시되는지 확인
• 390·768·1279px에서 SSR→hydration 중 제목 위치 변화 0.5px 미만 확인
• pnpm audit --prod --audit-level high, pnpm lint, pnpm build 통과
• pnpm test:post-dates, pnpm test:charts, pnpm test:seo, pnpm test:loading, pnpm test:sitemap-lastmod, pnpm test:analytics, pnpm test:rendering 총 44개 통과
• pnpm test:browser 52개 통과
• pnpm check:internal-links 74개 글 검사 통과