기술 역량 카테고리 메뉴 상단 배치 및 간격 개선

- 카테고리 선택 메뉴를 상단 헤더 아래로 이동
- 카테고리 메뉴와 본문의 좌우 여백을 공통 기준으로 정렬
- 메뉴와 아이브로우 사이 여백 확대
- 제목, 부제, 본문의 간격과 줄간격 조정
- 자동 재생 제어 버튼은 하단 위치 유지
- 모바일 카테고리를 4열로 정렬하고 본문과 좌우 여백 통일

검증: git diff --check 통과. 브라우저 연결 제한으로 화면 검증은 수행하지 못함.

capabilities.html

@@ -74,6 +74,15 @@
             alt=""
             aria-hidden="true"
           />
+          <div class="capabilities-toolbar" aria-label="기술 역량 분류">
+            <button type="button" class="is-active" data-filter="automotive">
+              AUTOMOTIVE
+            </button>
+            <button type="button" data-filter="solution">SOLUTION</button>
+            <button type="button" data-filter="si">SI</button>
+            <button type="button" data-filter="robotics">ROBOTICS</button>
+            <!-- <button type="button" data-filter="certifications">PATENTS</button> -->
+          </div>
           <div class="feature-content">
             <p class="eyebrow" data-feature-category>Automotive</p>
             <h1 data-feature-title>전장 기술 역량</h1>
@@ -86,30 +95,21 @@
             </p>
           </div>
           <div class="feature-table-wrap" data-feature-table hidden></div>
-          <div class="capabilities-toolbar" aria-label="기술 역량 분류">
-            <button type="button" class="is-active" data-filter="automotive">
-              AUTOMOTIVE
-            </button>
-            <button type="button" data-filter="solution">SOLUTION</button>
-            <button type="button" data-filter="si">SI</button>
-            <button type="button" data-filter="robotics">ROBOTICS</button>
-            <!-- <button type="button" data-filter="certifications">PATENTS</button> -->
-            <button
-              type="button"
-              class="autoplay-toggle"
-              data-autoplay-toggle
-              aria-pressed="false"
-            >
-              <span class="autoplay-progress" aria-hidden="true"></span>
-              <img
-                src="assets/icons/pause.svg"
-                alt=""
-                aria-hidden="true"
-                data-autoplay-icon
-              />
-              <span data-autoplay-label>멈춤</span>
-            </button>
-          </div>
+          <button
+            type="button"
+            class="autoplay-toggle"
+            data-autoplay-toggle
+            aria-pressed="false"
+          >
+            <span class="autoplay-progress" aria-hidden="true"></span>
+            <img
+              src="assets/icons/pause.svg"
+              alt=""
+              aria-hidden="true"
+              data-autoplay-icon
+            />
+            <span data-autoplay-label>멈춤</span>
+          </button>
         </div>
         <nav
           class="project-dots"