fix(site): address PR review feedback

Author: 박은우

posts/ai-시대-학습법/index.mdx

@@ -27,9 +27,9 @@ AI 도구를 쓰면 모르는 개념을 설명받고, 예제 코드를 만들고
 깨지고, 빌드가 실패하고, 구조가 지저분해지는 과정에서 배워야 할 지점이
 드러나기 때문이다.
 
-[`기술 블로그를 일주일 만에 만들 수 있었던 것`](/blog/blog-system-building)도
-그런 흐름에서 시작했다. 처음부터 Next.js App Router, MDX 파이프라인, 목차
-생성, 읽기 진행도, 콘텐츠 메타데이터 구조를 모두 이해한 상태는 아니었다.
+기술 블로그를 짧은 기간에 만들던 과정도 그런 흐름에서 시작했다. 처음부터 Next.js
+App Router, MDX 파이프라인, 목차 생성, 읽기 진행도, 콘텐츠 메타데이터 구조를 모두
+이해한 상태는 아니었다.
 먼저 원하는 읽기 경험을 정하고, 그 경험을 실제로 만들면서 질문을 뽑아냈다.
 
 - MDX 콘텐츠를 어디에서 읽어야 빌드와 런타임 책임이 분리되는가?

resume/ui/pages/ResumePage.test.tsx

@@ -19,5 +19,21 @@ describe('ResumePage', () => {
       screen.getByRole('heading', { name: 'Selected Work' })
     ).toBeVisible();
     expect(container.querySelector('header')).toHaveClass('md:grid-cols-6');
+    expect(container.querySelector('main')).toHaveClass(
+      'bg-bg-primary',
+      'text-text-primary'
+    );
+  });
+
+  it('renders career content before supplemental details in the DOM', () => {
+    render(<ResumePage />);
+
+    const experience = screen.getByRole('heading', { name: 'Experience' });
+    const profile = screen.getByRole('heading', { name: 'Profile' });
+
+    expect(
+      experience.compareDocumentPosition(profile) &
+        Node.DOCUMENT_POSITION_FOLLOWING
+    ).toBe(Node.DOCUMENT_POSITION_FOLLOWING);
   });
 });