fix(post): 상세 섹션 패딩 중복 제거

- 레이아웃 그리드 패딩과 섹션 px 중복을 제거하고, 댓글 구분선은 full-bleed로 표시.

Co-authored-by: Cursor <cursoragent@cursor.com>

docs/spec.md

@@ -56,7 +56,8 @@
 
 ### Post 페이지
 
-- Main 좌우 패딩: 24px → 20px
+- 게시물 화면은 레이아웃 그리드의 좌우 패딩을 기본으로 사용하고, 섹션 단위 `px-*`는 내부 래퍼로만 두어 패딩이 2중 적용되지 않게 한다.
+- 댓글 시작 섹션의 구분선(`border-y`)은 패딩 없이 전체 폭으로 표시하고, 내용만 내부 래퍼에 패딩을 둔다.
 - 공개 게시물 본문은 콘텐츠 타입별 컴포넌트로 분리해 추후 스타일 변경이 쉽도록 구성
 - 제목 우측 공유 버튼을 누르면 게시물 공유 모달을 연다.
 - 공유 모달은 게시물 썸네일/제목/요약 미리보기, X/Bluesky/Facebook/LinkedIn/Email 링크, 링크 복사 액션을 제공한다.

docs/update.md

@@ -10,6 +10,11 @@
 
 - 공개 검색에서 `/uploads/...` 파일 경로와 마크다운 이미지 토큰(`![](...)`)은 노이즈로 간주해 매칭 대상에서 제거, 이미지 파일명 때문에 숫자 검색이 걸리던 문제를 해결.
 
+## v0.0.68
+
+- 게시물 상세(`pages/post/[slug].vue`) 섹션 패딩을 내부 래퍼로 이동해 레이아웃 그리드 패딩과 중복되던 2중 패딩을 제거.
+- 댓글 섹션 구분선(`border-y`)은 패딩 없이 전체 폭으로 표시하고, 내용만 내부 래퍼에 패딩을 적용.
+
 ## v0.0.65
 
 - 헤더 `/` 단축키·검색 영역 클릭으로 통합 검색 모달(`SiteSearchModal`)을 연다. `INPUT`·`TEXTAREA`·`SELECT`·`contenteditable` 포커스일 때는 `/`를 가로채지 않는다.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sori.studio",
-  "version": "0.0.67",
+  "version": "0.0.68",
   "private": true,
   "type": "module",
   "imports": {

pages/post/[slug].vue

@@ -212,8 +212,8 @@ useHead(() => ({
 
 <template>
   <div class="post-detail">
-    <section class="px-4 mt-6 mb-8 sm:px-5">
-      <div class="mx-auto flex max-w-[720px] flex-col gap-2.5">
+    <section class="mt-6 mb-8">
+      <div class="mx-auto flex max-w-[720px] flex-col gap-2.5 px-4 sm:px-5">
         <h1 class="text-xl font-semibold leading-[1.125] sm:text-2xl">
           {{ post.title }}
         </h1>
@@ -266,16 +266,16 @@ useHead(() => ({
       </div>
     </section>
 
-    <section class="px-4 sm:px-5">
-      <div class="mx-auto max-w-[720px]">
+    <section>
+      <div class="mx-auto max-w-[720px] px-4 sm:px-5">
         <ContentRenderer>
           <ContentMarkdownRenderer class="post-detail__content" :content="post.content" />
         </ContentRenderer>
       </div>
     </section>
 
-    <section id="comments" class="mb-6 border-y border-[var(--site-line)] bg-[var(--site-panel-strong)] px-5 py-5 scroll-mt-14 sm:px-6">
-      <div class="mx-auto max-w-[720px] text-sm">
+    <section id="comments" class="mb-6 border-y border-[var(--site-line)] bg-[var(--site-panel-strong)] py-5 scroll-mt-14">
+      <div class="mx-auto max-w-[720px] px-4 text-sm sm:px-5">
         <p class="font-medium">Comments</p>
         <p class="mt-2 site-muted">
           댓글 UI는 추후 연결 예정입니다.
@@ -283,8 +283,8 @@ useHead(() => ({
       </div>
     </section>
 
-    <section class="mb-6 px-5 sm:px-6" aria-label="Previous and next post">
-      <div class="mx-auto max-w-[720px]">
+    <section class="mb-6" aria-label="Previous and next post">
+      <div class="mx-auto max-w-[720px] px-4 sm:px-5">
         <div class="grid gap-4 text-sm font-medium leading-tight md:grid-cols-2">
           <NuxtLink v-if="previousPost" :to="previousPost.to" class="flex flex-col items-start gap-1 hover:opacity-75">
             <span class="flex items-center gap-1 text-[0.7rem] font-medium uppercase opacity-75 site-muted">