---
url: https://docs.nemo12.com/product/marlins-ia/courses-and-pages.md
description: >-
  Marlins: card khoá học, khoá cho bố mẹ, Parent Learning System, thư viện sách,
  câu bố mẹ hay nói, trang chỗ học, Unit, quiz, câu định danh.
---

# Marlins IA · Khoá học, thư viện sách, trang chỗ học và quiz

Một phần của [Marlins IA](./index.md). card khoá học, khoá cho bố mẹ, Parent Learning System, thư viện sách, câu bố mẹ hay nói, trang chỗ học, Unit, quiz, câu định danh.

## Khoá học: card nhỏ, chi tiết ở trang riêng (SRC-652)

```
/courses            danh sách — MỖI KHOÁ MỘT CARD NHỎ (môn · số buổi học thử · giờ · buổi tới)
/courses/{id}       chi tiết một khoá — dùng lại đúng thân đầy đủ của CoursesPanel
```

Trước đó mọi khoá trải hết trên một trang: bố mẹ phải cuộn qua toàn bộ mô tả khoá đầu mới thấy
khoá thứ hai tồn tại, và không có URL nào để gửi riêng một khoá cho nhau. Trang chi tiết **không
có bản dựng thứ hai** — nó lọc `CoursesPanel` còn một khoá, nên nội dung và nút đăng ký không thể
lệch nhau.

**Bố mẹ học thử Unit 1 (7 ngày) — CHƯA DỰNG, đã gỡ khỏi UI (SRC-656).** Bản SRC-652 có một nút
trỏ tạm vào `learn.nemo12.com`; trên production nó dẫn bố mẹ tới màn "nhập mã mời" của học sinh.
Hai thứ còn thiếu, đều là dữ liệu/kiến trúc chứ không phải giao diện:

1. `learn` chặn toàn app khi tài khoản không có learner đang hoạt động (`App.tsx:1348`) — bố mẹ
   theo định nghĩa thì không có. Cần một đường xem thử cho vai phụ huynh.
2. Bảng `courses` (lớp có lịch) **không có cột nào trỏ sang `curriculum_courses`**, nên không có
   dữ liệu nào nói "Toán 1 dạy Unit nào". Deep link đúng cũng không dựng được.

Luật rút ra: **không hứa trên UI một tính năng chưa có đường chạy.** Một nút dẫn tới ngõ cụt tệ
hơn là không có nút — bố mẹ bấm, gặp màn sai, rồi mất tin vào phần còn lại của trang.

## Khoá học cho bố mẹ: danh sách gọn → trang chi tiết có Unit/Lesson (SRC-664)

```
/parent-courses           3 thẻ gọn: bậc · tên · "n unit · m bài". KHÔNG giá, KHÔNG mô tả.
/parent-courses/{code}    chi tiết: giới thiệu · giá · Unit 1 miễn phí · danh sách Unit → Lesson
```

Thẻ danh sách bỏ giá và mô tả vì ở màn **chọn**, hai thứ đó không giúp chọn — chúng chỉ làm mỗi
thẻ cao gấp ba và đẩy khoá thứ ba xuống dưới màn hình. Cả hai còn nguyên ở trang chi tiết, nơi bố
mẹ đã chọn xong và đang cân nhắc thật.

**Unit 1 miễn phí** nói ngay trên đầu danh sách unit: đây là thứ quyết định bố mẹ có bắt đầu hay
không. Các unit sau gắn nhãn "Mở khi đăng ký".

**Ranh giới nội dung (QG-014, đã gỡ ở SRC-672).** `packages.ts` khi đó chỉ chứa **cấu trúc rỗng** — tên unit và tên bài.
CLAUDE.md cho phép đúng phần này ("cấu trúc rỗng mà xưởng cần để bám vào… khi chưa có workflow
sinh chúng") và cấm gõ tay phần còn lại: Big Idea, Essential Question, guiding question,
formative task, kho câu hỏi. Tầng Unit **chưa có workflow nào** — đo trên D1 ngày 2026-08-26,
`content_runs` có `lesson`=253, `items`=395, **`unit`=0**.

Bài chỉ có **tên**, không có nút "Vào học": dựng nút dẫn tới trang rỗng đúng là lỗi đã mắc ở
SRC-656. Nhãn "Đang soạn" từng hiện trên mỗi bài nay **bỏ hết** (SRC-670) — lặp lại một trạng
thái nội bộ trên 16 dòng liền nhau là nhiễu, và nó nói về việc của Nemo12 chứ không phải việc
của bố mẹ.

### Bố cục trang chi tiết (SRC-670)

```
THÂN (trái)                          PANEL PHẢI (sticky)
  giới thiệu                           Học phí
  "Có phải bạn đang gặp?"              [ Bắt đầu học ]
  "Học xong, bạn sẽ"                     Miễn phí 1 lesson
  Accordion: Unit → EQ → Lesson
```

Bản 2026-09-03 (SRC-672) đổi ba chỗ. **Nỗi đau đứng đầu thân trang**, viết bằng giọng thứ nhất của
chính bố mẹ: người đọc phải nhận ra mình trong một câu thì mới đọc tiếp. **Mọi unit đóng sẵn** —
mở sẵn Unit 1 thì bố mẹ đọc luôn nó và không còn thấy khung cả khoá, mà khung mới là thứ giúp
quyết; Essential Question vẫn hiện ngay dưới tên unit kể cả khi đóng, nên đọc lướt vẫn biết mỗi
unit đi trả lời câu gì. **Nhãn "Học thử"/"Khoá" trên từng dòng bài bị bỏ**: 162 dòng mà dòng nào
cũng đeo nhãn thì nhãn không còn nói gì, và thông tin "miễn phí một bài" đã nằm ngay trong nút.

Nút **"Bắt đầu học" / "Miễn phí 1 lesson"** làm được thật: nó mở Unit 1 rồi cuộn tới đúng chỗ học
miễn phí. Không trỏ sang màn hình chưa tồn tại — luật rút ra ở SRC-656.

**Mỗi unit một card, mỗi lesson một card** (2026-09-03). Gộp cả chương trình vào một tấm thì 4-5
unit đọc như một danh sách dài không có ranh giới; tách card là mắt thấy ngay unit bắt đầu và kết
thúc ở đâu. Lesson cũng vậy: một chỗ học là một việc bố mẹ ngồi xuống làm, nên nó phải đọc như một
đơn vị trọn vẹn chứ không như một dòng trong danh sách. Cả chương trình vẫn nằm trong **một card
lớn** bọc ngoài, nên ba tầng thẻ đọc ra ba tầng nội dung: khoá → unit → chỗ học.

Cạm bẫy đã sập hai lần ở đây: card của unit phải là component `Card` **bọc ngoài**
`AccordionItem`, không phải `asChild` và cũng không phải utility `bg-card` viết tay. Lớp theme
`.theme-marlins.od-root` bám vào `[data-slot="card"]`; `asChild` để props của `AccordionItem`
thắng nên `data-slot` thành `accordion-item`, còn utility thì không có `data-slot` nào — cả hai
cách đều cho ra thẻ TRẮNG ĐẶC, chữ trắng trên nền trắng, trên nền biển sâu.

### Bên trong một Unit (2026-09-03)

Một unit có **đúng MỘT Essential Question**, hiện ngay dưới tên unit kể cả khi đang đóng. Bản
trước để ba câu ngang hàng nối bằng dấu chấm giữa: ba câu cùng cấp thì không câu nào dẫn đường
nữa, người đọc lướt qua như lướt một danh sách. Ba câu cũ nay là ba **lesson** bên dưới, mỗi
lesson một card, gồm việc bố mẹ làm và một guiding question.

**Key Concepts** đứng giữa Big Idea và các lesson, mỗi khái niệm một chip bấm được, mở popover
chứa nghĩa và một ví dụ có thật. Thuật ngữ **luôn giữ tiếng Anh** (SRC-604): thuật ngữ là định
danh, mỗi nơi dịch một kiểu thì bố mẹ tra tiếp ở tài liệu khác không ra. Nghĩa và ví dụ thì song
ngữ, vì đó mới là phần để hiểu. Không trải nghĩa ra thẳng trang: 3 khái niệm × nửa màn hình mỗi
unit thì khung khoá lại chìm, mà khung mới là thứ giúp quyết.

Số liệu hiện tại: 15 khoá · 54 unit · 54 Essential Question · 162 Key Concept · 162 lesson,
tổng 897 mẩu chữ song ngữ.

Học phí và lịch là thứ bố mẹ **tra đi tra lại** trong lúc đọc chương trình; nằm trong dòng chảy
nội dung thì mỗi lần muốn xem lại giá phải cuộn ngược lên đầu.

Chương trình gom vào **accordion** vì 4 unit × 3 bài trải hết là 16 dòng, mà ở màn
quyết-định-có-học-không thì bố mẹ cần thấy **khung khoá** trước. `type="multiple"` chứ không
`"single"`: bố mẹ hay mở hai unit cạnh nhau để so xem khoá đi từ đâu tới đâu — đóng cái này để mở
cái kia là cản đúng việc đó.

Chuyển động dùng `FadeIn` của `Motion.tsx` (DS-001: `motion`, qua `LazyMotion` + `m`), biên độ
10px, so le 60ms.

## Parent Learning System: 15 khoá cho bố mẹ (SRC-671)

Ba gói cũ (Marlin Start · Compass · Mind) **gắn `retired`, không xoá**: người đã mua vẫn còn dấu
vết và link cũ không 404. Thay bằng 15 khoá nhóm theo **giai đoạn của một vòng học**, không xếp
phẳng theo số — xếp phẳng thì 15 thẻ đọc như một danh mục rời rạc.

| Nhóm | Khoá |
| --- | --- |
| Hiểu con | 1 Understanding Your Child as a Learner · 2 The Student Portrait · 3 The Competency Framework for Parents |
| Chọn điều đáng học | 4 What Should My Child Learn? · 5 Goals That Matter · 6 Building 21 for Parents |
| Làm việc học hiệu quả | 7 How Children Actually Learn · 8 Assessment · 9 Learning Math Well · 10 Learning English for Life |
| Dựng tự chủ và quan hệ | 11 Raising an Independent Learner · 12 Talking So Your Child Can Hear You · 13 From Pressure to Ownership |
| Sẵn sàng cho tương lai | 14 Future Skills · 15 Designing Your Child's Learning Journey |

Tổng **54 unit · 162 chỗ học**. Mỗi khoá mang `jobs` trỏ về bảng 10 Job-To-Be-Done, nên tra ngược
được "job này khoá nào phục vụ".

**Giá**: 2.900.000đ một khoá; mua từ **3 khoá bất kỳ** thì còn 1.900.000đ mỗi khoá. Giá nói ngay
đầu danh sách chứ không giấu trong từng khoá — combo là lý do bố mẹ đọc tiếp cả 15 khoá thay vì
dừng ở khoá đầu thấy hợp.

**Luật học thử**: mở đúng **chỗ học đầu tiên của Unit 1**, phần còn lại khoá. Cài trong đúng một
hàm `isFreePreview(unitIndex, questionIndex)` chứ không rải cờ trên dữ liệu: luật mở khoá chỉ nên
có một chỗ để sửa, và chỗ đó phải là nơi cả UI lẫn API sau này cùng gọi. Test khoá bất biến "mỗi
khoá đúng MỘT chỗ miễn phí".

### Provenance: nội dung do chủ dự án soạn

Toàn bộ course outcome, tên unit, Big Idea và Essential Question **do chủ dự án soạn** và gửi
trong hội thoại 2026-09-03. Khi đó việc này còn vướng QG-014; **cổng ấy đã gỡ hẳn ở SRC-672**, nên
nội dung soạn tay nay hợp lệ, không cần miễn trừ gì.

Điều **vẫn giữ** là ghi rõ nguồn gốc: mỗi khoá mang `provenance: "owner"` **thay cho** một
`content_runs.id`. Đọc dữ liệu là biết ngay nó không ra từ xưởng nội dung — không ai phải đoán.
Đây là phần đáng giữ của QG-014 kể cả sau khi cổng chặn biến mất.

**Còn nợ**: mỗi chỗ học mới có *câu hỏi*, chưa có bài để học — kể cả chỗ đã mở miễn phí. Cần
workflow sinh nội dung tầng Unit (`content_runs.unit` = 0).

## Thư viện sách cho bố mẹ (SRC-673)

Hai mươi quyển, tên do chủ dự án gửi 2026-09-03, giữ **cả hai tên**: tên tiếng Anh kiểu book
title là tên riêng nên không dịch theo công tắc VI/EN, tên tiếng Việt đứng dưới như phụ đề. Phần
còn lại (lời hứa, nỗi đau, mục lục, đoạn đọc thử) song ngữ.

**Ba trang, không gộp:**

| URL | Việc của bố mẹ ở đây |
| --- | --- |
| `/ebooks` | nhìn cả kệ, lọc theo nhóm |
| `/ebooks/{slug}` | quyết có đọc quyển này không |
| `/ebooks/{slug}/read` | đọc |

Gộp trang đọc vào trang giới thiệu thì mất đường gửi riêng cho nhau, và một màn vừa bán vừa cho
đọc thì không làm tốt việc nào. Trang đọc cố ý là cột chữ hẹp giữa màn — ngược với luật
full-width của phần còn lại — vì dòng dài quá 75 ký tự thì mắt lạc dòng; cỡ chữ đổi được và nhớ
trong `localStorage` của chính máy người đọc.

**Bìa sinh bằng thuật toán** (`EbookCover.tsx`): bìa thật chưa có, nhưng 20 ô xám giống nhau thì
không nhận ra quyển nào. Bìa dựng từ băm FNV-1a của `seq:title` rồi bơm vào mulberry32, nên cùng
một tên luôn ra cùng một bìa — dùng `Math.random` thì mỗi lần tải một bìa khác, tức là mất luôn
tác dụng nhận diện. Bảng màu bó trong họ biển sâu chứ không lấy cả dải màu: 20 bìa cạnh nhau mỗi
tấm một tông thì trang đọc như hộp kẹo. Là SVG nên phóng to vẫn nét và không thêm request nào cho
một trang có 20 tấm bìa.

**Đọc thử = chương 1, và đó là sự thật của dữ liệu**: `excerpt` là toàn bộ chữ hiện có của quyển
sách trong repo. Trang đọc nói thẳng "các chương còn lại vẫn đang được viết" thay vì hứa một thứ
chưa có đường chạy (luật rút ra ở SRC-656).

## Những câu bố mẹ hay nói: Pain → Need → Competency (SRC-704)

Chỉ đạo chủ dự án 2026-09-12: dựng một trang giới thiệu event cho Marlins **không mở bằng
"Student Portrait"**, mà mở bằng những câu phụ huynh thực sự nói hàng ngày, rồi bóc dần
Pain → Need → Job → Event.

| URL | Trả lời câu gì |
| --- | --- |
| `/marlin-pains` | "Có ai giống nhà tôi không?" — 8 câu bố mẹ hay nói, mỗi câu một thẻ |
| `/marlin-pains/{slug}` | "Vậy thật ra con đang thiếu gì?" — quote → JTBD → điểm quan trọng → need → competency |

Bốn quyết định của trang này, và lý do:

* **Đọc KHÔNG cần đăng nhập.** Người đọc chính là phụ huynh *chưa* có tài khoản; đặt trang sau cửa
  Google thì chính người cần nó nhất là người không mở được. Nhánh route vì thế nằm **trước** cửa
  đăng nhập trong `apps/marlins/src/App.tsx`, và hai endpoint `GET /v1/marlin-pains[/{slug}]` là
  public có khai báo trong `authCoverage.test.ts` — cùng lẽ với `/v1/b21/*`.
* **Nội dung nằm trong D1, không nằm trong bundle.** `marlin_pains` + `marlin_pain_quotes` +
  `marlin_pain_needs` + `marlin_pain_need_competencies` (migration 0214, seed
  `scripts/seed-marlin-pains.sql`). Sửa một câu là một lần seed, không phải một lần deploy app.
* **Tên competency lấy bằng JOIN sang `b21_competencies`, không chép lại.** Bảng nối chỉ giữ *mã*
  và câu `why` giải thích vì sao competency ấy trả lời cho need ấy. Chép tên vào bảng nối thì lần
  cập nhật khung B21 đầu tiên là lần trang này bắt đầu nói khác với `b21.nemo12.com`. Mã đã bị khung
  gỡ vẫn hiện (rơi về chính mã đó) chứ không im lặng biến mất — mất một dòng mà không ai biết là
  đúng thứ lỗi khó tìm nhất.
* **Bấm một need thì mở ra tại chỗ, không sang trang khác.** Phụ huynh đang đọc một mạch từ câu
  than phiền xuống; một lần đổi trang ở giữa mạch đó là một lần mất chỗ. Link từng competency mở
  tab mới sang `b21.nemo12.com/f/{khung}/c/{mã}` — cùng lý do, chỉ ngược chiều: rời cổng Marlins
  giữa mạch đọc thì phải quay lại được bằng cách đóng tab.

Ánh xạ 8 pain → 16 need → 42 competency của khung `nemo` (Building 21 Student Competencies) là
**ánh xạ do người chọn**, không phải suy ra từ từ khoá: một cổng keyword sẽ nối "motivation" với
mọi competency có chữ "effort" và không nối được need `relevance` với `SS.3 Make an Impact`, tức
là sai ở đúng chỗ ánh xạ này có giá trị.

Chữ trên trang là **tiếng Việt, thuật ngữ giữ nguyên tiếng Anh** (Autonomy, JTBD, Transferable
Skills) đúng như bản chủ dự án viết, và trang **không có nút EN/VI**: chỉ có một bản, nên một cái
nút hai lựa chọn mà một lựa chọn không tồn tại là một cái nút nói dối.

## Trang khoá bố mẹ: học phí đóng sẵn, badge trên nền biển, khối năng lực chỉ cho người soạn (SRC-705)

Ba chỉnh từ ảnh chụp màn hình của chủ dự án ngày 2026-09-13, đều trên `/parent-courses/{code}`.

**Học phí vào accordion đóng sẵn.** SRC-664 đã bỏ giá khỏi thẻ danh sách vì ở màn *chọn* giá
không giúp chọn; ở trang chi tiết thì giá ở lại, nhưng nó đang **phơi ra** trong một thẻ riêng ở
cột phải, tức là thứ đầu tiên mắt bắt được khi trang mở. Bố mẹ quyết bằng con số trước khi kịp
đọc khoá dạy gì. Nay nó đóng sẵn dưới tiêu đề "Học phí", một cú bấm là mở — không giấu, chỉ đổi
thứ tự đọc: nội dung trước, giá sau.

**Badge viền phải tự khai màu chữ trong theme biển sâu.** `variant="outline"` của shadcn là
`border-border text-foreground`, mà `--foreground` là màu mực sinh ra cho nền sáng; trên nền biển
nó ra chữ gần đen trên xanh đậm và chip Key Concept đọc như đang bị vô hiệu hoá. Đây là lần thứ
**ba** cùng một khuôn hỏng trong `.theme-marlins` (trước đó: `.text-muted-foreground`, và
`.n12-tab` ở SRC-580) — **bất cứ lớp nào lấy màu mực làm mặc định đều chìm ở cổng này, và không
có gì đỏ ở đâu cả.** Luật mới nhắm đúng `[data-slot="badge"].border-border` để badge đặc ("Bậc
1", "Miễn phí") giữ nguyên màu nền của chúng.

**Khối năng lực trong Unit chỉ hiện cho người soạn.** Mã `PC.1.2`, chữ "bậc", "ảnh hưởng ké" là
ngôn ngữ của người thiết kế chương trình; bố mẹ vào đây để hiểu con mình. `apps/marlins/src/authorView.ts`
gác `UnitCompetencyBlock` theo email tài khoản.

Đây là cổng **hiển thị**, không phải gác bảo mật: `GET /v1/marlin-framework` vẫn trả khung năng
lực cho mọi người và devtools vẫn đọc được. Đúng mức cần cho một thứ để soát nội dung — ngày nào
khung trở thành thứ phải giấu thật thì phải gác ở API, không phải ở màn hình. Kiểm ở **cả hai
chỗ** (`Courses.tsx` và trong chính component): để component tự trả `null` thì `div` bọc ngoài
vẫn còn và để lại một khoảng trống không ai giải thích được.

`CourseCompetencySummary` ở đầu trang vẫn hiện cho mọi người — nó cũng dùng mã `PC.x`, và có thể
sẽ theo sau, nhưng nó không nằm trong ảnh chủ dự án gửi nên chưa đổi.

## Trang chỗ học: khoảng cách là thứ chia bài, không phải trang trí (SRC-706)

Ảnh chủ dự án gửi 2026-09-13: body của `/parent-courses/{code}/u/{ui}/l/{li}` đọc như một mảng
chữ liền. Hai nguyên nhân, và chúng cộng hưởng với nhau.

**Mọi khối cách nhau đúng một khoảng.** Wrapper để `space-y-6`, tức khoảng cách giữa hai cụm lớn
bằng khoảng cách giữa hai đoạn văn bên trong một cụm. Mắt không có chỗ nào để biết một cụm đã kết
thúc, nên toàn trang phải đọc tuần tự từ trên xuống mới hiểu cấu trúc — trong khi cấu trúc ấy đã
được vẽ sẵn ở panel trái. Nay `space-y-16` ở cấp cụm, `space-y-5`/`p-8` bên trong: chênh lệch
giữa hai mức mới là thứ nói "đây là một cụm khác".

**Ba dòng đầu trang lặp lại thứ đã có ở chỗ khác.** "Unit n · tên unit" nằm ngay bên trái trong
panel mục lục; "chỗ học miễn phí" đã nói ở trang khoá lúc bố mẹ bấm vào. Cả hai bị bỏ — bố mẹ mở
một chỗ học ra là để đọc nội dung, không phải để được nhắc mình đang ở đâu ba lần. Còn lại tên
bài và Guiding Question.

Khối quiz rút từ ba dòng xuống một: bỏ "n câu, mỗi câu 4 phương án" (bấm vào là thấy, biết trước
cũng không đổi quyết định) và bỏ dòng ba con số lần-gần-nhất/tốt-nhất/số-lần. **Ba con số đứng
cạnh nhau thì không con số nào đọng lại**; giữ đúng "tốt nhất" là cái bố mẹ thật sự muốn biết.

Giới hạn đã biết: `apps/marlins` chưa có bộ e2e nên thay đổi này chỉ được kiểm tới `typecheck` +
`build`, không có cổng nào bắt lỗi runtime hay nhìn được bố cục thật.

## Tổng quan Unit: bậc thứ ba có đường đi tới (SRC-707)

Chỉ đạo chủ dự án 2026-09-13: panel trái của chế độ học phải có một link mở **Unit Overview**.

Chẩn đoán: cây khoá có bốn bậc (Course → Unit → Lesson → cụm), nhưng panel trái chỉ có đường tới
hai bậc — khoá (logo, nút ✕) và chỗ học. Bậc **Unit** giữ đúng ba thứ quyết định nghĩa của cả
unit (Big Idea · Essential Question · Key Concepts) mà không có cửa nào: bố mẹ đang đọc dở phải
thoát ra trang bán rồi mở đúng accordion mới xem lại được "unit này trả lời câu gì".

| URL | Trả lời câu gì |
| --- | --- |
| `/parent-courses/{code}/u/{n}` | "Unit này rốt cuộc đi trả lời câu gì, và bắt đầu từ đâu" |
| `/parent-courses/{code}/u/{n}/l/{m}` | "Tôi làm gì trong chỗ học này" |

Bốn quyết định:

* **Hai cửa vào, không phải một.** Một dòng `Tổng quan Unit n` đứng ngay trên mục lục (một cú bấm,
  không phải mở dropdown trước), và tên unit trong dropdown nay **là nút** chứ không phải nhãn —
  một tiêu đề đứng trước danh sách mà bấm không được là đúng chỗ người ta sẽ bấm đầu tiên.
* **Cùng khung học, không phải trang khác.** Tổng quan unit là một bậc của chính cây ấy, nên nó
  giữ panel trái; đưa ra ngoài khung học thì bố mẹ mất mục lục ngay lúc cần nó nhất.
* **Mục lục đổi theo màn đang mở.** Ở tổng quan, "Trong bài này" thành **"Trong unit này"** và
  liệt kê các chỗ học. Liệt kê các cụm của chỗ học số 1 trong lúc xem tổng quan là mời bố mẹ vào
  một chỗ chưa ai chọn.
* **Không khoá theo học thử.** Trang này là KHUNG của unit — thứ đã hiện công khai ở trang khoá để
  bố mẹ quyết có mua không. Khoá nó ở đây là giấu đúng thứ mình đang dùng để mời. Nội dung thân
  bài vẫn khoá như cũ (`isFreePreview`).

Khác trang khoá ở một chỗ có chủ đích: Key Concept ở đây **trải nghĩa và ví dụ ra thẳng trang**,
không giấu sau popover. Ở trang bán mỗi chữ thêm là một chữ đẩy khung khoá xuống dưới; ở đây bố mẹ
đã vào học và đang cần đúng phần sâu ấy.

## Quiz là một cụm, nên nó chỉ hiện ở màn của nó (SRC-708)

Thân bài vốn đã hiện **một cụm một lúc** từ 2026-09-04 — nhưng khối quiz thì được render ở **mọi**
cụm. Nên màn "Vào bài" mang theo cả thẻ quiz của cụm thứ tư, màn "Ba ví dụ" cũng vậy: mục lục bên
trái nói có bốn cụm, còn màn hình thì mỗi cụm rưỡi một lần. Đó là phần lớn cảm giác chật còn lại
sau khi đã giãn khoảng cách ở SRC-706.

Nay `here.slug === "quiz"` mới render khối đó, đúng như ba cụm kia. Kèm theo: viên nút "Đọc xong
cụm này" không hiện ở màn quiz — ở đó việc phải làm là bấm "Làm quiz", nên hai lời mời cạnh nhau
cho cùng một bước là một lời mời thừa.

Đường đi vẫn liền: đánh dấu xong cụm cuối trước quiz thì `toggle()` đưa thẳng sang trang quiz
(logic có sẵn), nên bố mẹ đọc tuần tự không bao giờ phải ghé màn quiz để bấm thêm một nút nữa.
Màn quiz là chỗ dành cho người bấm thẳng vào mục 4 trong mục lục, hoặc quay lại sau một tuần để
làm lại.

## Câu định danh của cổng: một câu, hai đầu trang (SRC-721)

Chỉ đạo chủ dự án 2026-09-15: chỗ cạnh logo đổi từ **"cổng phụ huynh"** sang

> Cộng đồng cha mẹ thay đổi bản thân, để giúp con đi được xa hơn

và câu ấy là **giá trị dùng chung** cho cả header lẫn chân trang, giữ ở
[`apps/marlins/src/brand.ts`](../../../apps/marlins/src/brand.ts).

Vì sao đổi: "cổng phụ huynh" mô tả **cái cửa** (đây là khu vực dành cho phụ huynh), còn câu mới nói
**bố mẹ vào đây để làm gì**. Trước chỉ đạo này header và chân trang còn nói hai câu khác hẳn nhau,
tức là hai đầu của cùng một trang tự giới thiệu bằng hai giọng.

Hai độ dài, không phải một câu rồi cắt bằng CSS: từ `xl` trở lên hiện câu đầy đủ, hẹp hơn thì bản
ngắn **"Cộng đồng cha mẹ thay đổi bản thân"**. Cắt bằng `truncate` sẽ ra "Cộng đồng cha mẹ thay đổi
bản…", một câu dở dang đọc như lỗi hiển thị; bản ngắn dừng ở một mệnh đề trọn nghĩa.

Câu này nằm ở **dòng thứ hai, dưới tên Marlins**, không nối tiếp cùng dòng với logo: nó dài hơn hẳn
nhãn cũ, để cùng dòng thì trên laptop nó đẩy công tắc ngôn ngữ và menu avatar sát mép. Thứ tự đọc
cũng đúng vai — tên trước, lời hứa sau.