feat: implement layout 3-tier container architecture, desktop screen token, Gate 8 no-escape rule, and clean dead code

BACKLOG.md

@@ -7,16 +7,16 @@
 ### ✅ 완료된 추후 작업 (Completed Tasks)
 
 #### 1. 전 모드 좌우 여유 공백(Side Margins/Padding) 추가
-- **적용 위치**: `refer_landing_page/app/globals.css` (`.container-content`)
-- **내용**: 모바일, 태블릿, 데스크톱 전 모드에서 시각적 답답함을 해소하고 여유로운 에디토리얼 여백을 제공하도록 `px-6 sm:px-10 md:px-12 lg:px-16` 패딩 시스템 반영
+- **적용 위치**: `refer_landing_page/app/globals.css` (`.container-content`) & `app/page.tsx` 등 6개 라우트 최상위 래퍼
+- **내용**: 모바일, 태블릿, 데스크톱 전 모드에서 시각적 답답함을 해소하고 여유로운 에디토리얼 여백을 제공하도록 `<main>` 태그의 full-width 확장성은 보존하면서 6개 라우트 래퍼에 `container-content` (`px-6 sm:px-10 md:px-12 lg:px-16`) 적용
 
 #### 2. Desktop 모드 `max_width` 비율 고정
-- **적용 위치**: `refer_landing_page/tailwind.config.ts` (`maxWidth.content: "78rem"`) & `.container-content`
-- **내용**: 초고해상도(Ultrawide / 4K) 모니터에서 페이지 가로 폭이 지나치게 넓어져 레이아웃 비율이 깨지는 현상을 방지하기 위해 최대 폭(1248px) 고정 및 중앙 정렬
+- **적용 위치**: `refer_landing_page/tailwind.config.ts` (`maxWidth.content: "78rem"`) & 6개 라우트 래퍼 `.container-content`
+- **내용**: 초고해상도(Ultrawide / 4K) 모니터에서 페이지 가로 폭이 지나치게 넓어져 레이아웃 비율이 깨지는 현상을 방지하기 위해 6개 라우트 본문 최대 폭(78rem / 1248px) 고정 및 중앙 정렬
 
 #### 3. 헤더 1240px 반응형 햄버거 메뉴 전환
-- **적용 위치**: `refer_landing_page/components/Header.tsx`
-- **내용**: 윈도우 폭이 1240px 미만일 때 "AI 에이전트 네트워크 연구실" 및 "AI Agent Networking Lab (ANL)" 타이틀 카피가 2줄로 줄바꿈되어 깨지는 현상을 방지하도록 `min-[1240px]` 브레이크포인트 적용. 1240px 미만에서는 햄버거 토글 메뉴로 자동 전환
+- **적용 위치**: `refer_landing_page/tailwind.config.ts` (`screens: { desktop: "1240px" }`) & `refer_landing_page/components/Header.tsx` (4곳 `desktop:` 토클)
+- **내용**: 윈도우 폭이 1240px 미만일 때 "AI 에이전트 네트워크 연구실" 및 "AI Agent Networking Lab (ANL)" 타이틀 카피가 2줄로 줄바꿈되어 깨지는 현상을 방지하도록 `desktop:` (1240px) 스크린 토큰 적용. 1240px 미만에서는 햄버거 토글 메뉴 및 헤더 스트립으로 100% 통일 전환
 
 #### 4. Publications 페이지 "International Conference" 카테고리 정리
 - **적용 위치**: `refer_landing_page/content/categories.ts`, `content/types.ts`, `app/publications/`