From e713bcc5e3adcd573d8a8cd2976c5d0e0099e43d Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Fri, 18 Sep 2026 12:09:43 +0700
Subject: [PATCH] =?UTF-8?q?summary:=20=E0=B9=80=E0=B8=9B=E0=B8=A5=E0=B8=B5?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A2=E0=B8=99=E0=B8=84=E0=B8=B3=E0=B8=A7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2=20"=E0=B8=AA=E0=B8=B2=E0=B8=A3=E0=B8=9A=E0=B8=B1?=
 =?UTF-8?q?=E0=B8=8D"=20=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=20"=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B8=95=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2"=20=E0=B8=97?=
 =?UTF-8?q?=E0=B8=B1=E0=B9=89=E0=B8=87=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=A3=E0=B8=B8=E0=B8=9B=20=E2=80=94=20=E0=B8=95?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A1=E0=B8=84=E0=B8=B3=E0=B8=82=E0=B8=AD=E0=B8=9C?=
 =?UTF-8?q?=E0=B8=B9=E0=B9=89=E0=B9=83=E0=B8=8A=E0=B9=89=202026-09-18=20(?=
 =?UTF-8?q?=E0=B8=84=E0=B8=B3=E0=B9=80=E0=B8=94=E0=B8=B4=E0=B8=A1=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=A7=E0=B9=88=E0=B8=B2=E0=B9=80?=
 =?UTF-8?q?=E0=B8=9B=E0=B9=87=E0=B8=99=E0=B8=AA=E0=B8=B2=E0=B8=A3=E0=B8=9A?=
 =?UTF-8?q?=E0=B8=B1=E0=B8=8D=E0=B8=84=E0=B8=A3=E0=B8=9A=E0=B8=97=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=81=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=82=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=87=E0=B9=80=E0=B8=AD=E0=B8=81=E0=B8=AA=E0=B8=B2=E0=B8=A3?=
 =?UTF-8?q?=20=E0=B9=81=E0=B8=95=E0=B9=88=E0=B8=9A=E0=B8=A5=E0=B9=87?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=81=E0=B8=99=E0=B8=B5=E0=B9=89=E0=B9=81=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=94=E0=B8=87=E0=B9=80=E0=B8=89=E0=B8=9E=E0=B8=B2=E0=B8=B0?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B8=97=E0=B8=B5=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=B5=20annotation/bookmark=20=E0=B8=84=E0=B8=B3?=
 =?UTF-8?q?=E0=B9=83=E0=B8=AB=E0=B8=A1=E0=B9=88=E0=B8=95=E0=B8=A3=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=99=E0=B8=B7=E0=B9=89=E0=B8=AD=E0=B8=AB=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=88=E0=B8=A3=E0=B8=B4=E0=B8=87=E0=B8=81=E0=B8=A7=E0=B9=88?=
 =?UTF-8?q?=E0=B8=B2)=20=E0=B9=81=E0=B8=81=E0=B9=89=E0=B9=83=E0=B8=AB?=
 =?UTF-8?q?=E0=B9=89=E0=B9=80=E0=B8=9B=E0=B9=87=E0=B8=99=E0=B8=8A=E0=B8=B7?=
 =?UTF-8?q?=E0=B9=88=E0=B8=AD=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2=E0=B8=A7?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B8=E0=B8=81=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B8=E0=B8=94:=20=E0=B8=AB=E0=B8=B1=E0=B8=A7=E0=B8=82?=
 =?UTF-8?q?=E0=B9=89=E0=B8=AD=20desktop=20(h2),=20=E0=B8=9B=E0=B9=89?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A2=E0=B8=A1=E0=B8=B7=E0=B8=AD=E0=B8=96=E0=B8=B7?=
 =?UTF-8?q?=E0=B8=AD=20<details>=20("=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=A3=E0=B8=95=E0=B8=B2=E0=B8=A1=E0=B8=AB=E0=B8=99?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=9C=E0=B8=B9?=
 =?UTF-8?q?=E0=B9=89=E0=B8=A3=E0=B9=88=E0=B8=A7=E0=B8=A1=E0=B8=97=E0=B8=B3?=
 =?UTF-8?q?"),=20aria-label=20=E0=B8=82=E0=B8=AD=E0=B8=87=20<nav>=20?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B1=E0=B9=89=E0=B8=87=202=20=E0=B8=88=E0=B8=B8?=
 =?UTF-8?q?=E0=B8=94=20(=E0=B8=95=E0=B8=B1=E0=B8=94=E0=B8=AA=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=99=20"=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=A1=E0=B8=B5=E0=B8=A3=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=81=E0=B8=B2=E0=B8=A3"=20=E0=B8=97=E0=B8=B4?=
 =?UTF-8?q?=E0=B9=89=E0=B8=87=20=E2=80=94=20=E0=B8=84=E0=B8=B3=E0=B9=83?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=A1=E0=B9=88=E0=B8=AA=E0=B8=B7=E0=B9=88=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=84=E0=B8=A7=E0=B8=B2=E0=B8=A1=E0=B8=AB=E0=B8=A1=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A2=E0=B8=99=E0=B8=B1=E0=B9=89=E0=B8=99=E0=B8=AD=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=B9=E0=B9=88=E0=B9=81=E0=B8=A5=E0=B9=89=E0=B8=A7=E0=B9=81?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B0=20link=20=E0=B9=81=E0=B8=95=E0=B9=88?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B0=E0=B8=A3=E0=B8=B2=E0=B8=A2=E0=B8=81=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A1=E0=B8=B5=20aria-label=20"=E0=B8=AB=E0=B8=99?=
 =?UTF-8?q?=E0=B9=89=E0=B8=B2=20N,=20X=20=E0=B8=A3=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=81=E0=B8=B2=E0=B8=A3"=20=E0=B8=82=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B8=95=E0=B8=B1=E0=B8=A7=E0=B9=80=E0=B8=AD=E0=B8=87)=20+=20s?=
 =?UTF-8?q?ync=20comment=20=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B9=80=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B5=E0=B8=A2=E0=B8=81=E0=B8=9A=E0=B8=A5=E0=B9=87=E0=B8=AD?=
 =?UTF-8?q?=E0=B8=81=E0=B8=99=E0=B8=B5=E0=B9=89=20(page.tsx=206=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B8=E0=B8=94,=20globals.css=201=20=E0=B8=88?=
 =?UTF-8?q?=E0=B8=B8=E0=B8=94)=20=E0=B9=81=E0=B8=A5=E0=B8=B0=E0=B8=84?=
 =?UTF-8?q?=E0=B8=B3=E0=B8=AD=E0=B8=98=E0=B8=B4=E0=B8=9A=E0=B8=B2=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=99=E0=B9=89=E0=B8=B2=E0=B9=83=E0=B8=99=20CLAUDE?=
 =?UTF-8?q?.md=20(3=20=E0=B8=88=E0=B8=B8=E0=B8=94)=20=E2=80=94=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=AB=E0=B8=A5=E0=B8=B7=E0=B8=AD=E0=B8=84=E0=B8=B3=20"?=
 =?UTF-8?q?=E0=B8=AA=E0=B8=B2=E0=B8=A3=E0=B8=9A=E0=B8=B1=E0=B8=8D"=20?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B8=E0=B8=94=E0=B9=80=E0=B8=94=E0=B8=B5=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=A7=E0=B9=82=E0=B8=94=E0=B8=A2=E0=B9=80=E0=B8=88=E0=B8=95?=
 =?UTF-8?q?=E0=B8=99=E0=B8=B2=E0=B9=83=E0=B8=99=20comment=20page.tsx=20("?=
 =?UTF-8?q?=E0=B8=88=E0=B8=B8=E0=B8=94=E0=B9=84=E0=B8=82=E0=B9=88=E0=B8=9B?=
 =?UTF-8?q?=E0=B8=A5=E0=B8=B2=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=AA=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=9A=E0=B8=B1=E0=B8=8D=E0=B8=82=E0=B8=AD=E0=B8=87?=
 =?UTF-8?q?=E0=B9=80=E0=B8=AD=E0=B8=81=E0=B8=AA=E0=B8=B2=E0=B8=A3=E0=B8=A3?=
 =?UTF-8?q?=E0=B8=B2=E0=B8=8A=E0=B8=81=E0=B8=B2=E0=B8=A3")=20=E0=B9=80?=
 =?UTF-8?q?=E0=B8=9E=E0=B8=A3=E0=B8=B2=E0=B8=B0=E0=B8=AD=E0=B9=89=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=87=E0=B8=96=E0=B8=B6=E0=B8=87=E0=B8=A3=E0=B8=B9=E0=B8=9B?=
 =?UTF-8?q?=E0=B9=81=E0=B8=9A=E0=B8=9A=E0=B8=A0=E0=B8=B2=E0=B8=9E=20dot=20?=
 =?UTF-8?q?leader=20=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B9=83=E0=B8=8A=E0=B9=88?=
 =?UTF-8?q?=E0=B8=8A=E0=B8=B7=E0=B9=88=E0=B8=AD=E0=B8=9A=E0=B8=A5=E0=B9=87?=
 =?UTF-8?q?=E0=B8=AD=E0=B8=81=20=E2=80=94=20=E0=B9=80=E0=B8=9B=E0=B9=87?=
 =?UTF-8?q?=E0=B8=99=E0=B8=81=E0=B8=B2=E0=B8=A3=E0=B9=81=E0=B8=81=E0=B9=89?=
 =?UTF-8?q?=20string/comment=20=E0=B8=A5=E0=B9=89=E0=B8=A7=E0=B8=99=20?=
 =?UTF-8?q?=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B9=81=E0=B8=95=E0=B9=88=E0=B8=95?=
 =?UTF-8?q?=E0=B8=A3=E0=B8=A3=E0=B8=81=E0=B8=B0=20(grep=20=E0=B8=A2?=
 =?UTF-8?q?=E0=B8=B7=E0=B8=99=E0=B8=A2=E0=B8=B1=E0=B8=99=E0=B9=84=E0=B8=A1?=
 =?UTF-8?q?=E0=B9=88=E0=B8=A1=E0=B8=B5=20test/e2e=20=E0=B8=9C=E0=B8=B9?=
 =?UTF-8?q?=E0=B8=81=E0=B8=82=E0=B9=89=E0=B8=AD=E0=B8=84=E0=B8=A7=E0=B8=B2?=
 =?UTF-8?q?=E0=B8=A1=E0=B8=99=E0=B8=B5=E0=B9=89)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Code <noreply@anthropic.com>
---
 CLAUDE.md                          |  2 +-
 app/annotate/[id]/summary/page.tsx | 20 ++++++++++----------
 app/globals.css                    |  2 +-
 3 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/CLAUDE.md b/CLAUDE.md
index aa5449f..74fdfb3 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -62,7 +62,7 @@ app/uploads/[name]/route.ts          ← เสิร์ฟไฟล์อัป
 app/page.tsx                        ← รายการไฟล์ (server component)
 app/login/page.tsx                  ← หน้า login (มี session แล้ว redirect /)
 app/annotate/[id]/page.tsx          ← โหลด file + initial data → PDFViewer
-app/annotate/[id]/summary/page.tsx  ← หน้าสรุป Annotation+Bookmark จัดกลุ่มตามหน้า (design "แฟ้มสำนวน" 2026-09-17: แถบหัวน้ำเงิน + สารบัญจุดไข่ปลา + การ์ดรายหน้า 1 หน้า 1 การ์ด ขอบ folio — คำขอผู้ใช้ 2026-09-17 แทนแผ่นกระดาษแผ่นเดียวคั่นเส้น; ต่อหน้า = บรรทัดสรุปหน้า (ไม่มีหัวข้อ) + Bookmark/Annotation หุบ-กางได้ผ่าน CollapsibleBlock; สารบัญ desktop = การ์ด sticky มี max-h, มือถือ < lg = <details> การ์ด ไม่มี JS; generateMetadata ตั้งชื่อแท็บ browser ตามคดี; ตอนพิมพ์ header เป็นกรอบเส้นน้ำเงิน + ซ่อนแถบ action/สารบัญมือถือ — กฎ @media print อยู่ใน globals.css) — อย่าถอด class `summary-page` ของ <main> (กฎ coarse 44px ใน globals.css ผูกอยู่กับ selector นี้ ครอบทั้ง `a` และ `button`)
+app/annotate/[id]/summary/page.tsx  ← หน้าสรุป Annotation+Bookmark จัดกลุ่มตามหน้า (design "แฟ้มสำนวน" 2026-09-17: แถบหัวน้ำเงิน + รายการตามหน้าจุดไข่ปลา + การ์ดรายหน้า 1 หน้า 1 การ์ด ขอบ folio — คำขอผู้ใช้ 2026-09-17 แทนแผ่นกระดาษแผ่นเดียวคั่นเส้น; ต่อหน้า = บรรทัดสรุปหน้า (ไม่มีหัวข้อ) + Bookmark/Annotation หุบ-กางได้ผ่าน CollapsibleBlock; รายการตามหน้า desktop = การ์ด sticky มี max-h, มือถือ < lg = <details> การ์ด ไม่มี JS; generateMetadata ตั้งชื่อแท็บ browser ตามคดี; ตอนพิมพ์ header เป็นกรอบเส้นน้ำเงิน + ซ่อนแถบ action/รายการตามหน้ามือถือ — กฎ @media print อยู่ใน globals.css) — อย่าถอด class `summary-page` ของ <main> (กฎ coarse 44px ใน globals.css ผูกอยู่กับ selector นี้ ครอบทั้ง `a` และ `button`)
 components/summary/CollapsibleBlock.tsx ← client component เดียวของหน้าสรุป (state หุบ/กางกลุ่ม Bookmark/Annotation — children ส่งจาก server ได้ตรง ๆ)
 components/pdf/PDFViewer.tsx        ← client root (tool state, zoom, selection, lazy render หน้า)
 components/pdf/InkLayer.tsx         ← SVG freehand + รูปทรง + redaction
diff --git a/app/annotate/[id]/summary/page.tsx b/app/annotate/[id]/summary/page.tsx
index af65e2a..424596c 100644
--- a/app/annotate/[id]/summary/page.tsx
+++ b/app/annotate/[id]/summary/page.tsx
@@ -36,8 +36,8 @@ import { withBasePath } from "@/utils/base-path";
 // หน้าสรุปหมายเหตุ (F15/D2) — server component รวม annotation (ทุกผู้ใช้) + bookmark
 // จัดกลุ่มตามหน้า แต่ละแถวกระโดดเป็น deep link `/annotate/<id>?ann=` / `?page=` (F12)
 // — design "แฟ้มสำนวน" 2026-09-17: แถบหัวกระดาษน้ำเงิน (สืบต่อจาก tile JN ของแบรนด์) +
-// สารบัญจุดไข่ปลา + การ์ดรายหน้า 1 หน้า 1 การ์ด (คำขอผู้ใช้ 2026-09-17 แทนแผ่น
-// กระดาษแผ่นเดียวคั่นเส้น) แต่ละการ์ดมีขอบ folio เลขหน้าใหญ่; สารบัญเป็น anchor
+// รายการตามหน้าจุดไข่ปลา + การ์ดรายหน้า 1 หน้า 1 การ์ด (คำขอผู้ใช้ 2026-09-17 แทนแผ่น
+// กระดาษแผ่นเดียวคั่นเส้น) แต่ละการ์ดมีขอบ folio เลขหน้าใหญ่; รายการตามหน้าเป็น anchor
 // link (#page-N) ล้วน — desktop เป็น sticky aside แบบการ์ด ส่วนมือถือ (< lg) เป็น
 // <details> แบบการ์ด ไม่มี JS / client component เดียวของหน้าคือ CollapsibleBlock
 // (หุบ/กางกลุ่ม Bookmark/Annotation)
@@ -165,7 +165,7 @@ export default async function SummaryPage({
   }
   const pages = Array.from(pageMap.entries()).sort((x, y) => x[0] - y[0]);
 
-  // ภาพรวมระดับไฟล์สำหรับสารบัญ desktop (sticky aside) + สารบัญมือถือ (<details>)
+  // ภาพรวมระดับไฟล์สำหรับรายการตามหน้า desktop (sticky aside) + มือถือ (<details>)
   const allParticipants = Array.from(
     new Set([
       ...dtos.map((a) => a.userName),
@@ -238,20 +238,20 @@ export default async function SummaryPage({
         </div>
       ) : (
         <div className="mt-5 lg:grid lg:grid-cols-[220px_minmax(0,1fr)] lg:items-start lg:gap-8">
-          {/* สารบัญมือถือ (จอ < lg) — design review 2026-09-17 H2: คืน navigation ที่หาย
+          {/* รายการตามหน้ามือถือ (จอ < lg) — design review 2026-09-17 H2: คืน navigation ที่หาย
               ไปบนมือถือ (aside ด้านล่างแสดงเฉพาะ lg) ใช้ <details> ได้หุบ/กาง + keyboard
               โดยไม่มี JS เพิ่ม — จุดไข่ปลา + ผู้ร่วมทำ ภาษาเดียวกับ desktop (จอ lg กับ
               ตอนพิมพ์ซ่อน — display:none ไม่กินช่องของกริด) */}
           <details className="group rounded-xl border border-slate-200 bg-white shadow-sm lg:hidden print:hidden">
             <summary className="flex cursor-pointer list-none items-center justify-between rounded-md px-4 py-3 text-sm font-semibold text-slate-800 hover:text-primary [&::-webkit-details-marker]:hidden">
-              สารบัญและผู้ร่วมทำ
+              รายการตามหน้าและผู้ร่วมทำ
               <ChevronDown
                 aria-hidden
                 className="h-4 w-4 shrink-0 text-slate-400 transition-transform group-open:rotate-180 motion-reduce:transition-none"
               />
             </summary>
             <nav
-              aria-label="สารบัญหน้าที่มีรายการ"
+              aria-label="รายการตามหน้า"
               className="flex flex-col gap-0.5 border-t border-slate-100 px-2 pb-2 pt-2"
             >
               {pages.map(([pi, b]) => (
@@ -277,13 +277,13 @@ export default async function SummaryPage({
             </p>
           </details>
 
-          {/* สารบัญ (จอ ≥ lg) — สารบัญแบบจุดไข่ปลาของเอกสารราชการ anchor ล้วนไม่มี JS
+          {/* รายการตามหน้า (จอ ≥ lg) — จุดไข่ปลาแบบสารบัญของเอกสารราชการ anchor ล้วนไม่มี JS
               เป็นการ์ดชุดเดียวกับ <details> มือถือและการ์ดรายหน้า (แสดงเฉพาะหน้าที่มี
               รายการ ≥ 1 ตามหลัก minimize choices; max-h กันเอกสารหลายสิบหน้าสูงเกินจอ
               — ครึ่งล่างของ sticky กดไม่ได้ตลอดกาล) */}
           <aside className="hidden rounded-xl border border-slate-200 bg-white p-4 shadow-sm lg:sticky lg:top-6 lg:block lg:max-h-[calc(100vh-3rem)] lg:overflow-y-auto">
-            <h2 className="text-sm font-semibold text-slate-800">สารบัญ</h2>
-            <nav aria-label="สารบัญหน้าที่มีรายการ" className="mt-2 flex flex-col gap-1">
+            <h2 className="text-sm font-semibold text-slate-800">รายการตามหน้า</h2>
+            <nav aria-label="รายการตามหน้า" className="mt-2 flex flex-col gap-1">
               {pages.map(([pi, b]) => (
                 <a
                   key={pi}
@@ -314,7 +314,7 @@ export default async function SummaryPage({
           {/* การ์ดรายหน้า — 1 หน้า 1 การ์ด เรียงลงมาแยกด้วยช่องว่าง (คำขอผู้ใช้
               2026-09-17 แทนแผ่นกระดาษแผ่นเดียวคั่นเส้น); แต่ละการ์ดมีขอบ folio:
               เลขหน้าใหญ่ + เส้นดิ่ง แบบเลขหน้าบนขอบกระดาษ (mt-5 lg:mt-0 — ระยะจาก
-              สารบัญ <details> บนมือถือ; จอ lg กริดจัดให้) */}
+              รายการตามหน้า <details> บนมือถือ; จอ lg กริดจัดให้) */}
           <div className="mt-5 flex flex-col gap-4 lg:mt-0">
             {pages.map(([pi, b]) => {
               return (
diff --git a/app/globals.css b/app/globals.css
index 9a446d9..44263fa 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -212,7 +212,7 @@
    แปลงเป็นกรอบเส้นน้ำเงิน + ตัวอักษรน้ำเงินแทน (อ่านได้บนเครื่องพิมพ์ขาวดำ
    ประหยัดหมึก) และไม่ผ่าหน้ากระดาษกลาง section ของหน้าเอกสาร (หน้าที่ยาวเกิน
    กระดาษเดียว browser เลื่อนทั้งก้อนขึ้นหน้าถัดไปเอง — break-inside เป็นคำ
-   แนะนำ ไม่ใช่กฎเหล็ก) / แถบ action กับสารบัญมือถือซ่อนด้วย print:hidden ใน JSX */
+   แนะนำ ไม่ใช่กฎเหล็ก) / แถบ action กับรายการตามหน้ามือถือซ่อนด้วย print:hidden ใน JSX */
 @media print {
   main.summary-page header {
     background: #fff;