From 38f3fa81cf05e99a9c4a7b81de4194eb5e57d4d6 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Mon, 19 Oct 2026 16:29:53 +0000
Subject: [PATCH 1/5] Link the web book to the Causal Inference Hub

Add a back link at the top of the sidebar, a hub entry in the footer,
a hub > shelf breadcrumb on the landing page, and a short section on
where the book sits on the hub's line map. The README gets the same
link.
---
 README.md             |  4 +++-
 book/_quarto.yml      |  3 +++
 book/index.qmd        | 11 +++++++++++
 book/styles-dark.scss | 10 ++++++++++
 book/styles.scss      | 43 +++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 70 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index c84d574..7abf960 100644
--- a/README.md
+++ b/README.md
@@ -23,7 +23,7 @@ Matheus Facure의 [Causal Inference for The Brave and True](https://matheusfacur
   <a href="https://doi.org/10.5281/zenodo.4445778"><img src="https://img.shields.io/badge/%EC%9B%90%EC%84%9C%20DOI-10.5281%2Fzenodo.4445778-blue" alt="원서 DOI"></a>
 </p>
 
-**[웹북으로 읽기](https://causalinferencelab.github.io/Causal-Inference-with-Python/)** · [용어집](https://causalinferencelab.github.io/Causal-Inference-with-Python/glossary.html) · [번역 가이드](TRANSLATION_GUIDE.md) · [오류 제보](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/issues)
+**[웹북으로 읽기](https://causalinferencelab.github.io/Causal-Inference-with-Python/)** · [인과추론 허브](https://causalinferencelab.github.io/) · [용어집](https://causalinferencelab.github.io/Causal-Inference-with-Python/glossary.html) · [번역 가이드](TRANSLATION_GUIDE.md) · [오류 제보](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/issues)
 
 <br>
 
@@ -35,6 +35,8 @@ Matheus Facure의 [Causal Inference for The Brave and True](https://matheusfacur
 
 번역은 전문 번역가가 아니라 데이터 분석가, 데이터 과학자, 연구자들이 함께 했습니다. 용어는 『실무로 통하는 인과추론 with 파이썬』(한빛미디어)과 맞췄고, 핵심 용어는 처음 나올 때 영어를 함께 적었습니다. 어색한 문장이나 잘못된 번역을 발견하면 언제든 알려 주세요.
 
+이 책은 인과추론팀의 오픈소스를 학습 단계와 트랙별로 엮은 [인과추론 허브](https://causalinferencelab.github.io/) 서가에도 올라 있습니다. 허브의 노선도에서 이 책 앞뒤로 이어지는 자료를 찾을 수 있습니다.
+
 <br>
 
 ## 목차
diff --git a/book/_quarto.yml b/book/_quarto.yml
index a503d03..f50784c 100644
--- a/book/_quarto.yml
+++ b/book/_quarto.yml
@@ -39,6 +39,7 @@ book:
     style: docked
     collapse-level: 3
     header: |
+      <a class="hub-back" href="https://causalinferencelab.github.io/"><span aria-hidden="true">←</span> 인과추론 허브로 가기</a>
       <a class="brand-lockup" href="https://pseudo-lab.com/" target="_blank" rel="noopener" aria-label="가짜연구소">
         <img class="brand-pseudolab only-light" src="assets/pseudolab-dark.png" alt="가짜연구소 Pseudo Lab">
         <img class="brand-pseudolab only-dark" src="assets/pseudolab-light.png" alt="가짜연구소 Pseudo Lab">
@@ -48,6 +49,8 @@ book:
   page-footer:
     left: "[가짜연구소](https://pseudo-lab.com/) 인과추론팀 옮김 · 원서 © [Matheus Facure](https://matheusfacure.github.io/python-causality-handbook/landing-page.html)"
     center:
+      - text: 인과추론 허브
+        href: https://causalinferencelab.github.io/
       - text: 번역 가이드
         href: https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/TRANSLATION_GUIDE.md
       - text: 오류 제보
diff --git a/book/index.qmd b/book/index.qmd
index 4bd4c2f..b299762 100644
--- a/book/index.qmd
+++ b/book/index.qmd
@@ -7,6 +7,11 @@ aliases:
 ```{=html}
 <div class="hero">
   <div class="hero-main">
+    <nav class="hero-crumb" aria-label="위치">
+      <a href="https://causalinferencelab.github.io/">인과추론 허브</a>
+      <span aria-hidden="true">›</span>
+      <a href="https://causalinferencelab.github.io/#books">서가</a>
+    </nav>
     <div class="hero-brand">
       <img class="hero-pseudolab" src="assets/pseudolab-light.png" alt="가짜연구소 Pseudo Lab">
       <span class="hero-brand-divider"></span>
@@ -87,6 +92,12 @@ aliases:
 
 1부는 학계에서 자리 잡은 내용이라 인과적 질문을 다룰 때 기댈 수 있는 튼튼한 토대가 됩니다. 2부는 저자가 핀테크 회사에서 쌓은 실무 경험에서 나온 내용이 많아 더 실험적이고, 그만큼 현업에 바로 가져다 쓸 거리가 많습니다.
 
+## 인과추론 허브에서 이 책의 자리
+
+이 책은 가짜연구소 인과추론팀의 [인과추론 허브](https://causalinferencelab.github.io/) 서가에 놓인 책입니다. 허브는 팀이 만든 오픈소스를 학습 단계와 트랙에 따라 지하철 노선도처럼 엮어 둔 곳이고, 이 책은 L1 구역('어떻게 추정하나')에 있는 1호선 본선의 두 번째 역입니다.
+
+처음이라 개념부터 가볍게 잡고 싶다면 바로 앞 역인 [영상으로 여는 인과추론](https://causalinferencelab.github.io/causal-studio)을 먼저 보셔도 좋습니다. 이 책을 마친 뒤에는 다음 역인 『실무로 통하는 인과추론 with 파이썬』 [예제 코드](https://github.com/CausalInferenceLab/causal-inference-in-python-code)로 이어 가면 됩니다. 2부의 메타러너와 이중 머신러닝이 더 궁금하다면 2호선 ML선으로, 헬스케어와 규제 연구가 궁금하다면 3호선 연구선으로 갈아탈 수 있습니다. 노선마다 다음 역은 [노선도](https://causalinferencelab.github.io/#map)에서 확인할 수 있습니다.
+
 ## 이렇게 읽어 주세요
 
 각 장은 원서의 주피터 노트북을 그대로 옮긴 것이라 코드와 출력이 원서와 같습니다. 노트북 파일은 [GitHub 저장소](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/tree/main/causal-inference-for-the-brave-and-true)에서 내려받아 직접 실행해 볼 수 있습니다. 그래프를 그리는 코드처럼 길어서 접어 둔 셀은 **코드**를 눌러 펼치면 됩니다.
diff --git a/book/styles-dark.scss b/book/styles-dark.scss
index c3b387f..6133628 100644
--- a/book/styles-dark.scss
+++ b/book/styles-dark.scss
@@ -144,3 +144,13 @@ body {
 .ch-chip b {
   color: #c9bcf5;
 }
+
+.hub-back {
+  background: rgba(180, 165, 234, 0.14);
+  color: #c9bcf5;
+}
+
+.hub-back:hover {
+  background: rgba(180, 165, 234, 0.24);
+  color: #eceaff;
+}
diff --git a/book/styles.scss b/book/styles.scss
index 7e3a946..b885e99 100644
--- a/book/styles.scss
+++ b/book/styles.scss
@@ -428,6 +428,49 @@ main:has(.hero) #title-block-header {
   text-align: center;
 }
 
+// 사이드바 맨 위: 인과추론 허브로 돌아가는 길
+.hub-back {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.35rem;
+  margin: 0.1rem 0 0.8rem;
+  padding: 0.28rem 0.7rem;
+  border-radius: 999px;
+  background: $lavender-soft;
+  color: $indigo;
+  font-size: 0.8rem;
+  font-weight: 650;
+  text-decoration: none;
+  transition: background-color 0.15s ease;
+}
+
+.hub-back:hover {
+  background: rgba($lavender, 0.32);
+  color: $navy;
+}
+
+// 첫 화면 위치 표시: 인과추론 허브 › 서가
+.hero .hero-crumb {
+  display: flex;
+  align-items: center;
+  gap: 0.45rem;
+  margin-bottom: 1.1rem;
+  font-size: 0.82rem;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.hero .hero-crumb a {
+  color: rgba(255, 255, 255, 0.88);
+  font-weight: 600;
+  text-decoration: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
+}
+
+.hero .hero-crumb a:hover {
+  color: #fff;
+  border-bottom-color: #fff;
+}
+
 // 사이드바 상단: 가짜연구소 × 인과추론팀
 .brand-lockup {
   display: flex;

From 0e421b8b0a07df3a3dc3f825637a3831d99375d2 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 23 Oct 2026 17:36:00 +0000
Subject: [PATCH 2/5] Point hub links at the curriculum and add a next-step
 card to chapters

The hub moved from a line map to an L0-L4 curriculum, so the landing
breadcrumb and intro section now use its terms and open the book's own
entry with a #station= link. Each chapter ends with one hub resource
to read next, picked by chapter: the online experiment materials after
chapter 2, the CausalML study after the ML chapters, and the industry
case templates elsewhere.
---
 README.md             |  2 +-
 book/_quarto.yml      |  1 +
 book/hub-next.html    | 33 ++++++++++++++++++++
 book/index.qmd        | 15 ++++++---
 book/styles-dark.scss | 23 ++++++++++++++
 book/styles.scss      | 71 +++++++++++++++++++++++++++++++++++++++++++
 6 files changed, 140 insertions(+), 5 deletions(-)
 create mode 100644 book/hub-next.html

diff --git a/README.md b/README.md
index 7abf960..c7ae92f 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,7 @@ Matheus Facure의 [Causal Inference for The Brave and True](https://matheusfacur
 
 번역은 전문 번역가가 아니라 데이터 분석가, 데이터 과학자, 연구자들이 함께 했습니다. 용어는 『실무로 통하는 인과추론 with 파이썬』(한빛미디어)과 맞췄고, 핵심 용어는 처음 나올 때 영어를 함께 적었습니다. 어색한 문장이나 잘못된 번역을 발견하면 언제든 알려 주세요.
 
-이 책은 인과추론팀의 오픈소스를 학습 단계와 트랙별로 엮은 [인과추론 허브](https://causalinferencelab.github.io/) 서가에도 올라 있습니다. 허브의 노선도에서 이 책 앞뒤로 이어지는 자료를 찾을 수 있습니다.
+이 책은 인과추론팀의 오픈소스와 자료를 L0–L4 커리큘럼으로 엮은 [Causal Inference Hub](https://causalinferencelab.github.io/)의 L1 중심 자료입니다. [허브에서 이 책의 자리](https://causalinferencelab.github.io/#station=Causal-Inference-with-Python)를 열면 앞뒤로 이어지는 자료를 볼 수 있습니다.
 
 <br>
 
diff --git a/book/_quarto.yml b/book/_quarto.yml
index f50784c..c32ae31 100644
--- a/book/_quarto.yml
+++ b/book/_quarto.yml
@@ -123,6 +123,7 @@ format:
       - sidebar-resize.html
       - chapter-toc.html
       - site-search.html
+      - hub-next.html
       - comments.html
     include-in-header:
       - text: |
diff --git a/book/hub-next.html b/book/hub-next.html
new file mode 100644
index 0000000..7c7df83
--- /dev/null
+++ b/book/hub-next.html
@@ -0,0 +1,33 @@
+<script>
+// 장 끝에 Causal Inference Hub에서 이어 볼 자료를 한 장의 카드로 보여 준다. 의견 나누기(comments.html)보다 먼저 붙는다.
+document.addEventListener("DOMContentLoaded", function () {
+  var main = document.getElementById("quarto-document-content");
+  if (!main || document.querySelector(".hero")) return;
+  var page = location.pathname.split("/").pop().replace(/\.html$/, "");
+  var hub = "https://causalinferencelab.github.io/";
+  var next = {
+    oce: ["OCE-Materials", "온라인 통제 실험", "이 장의 무작위 실험을 실무의 A/B 테스트로 잇는 스터디 자료입니다."],
+    practice: ["causal-inference-practice", "산업 사례 템플릿", "인과 그래프부터 회귀 불연속 설계까지, 기법마다 산업 사례를 붙인 템플릿입니다. 이 장의 기법을 실제 문제에 적용해 볼 수 있습니다."],
+    causalml: ["causal-inference-with-causalML", "CausalML 스터디", "이 책의 이론을 uber/causalml 코드로 다시 구현하며 이론에서 코드까지 잇는 스터디입니다."]
+  };
+  var n = parseInt(page, 10), pick;
+  if (n === 2) pick = next.oce;
+  else if (n >= 17 && n <= 23) pick = next.causalml;
+  else if (n >= 1 && n <= 25) pick = next.practice;
+  else if (/^(Debiasing|When-Prediction|Prediction-Metrics)/.test(page)) pick = next.causalml;
+  else if (/^Conformal/.test(page)) pick = next.practice;
+  if (!pick) return;
+  var box = document.createElement("aside");
+  box.className = "hub-next";
+  box.setAttribute("aria-label", "Causal Inference Hub에서 이어 보기");
+  box.innerHTML =
+    '<p class="hub-next-k"><img src="assets/causal-lab-mark.png" alt="" width="18" height="21"><span>Causal Inference Hub에서 이어 보기</span></p>' +
+    '<p class="hub-next-t">' + pick[1] + '</p>' +
+    '<p class="hub-next-d">' + pick[2] + '</p>' +
+    '<p class="hub-next-a">' +
+    '<a class="primary" href="' + hub + '#station=' + pick[0] + '">허브에서 보기</a>' +
+    '<a href="' + hub + '#station=Causal-Inference-with-Python">허브에서 이 책의 자리</a>' +
+    '</p>';
+  main.appendChild(box);
+});
+</script>
diff --git a/book/index.qmd b/book/index.qmd
index b299762..8d85ada 100644
--- a/book/index.qmd
+++ b/book/index.qmd
@@ -10,7 +10,7 @@ aliases:
     <nav class="hero-crumb" aria-label="위치">
       <a href="https://causalinferencelab.github.io/">인과추론 허브</a>
       <span aria-hidden="true">›</span>
-      <a href="https://causalinferencelab.github.io/#books">서가</a>
+      <a href="https://causalinferencelab.github.io/#station=Causal-Inference-with-Python">커리큘럼 L1</a>
     </nav>
     <div class="hero-brand">
       <img class="hero-pseudolab" src="assets/pseudolab-light.png" alt="가짜연구소 Pseudo Lab">
@@ -92,11 +92,18 @@ aliases:
 
 1부는 학계에서 자리 잡은 내용이라 인과적 질문을 다룰 때 기댈 수 있는 튼튼한 토대가 됩니다. 2부는 저자가 핀테크 회사에서 쌓은 실무 경험에서 나온 내용이 많아 더 실험적이고, 그만큼 현업에 바로 가져다 쓸 거리가 많습니다.
 
-## 인과추론 허브에서 이 책의 자리
+## 인과추론 허브에서 이어 가기
 
-이 책은 가짜연구소 인과추론팀의 [인과추론 허브](https://causalinferencelab.github.io/) 서가에 놓인 책입니다. 허브는 팀이 만든 오픈소스를 학습 단계와 트랙에 따라 지하철 노선도처럼 엮어 둔 곳이고, 이 책은 L1 구역('어떻게 추정하나')에 있는 1호선 본선의 두 번째 역입니다.
+이 책은 가짜연구소 인과추론팀의 [Causal Inference Hub](https://causalinferencelab.github.io/)에 있는 자료입니다. 허브는 팀이 2022년부터 만든 오픈소스와 자료를 L0부터 L4까지 커리큘럼으로 엮어 둔 곳이고, 이 책은 L1('어떻게 추정하나')의 중심 자료입니다. 허브에서는 이 책을 'Brave & True 인과추론 번역서'로 소개합니다.
 
-처음이라 개념부터 가볍게 잡고 싶다면 바로 앞 역인 [영상으로 여는 인과추론](https://causalinferencelab.github.io/causal-studio)을 먼저 보셔도 좋습니다. 이 책을 마친 뒤에는 다음 역인 『실무로 통하는 인과추론 with 파이썬』 [예제 코드](https://github.com/CausalInferenceLab/causal-inference-in-python-code)로 이어 가면 됩니다. 2부의 메타러너와 이중 머신러닝이 더 궁금하다면 2호선 ML선으로, 헬스케어와 규제 연구가 궁금하다면 3호선 연구선으로 갈아탈 수 있습니다. 노선마다 다음 역은 [노선도](https://causalinferencelab.github.io/#map)에서 확인할 수 있습니다.
+인과추론이 처음이라면 L0의 [영상으로 여는 인과추론](https://causalinferencelab.github.io/causal-studio/)으로 먼저 감을 잡고 넘어와도 좋습니다. 책을 마친 뒤에는 관심에 따라 이렇게 이어 갈 수 있습니다.
+
+- 내 데이터에 적용해 보고 싶다면: [산업 사례 템플릿](https://causalinferencelab.github.io/#station=causal-inference-practice), [책 예제 코드](https://causalinferencelab.github.io/#station=causal-inference-in-python-code)
+- 메타러너와 이중 머신러닝을 코드로 더 익히고 싶다면: ML 트랙의 [CausalML 스터디](https://causalinferencelab.github.io/#station=causal-inference-with-causalML)
+- A/B 테스트를 제대로 하고 싶다면: 실험 트랙의 [온라인 통제 실험](https://causalinferencelab.github.io/#station=OCE-Materials)
+- 헬스케어와 규제 연구가 궁금하다면: 연구 트랙의 [RWE 규제 가이드라인](https://causalinferencelab.github.io/#station=Bridging-Causal-Inference-and-Real-World-Evidence-A-Study-of-FDA-and-Other-Regulatory-Guidelines)
+
+각 장 끝에도 그 장 다음에 보면 좋은 허브 자료를 하나씩 붙여 두었습니다. 전체 흐름은 [허브에서 이 책의 자리](https://causalinferencelab.github.io/#station=Causal-Inference-with-Python)를 열어 보면 앞뒤 자료와 함께 한눈에 보입니다.
 
 ## 이렇게 읽어 주세요
 
diff --git a/book/styles-dark.scss b/book/styles-dark.scss
index 6133628..f0b589d 100644
--- a/book/styles-dark.scss
+++ b/book/styles-dark.scss
@@ -154,3 +154,26 @@ body {
   background: rgba(180, 165, 234, 0.24);
   color: #eceaff;
 }
+
+.hub-next {
+  border-color: #2b2e40;
+  background: linear-gradient(135deg, rgba(180, 165, 234, 0.12) 0%, #14151f 75%);
+}
+
+.hub-next .hub-next-k {
+  color: #c9bcf5;
+}
+
+.hub-next .hub-next-t {
+  color: #eceaff;
+}
+
+.hub-next .hub-next-a a {
+  border-color: rgba(180, 165, 234, 0.35);
+}
+
+.hub-next .hub-next-a a.primary {
+  background: #b4a5ea;
+  border-color: #b4a5ea;
+  color: #14151f;
+}
diff --git a/book/styles.scss b/book/styles.scss
index b885e99..4640430 100644
--- a/book/styles.scss
+++ b/book/styles.scss
@@ -471,6 +471,77 @@ main:has(.hero) #title-block-header {
   border-bottom-color: #fff;
 }
 
+// 장 끝: Causal Inference Hub에서 이어 볼 자료
+.hub-next {
+  margin: 2.6rem 0 0;
+  padding: 1.2rem 1.3rem 1.1rem;
+  border-radius: 14px;
+  border: 1px solid rgba($indigo, 0.18);
+  background: linear-gradient(135deg, $lavender-soft 0%, #fff 70%);
+}
+
+.hub-next p {
+  margin: 0;
+}
+
+.hub-next .hub-next-k {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  gap: 0.45rem;
+  font-size: 0.78rem;
+  font-weight: 700;
+  color: $indigo;
+}
+
+.hub-next .hub-next-k img {
+  display: block;
+  flex: none;
+  width: 18px;
+  height: auto;
+  margin: 0;
+}
+
+.hub-next .hub-next-t {
+  margin-top: 0.45rem;
+  font-size: 1.12rem;
+  font-weight: 750;
+  color: $navy;
+}
+
+.hub-next .hub-next-d {
+  margin-top: 0.25rem;
+  font-size: 0.92rem;
+  line-height: 1.65;
+}
+
+.hub-next .hub-next-a {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-top: 0.85rem;
+}
+
+.hub-next .hub-next-a a {
+  display: inline-block;
+  padding: 0.4rem 0.95rem;
+  border-radius: 999px;
+  border: 1px solid rgba($indigo, 0.3);
+  font-size: 0.86rem;
+  font-weight: 650;
+  text-decoration: none;
+}
+
+.hub-next .hub-next-a a.primary {
+  background: $indigo;
+  border-color: $indigo;
+  color: #fff;
+}
+
+.hub-next .hub-next-a a:hover {
+  opacity: 0.88;
+}
+
 // 사이드바 상단: 가짜연구소 × 인과추론팀
 .brand-lockup {
   display: flex;

From 5cd1471d99d52e9d654b6573ff39833022d16748 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 24 Oct 2026 04:26:20 +0000
Subject: [PATCH 3/5] Add reading progress, chapter feedback and clearer hub
 entry points

- Track finished chapters in the browser: a check mark in the sidebar,
  a progress line at the end of each chapter, and a continue-reading
  button on the landing page.
- Show reading time, position in the book and a notebook link under
  each chapter title, plus a thin reading progress bar.
- Ask whether the chapter helped and send the answer as a GA4 event.
- Replace the sidebar pill with a hub card, add a hub button to the
  mobile top bar and a hub banner on the landing page.
- Load GA4 from our own snippet so incoming utm_* are recorded and then
  removed from the address bar; links to team sites on this domain open
  in the same tab and send hub_click with where they were clicked.
- Send search terms from the search dialog as GA4 search events.
---
 book/_quarto.yml      |   9 +-
 book/analytics.html   |  19 +++
 book/hub-next.html    |  33 ----
 book/index.qmd        |  18 +-
 book/reader.html      | 251 +++++++++++++++++++++++++++
 book/site-search.html |  13 +-
 book/styles-dark.scss |  60 ++++++-
 book/styles.scss      | 382 ++++++++++++++++++++++++++++++++++++++++--
 8 files changed, 727 insertions(+), 58 deletions(-)
 create mode 100644 book/analytics.html
 delete mode 100644 book/hub-next.html
 create mode 100644 book/reader.html

diff --git a/book/_quarto.yml b/book/_quarto.yml
index c32ae31..ecaa661 100644
--- a/book/_quarto.yml
+++ b/book/_quarto.yml
@@ -13,9 +13,6 @@ execute:
   enabled: false
 
 book:
-  google-analytics:
-    tracking-id: "G-BEBVKYH8HL"
-    anonymize-ip: true
   title: "Python으로 하는 인과추론"
   subtitle: "Causal Inference for The Brave and True 한국어판"
   author:
@@ -39,7 +36,7 @@ book:
     style: docked
     collapse-level: 3
     header: |
-      <a class="hub-back" href="https://causalinferencelab.github.io/"><span aria-hidden="true">←</span> 인과추론 허브로 가기</a>
+      <a class="hub-card" href="https://causalinferencelab.github.io/"><span class="hub-card-arrow" aria-hidden="true">←</span><span class="hub-card-text"><b>Causal Inference Hub</b><small>인과추론팀 커리큘럼과 오픈소스</small></span></a>
       <a class="brand-lockup" href="https://pseudo-lab.com/" target="_blank" rel="noopener" aria-label="가짜연구소">
         <img class="brand-pseudolab only-light" src="assets/pseudolab-dark.png" alt="가짜연구소 Pseudo Lab">
         <img class="brand-pseudolab only-dark" src="assets/pseudolab-light.png" alt="가짜연구소 Pseudo Lab">
@@ -118,14 +115,16 @@ format:
     html-math-method: mathjax
     df-print: default
     link-external-newwindow: true
+    link-external-filter: '^(?:https?:)\/\/causalinferencelab\.github\.io\/'
     back-to-top-navigation: true
     include-after-body:
       - sidebar-resize.html
       - chapter-toc.html
       - site-search.html
-      - hub-next.html
+      - reader.html
       - comments.html
     include-in-header:
+      - analytics.html
       - text: |
           <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
           <link rel="preconnect" href="https://fonts.googleapis.com">
diff --git a/book/analytics.html b/book/analytics.html
new file mode 100644
index 0000000..b9ed928
--- /dev/null
+++ b/book/analytics.html
@@ -0,0 +1,19 @@
+<!-- Google Analytics 4 (웹북). 허브는 따로 G-C5V0X2SGD3을 쓴다. -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=G-BEBVKYH8HL"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'G-BEBVKYH8HL', { anonymize_ip: true, page_location: location.href });
+  // 유입 정보(utm_*)는 page_location으로 GA에 넘기고, 주소창에서는 지워 공유되는 링크를 깔끔하게 둔다
+  (function () {
+    try {
+      var u = new URL(location.href), drop = [];
+      u.searchParams.forEach(function (v, k) { if (k.indexOf("utm_") === 0) drop.push(k); });
+      if (drop.length) {
+        drop.forEach(function (k) { u.searchParams.delete(k); });
+        history.replaceState(history.state, "", u.pathname + u.search + u.hash);
+      }
+    } catch (e) {}
+  })();
+</script>
diff --git a/book/hub-next.html b/book/hub-next.html
deleted file mode 100644
index 7c7df83..0000000
--- a/book/hub-next.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<script>
-// 장 끝에 Causal Inference Hub에서 이어 볼 자료를 한 장의 카드로 보여 준다. 의견 나누기(comments.html)보다 먼저 붙는다.
-document.addEventListener("DOMContentLoaded", function () {
-  var main = document.getElementById("quarto-document-content");
-  if (!main || document.querySelector(".hero")) return;
-  var page = location.pathname.split("/").pop().replace(/\.html$/, "");
-  var hub = "https://causalinferencelab.github.io/";
-  var next = {
-    oce: ["OCE-Materials", "온라인 통제 실험", "이 장의 무작위 실험을 실무의 A/B 테스트로 잇는 스터디 자료입니다."],
-    practice: ["causal-inference-practice", "산업 사례 템플릿", "인과 그래프부터 회귀 불연속 설계까지, 기법마다 산업 사례를 붙인 템플릿입니다. 이 장의 기법을 실제 문제에 적용해 볼 수 있습니다."],
-    causalml: ["causal-inference-with-causalML", "CausalML 스터디", "이 책의 이론을 uber/causalml 코드로 다시 구현하며 이론에서 코드까지 잇는 스터디입니다."]
-  };
-  var n = parseInt(page, 10), pick;
-  if (n === 2) pick = next.oce;
-  else if (n >= 17 && n <= 23) pick = next.causalml;
-  else if (n >= 1 && n <= 25) pick = next.practice;
-  else if (/^(Debiasing|When-Prediction|Prediction-Metrics)/.test(page)) pick = next.causalml;
-  else if (/^Conformal/.test(page)) pick = next.practice;
-  if (!pick) return;
-  var box = document.createElement("aside");
-  box.className = "hub-next";
-  box.setAttribute("aria-label", "Causal Inference Hub에서 이어 보기");
-  box.innerHTML =
-    '<p class="hub-next-k"><img src="assets/causal-lab-mark.png" alt="" width="18" height="21"><span>Causal Inference Hub에서 이어 보기</span></p>' +
-    '<p class="hub-next-t">' + pick[1] + '</p>' +
-    '<p class="hub-next-d">' + pick[2] + '</p>' +
-    '<p class="hub-next-a">' +
-    '<a class="primary" href="' + hub + '#station=' + pick[0] + '">허브에서 보기</a>' +
-    '<a href="' + hub + '#station=Causal-Inference-with-Python">허브에서 이 책의 자리</a>' +
-    '</p>';
-  main.appendChild(box);
-});
-</script>
diff --git a/book/index.qmd b/book/index.qmd
index 8d85ada..d2f9526 100644
--- a/book/index.qmd
+++ b/book/index.qmd
@@ -18,11 +18,11 @@ aliases:
       <span class="hero-brand-team">인과추론팀 <b>Causal-Lab</b></span>
     </div>
     <p class="hero-title">Python으로 하는<br>인과추론</p>
-    <p class="hero-sub">Causal Inference for The Brave and True 한국어판. 인과추론의 기초부터 실무 응용까지, 모든 실습을 파이썬으로.</p>
+    <p class="hero-sub"><a href="https://matheusfacure.github.io/python-causality-handbook/landing-page.html">Causal Inference for The Brave and True</a> 한국어판. 인과추론의 기초부터 실무 응용까지, 모든 실습을 파이썬으로.</p>
     <div class="hero-actions">
       <a class="primary" href="01-Introduction-To-Causality.html">1장부터 읽기</a>
+      <a class="ghost" href="https://causalinferencelab.github.io/">인과추론 허브</a>
       <a class="ghost" href="https://github.com/CausalInferenceLab/Causal-Inference-with-Python">GitHub</a>
-      <a class="ghost" href="https://matheusfacure.github.io/python-causality-handbook/landing-page.html">원서 보기</a>
     </div>
   </div>
   <div class="hero-aside">
@@ -94,6 +94,18 @@ aliases:
 
 ## 인과추론 허브에서 이어 가기
 
+```{=html}
+<a class="hub-banner" href="https://causalinferencelab.github.io/">
+  <img src="assets/causal-lab-mark.png" alt="" width="56" height="64">
+  <span class="hub-banner-text">
+    <span class="hub-banner-k">가짜연구소 인과추론팀</span>
+    <span class="hub-banner-t">Causal Inference Hub</span>
+    <span class="hub-banner-d">웹북, 영상, 스터디 자료, 데이터 에이전트까지. 팀이 만든 오픈소스를 L0–L4 커리큘럼으로 엮었습니다.</span>
+  </span>
+  <span class="hub-banner-go">허브 둘러보기 <span aria-hidden="true">→</span></span>
+</a>
+```
+
 이 책은 가짜연구소 인과추론팀의 [Causal Inference Hub](https://causalinferencelab.github.io/)에 있는 자료입니다. 허브는 팀이 2022년부터 만든 오픈소스와 자료를 L0부터 L4까지 커리큘럼으로 엮어 둔 곳이고, 이 책은 L1('어떻게 추정하나')의 중심 자료입니다. 허브에서는 이 책을 'Brave & True 인과추론 번역서'로 소개합니다.
 
 인과추론이 처음이라면 L0의 [영상으로 여는 인과추론](https://causalinferencelab.github.io/causal-studio/)으로 먼저 감을 잡고 넘어와도 좋습니다. 책을 마친 뒤에는 관심에 따라 이렇게 이어 갈 수 있습니다.
@@ -107,7 +119,7 @@ aliases:
 
 ## 이렇게 읽어 주세요
 
-각 장은 원서의 주피터 노트북을 그대로 옮긴 것이라 코드와 출력이 원서와 같습니다. 노트북 파일은 [GitHub 저장소](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/tree/main/causal-inference-for-the-brave-and-true)에서 내려받아 직접 실행해 볼 수 있습니다. 그래프를 그리는 코드처럼 길어서 접어 둔 셀은 **코드**를 눌러 펼치면 됩니다.
+각 장은 원서의 주피터 노트북을 그대로 옮긴 것이라 코드와 출력이 원서와 같습니다. 노트북 파일은 [GitHub 저장소](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/tree/main/causal-inference-for-the-brave-and-true)에서 내려받아 직접 실행해 볼 수 있습니다. 그래프를 그리는 코드처럼 길어서 접어 둔 셀은 **코드**를 눌러 펼치면 됩니다. 끝까지 읽은 장은 왼쪽 목차에 ✓ 표시가 붙고, 다음에 오면 첫 화면에서 이어 읽을 수 있습니다. 이 기록은 지금 쓰는 브라우저에만 남습니다.
 
 용어는 같은 저자의 책을 옮긴 『실무로 통하는 인과추론 with 파이썬』(한빛미디어)과 맞췄습니다. 두 책을 함께 보셔도 용어가 헷갈리지 않습니다. 용어의 원어와 그 용어를 다루는 장은 [용어집](glossary.html)에서 찾을 수 있습니다. 왼쪽 위 검색(단축키 `/` 또는 `Ctrl+K`)에 한국어나 영어 용어를 넣어도 됩니다. 띄어쓰기는 달라도 찾아 줍니다. 번역 원칙과 용어표는 [번역 가이드](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/TRANSLATION_GUIDE.md)에 정리해 두었습니다.
 
diff --git a/book/reader.html b/book/reader.html
new file mode 100644
index 0000000..0195a34
--- /dev/null
+++ b/book/reader.html
@@ -0,0 +1,251 @@
+<script>
+// 읽기 도우미: 읽은 장 기록, 장 첫머리 정보, 읽기 진행 막대, 장 끝 마무리(평가·진도·허브 다음 자료),
+// 첫 화면 '이어 읽기', Causal Inference Hub로 가는 링크 추적. 기록은 이 브라우저에만 남는다.
+(function () {
+  var HUB = "https://causalinferencelab.github.io/";
+  var BOOK_PATH = "/Causal-Inference-with-Python/";
+  var NB = "https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/causal-inference-for-the-brave-and-true/";
+  var KEY_READ = "cil-read", KEY_LAST = "cil-last", KEY_VOTE = "cil-vote";
+
+  function get(k, d) { try { var v = localStorage.getItem(k); return v ? JSON.parse(v) : d; } catch (e) { return d; } }
+  function put(k, v) { try { localStorage.setItem(k, JSON.stringify(v)); } catch (e) {} }
+  function track(name, params) { try { if (typeof window.gtag === "function") window.gtag("event", name, params || {}); } catch (e) {} }
+  window.cilTrack = track;
+  function esc(s) { return String(s).replace(/[&<>"]/g, function (c) { return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" }[c]; }); }
+  function slug(href) { return (href || "").split("#")[0].split("?")[0].split("/").pop().replace(/\.html$/, "") || "index"; }
+
+  // ---------- 허브(같은 도메인의 팀 사이트)로 가는 링크: 같은 탭, utm_*, 클릭 이벤트 ----------
+  function placement(a) {
+    var spots = [["#quarto-sidebar", "sidebar"], [".quarto-secondary-nav", "topbar"], [".nav-footer", "footer"],
+      [".hero", "hero"], [".hub-banner", "intro_banner"], [".cil-end", "chapter_end"], ["main", "content"]];
+    for (var i = 0; i < spots.length; i++) if (a.closest(spots[i][0])) return spots[i][1];
+    return "other";
+  }
+  function decorate(e) {
+    var a = e.target.closest && e.target.closest("a[href]");
+    if (!a) return;
+    var u;
+    try { u = new URL(a.href, location.href); } catch (err) { return; }
+    if (u.origin !== new URL(HUB).origin || u.pathname.indexOf(BOOK_PATH) === 0) return;
+    var site = u.pathname.split("/")[1];
+    site = site && !/\.html$/.test(site) ? site : "hub";
+    var where = placement(a);
+    if (!u.searchParams.has("utm_source")) {
+      u.searchParams.set("utm_source", "webbook");
+      u.searchParams.set("utm_medium", "referral");
+      u.searchParams.set("utm_campaign", "crosslink");
+      u.searchParams.set("utm_content", where);
+      a.href = u.toString();
+    }
+    if (e.type === "click" && e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey) a.removeAttribute("target");
+    track(site === "hub" ? "hub_click" : "team_site_click", { site: site, placement: where, link_url: u.origin + u.pathname + u.hash });
+  }
+  document.addEventListener("click", decorate, true);
+  document.addEventListener("auxclick", decorate, true);
+
+  document.addEventListener("DOMContentLoaded", function () {
+    var page = slug(location.pathname);
+    var main = document.getElementById("quarto-document-content");
+
+    // 책의 장 목록: 왼쪽 목차 순서(들어가며·용어집 제외)
+    var chapters = [], seen = {};
+    document.querySelectorAll("#quarto-sidebar a.sidebar-link[href]").forEach(function (a) {
+      var s = slug(a.getAttribute("href"));
+      if (s === "index" || s === "glossary" || seen[s]) return;
+      seen[s] = 1;
+      var num = a.querySelector(".chapter-number"), title = a.querySelector(".chapter-title");
+      chapters.push({ slug: s, href: a.getAttribute("href"), link: a,
+        num: num ? num.textContent.trim() : "", title: (title ? title.textContent : a.textContent).trim() });
+    });
+    var idx = -1;
+    chapters.forEach(function (c, i) { if (c.slug === page) idx = i; });
+    var read = get(KEY_READ, {});
+    function readCount() { return chapters.filter(function (c) { return read[c.slug]; }).length; }
+    function label(c) { return (/^\d+$/.test(c.num) ? c.num + "장 " : c.num ? "부록 " + c.num + " " : "") + c.title; }
+
+    // 왼쪽 목차에 읽은 장 표시
+    function paintSidebar() {
+      chapters.forEach(function (c) {
+        c.link.classList.toggle("is-read", !!read[c.slug]);
+        if (read[c.slug]) c.link.setAttribute("title", "읽은 장"); else c.link.removeAttribute("title");
+      });
+    }
+    paintSidebar();
+
+    // 좁은 화면 상단 막대: 허브 바로가기
+    var nav = document.querySelector(".quarto-secondary-nav .container-fluid");
+    if (nav) {
+      var hb = document.createElement("a");
+      hb.className = "cil-hub-mobile";
+      hb.href = HUB;
+      hb.setAttribute("aria-label", "Causal Inference Hub로 가기");
+      hb.innerHTML = '<img src="assets/causal-lab-mark.png" alt="" width="20" height="23"><span>허브</span>';
+      var sb = nav.querySelector(".cil-search-mobile");
+      nav.insertBefore(hb, sb || null);
+    }
+
+    // ---------- 첫 화면: 이어 읽기 ----------
+    var hero = document.querySelector(".hero .hero-actions");
+    if (hero) {
+      var last = get(KEY_LAST, null);
+      var lc = last && chapters.filter(function (c) { return c.slug === last.slug; })[0];
+      var n = readCount();
+      if (lc) {
+        var primary = hero.querySelector("a.primary");
+        var cont = document.createElement("a");
+        cont.className = "primary";
+        cont.href = lc.href;
+        cont.innerHTML = "이어 읽기 <span>· " + esc(label(lc)) + "</span>";
+        cont.addEventListener("click", function () { track("continue_reading", { chapter: lc.slug }); });
+        if (primary) hero.replaceChild(cont, primary); else hero.insertBefore(cont, hero.firstChild);
+      }
+      if (lc || n) {
+        var p = document.createElement("p");
+        p.className = "hero-progress";
+        p.innerHTML = (n
+          ? '<span class="bar"><i style="width:' + Math.max(2, Math.round(n / chapters.length * 100)) + '%"></i></span><span>이 브라우저에서 ' + chapters.length + "편 중 <b>" + n + "편</b>을 읽었습니다</span>"
+          : "<span>지난번에 읽던 장부터 이어 읽을 수 있습니다</span>") +
+          (lc ? '<a href="' + esc(chapters[0].href) + '">1장부터 읽기</a>' : "");
+        hero.insertAdjacentElement("afterend", p);
+      }
+    }
+
+    if (!main || idx < 0 || document.querySelector(".hero")) return;
+    var ch = chapters[idx];
+    put(KEY_LAST, { slug: ch.slug, t: Date.now() });
+
+    // ---------- 장 첫머리: 분량, 위치, 노트북 ----------
+    var header = document.getElementById("title-block-header");
+    var text = 0;
+    main.querySelectorAll("p, li, h2, h3, h4, blockquote, td").forEach(function (el) {
+      if (!el.closest(".cell, .callout, nav, #title-block-header")) text += el.textContent.replace(/\s+/g, "").length;
+    });
+    var minutes = Math.max(3, Math.round(text / 450));
+    if (header) {
+      var meta = document.createElement("div");
+      meta.className = "cil-chapter-meta";
+      meta.innerHTML =
+        '<span>약 ' + minutes + "분</span>" +
+        '<span>' + chapters.length + "편 중 " + (idx + 1) + "번째</span>" +
+        '<a href="' + NB + ch.slug + '.ipynb" target="_blank" rel="noopener">노트북 보기</a>' +
+        '<span class="cil-read-badge"' + (read[ch.slug] ? "" : " hidden") + ">✓ 읽은 장</span>";
+      header.insertAdjacentElement("beforeend", meta);
+    }
+
+    // ---------- 읽기 진행 막대 ----------
+    var bar = document.createElement("div");
+    bar.className = "cil-progress";
+    bar.setAttribute("aria-hidden", "true");
+    bar.innerHTML = "<i></i>";
+    document.body.appendChild(bar);
+    var fill = bar.firstChild, ticking = false;
+    function onScroll() {
+      if (ticking) return;
+      ticking = true;
+      requestAnimationFrame(function () {
+        ticking = false;
+        var r = main.getBoundingClientRect();
+        var total = Math.max(1, r.height - window.innerHeight * 0.6);
+        var done = Math.min(1, Math.max(0, -r.top / total));
+        fill.style.transform = "scaleX(" + done.toFixed(4) + ")";
+      });
+    }
+    window.addEventListener("scroll", onScroll, { passive: true });
+    window.addEventListener("resize", onScroll);
+    onScroll();
+
+    // ---------- 장 끝 마무리 ----------
+    var next = { // 이 장 다음에 볼 허브 자료
+      oce: ["OCE-Materials", "온라인 통제 실험", "이 장의 무작위 실험을 실무의 A/B 테스트로 잇는 스터디 자료입니다."],
+      practice: ["causal-inference-practice", "산업 사례 템플릿", "인과 그래프부터 회귀 불연속 설계까지, 기법마다 산업 사례를 붙인 템플릿입니다. 이 장의 기법을 실제 문제에 적용해 볼 수 있습니다."],
+      causalml: ["causal-inference-with-causalML", "CausalML 스터디", "이 책의 이론을 uber/causalml 코드로 다시 구현하며 이론에서 코드까지 잇는 스터디입니다."]
+    };
+    var nn = parseInt(page, 10), pick;
+    if (nn === 2) pick = next.oce;
+    else if (nn >= 17 && nn <= 23) pick = next.causalml;
+    else if (nn >= 1 && nn <= 25) pick = next.practice;
+    else if (/^(Debiasing|When-Prediction|Prediction-Metrics)/.test(page)) pick = next.causalml;
+    else pick = next.practice;
+
+    var votes = get(KEY_VOTE, {});
+    var end = document.createElement("section");
+    end.className = "cil-end";
+    end.setAttribute("aria-label", "이 장을 마치며");
+    end.innerHTML =
+      '<div class="cil-end-row">' +
+        '<div class="cil-end-vote" role="group" aria-label="이 장 평가">' +
+          '<span class="q">이 장, 도움이 됐나요?</span>' +
+          '<button type="button" data-vote="helpful" aria-pressed="false">도움이 됐어요</button>' +
+          '<button type="button" data-vote="hard" aria-pressed="false">어려웠어요</button>' +
+          '<span class="thanks" hidden></span>' +
+        "</div>" +
+        '<div class="cil-end-progress"><span class="t"></span><span class="bar"><i></i></span></div>' +
+      "</div>" +
+      '<aside class="hub-next" aria-label="Causal Inference Hub에서 이어 보기">' +
+        '<p class="hub-next-k"><img src="assets/causal-lab-mark.png" alt="" width="18" height="21"><span>Causal Inference Hub에서 이어 보기</span></p>' +
+        '<p class="hub-next-t">' + pick[1] + "</p>" +
+        '<p class="hub-next-d">' + pick[2] + "</p>" +
+        '<p class="hub-next-a">' +
+          '<a class="primary" href="' + HUB + "#station=" + pick[0] + '">허브에서 보기</a>' +
+          '<a href="' + HUB + '#station=Causal-Inference-with-Python">허브에서 이 책의 자리</a>' +
+        "</p>" +
+      "</aside>";
+    var sentinel = document.createElement("div");
+    sentinel.className = "cil-end-sentinel";
+    main.appendChild(sentinel);
+    main.appendChild(end);
+
+    function paintProgress() {
+      var n = readCount();
+      end.querySelector(".cil-end-progress .t").innerHTML = read[ch.slug]
+        ? "다 읽었습니다 · " + chapters.length + "편 중 <b>" + n + "편</b> 읽음"
+        : chapters.length + "편 중 <b>" + n + "편</b> 읽음";
+      end.querySelector(".cil-end-progress i").style.width = Math.round(n / chapters.length * 100) + "%";
+      var badge = document.querySelector(".cil-read-badge");
+      if (badge) badge.hidden = !read[ch.slug];
+    }
+    paintProgress();
+
+    function paintVote(v) {
+      end.querySelectorAll("[data-vote]").forEach(function (b) { b.setAttribute("aria-pressed", String(b.getAttribute("data-vote") === v)); });
+      var t = end.querySelector(".thanks");
+      if (!v) { t.hidden = true; return; }
+      t.hidden = false;
+      t.innerHTML = v === "hard"
+        ? '고맙습니다. 어려웠던 부분을 <a href="#cil-comments">의견 나누기</a>에 남겨 주시면 번역을 다듬겠습니다.'
+        : "고맙습니다!";
+    }
+    paintVote(votes[ch.slug]);
+    end.addEventListener("click", function (e) {
+      var b = e.target.closest("[data-vote]");
+      if (!b) return;
+      var v = b.getAttribute("data-vote");
+      if (votes[ch.slug] === v) return;
+      votes[ch.slug] = v;
+      put(KEY_VOTE, votes);
+      paintVote(v);
+      track("chapter_feedback", { chapter: ch.slug, value: v });
+    });
+
+    // 끝까지 내려왔고 30초 이상 머물렀으면 읽은 장으로 기록
+    var start = Date.now(), timer = 0;
+    function complete() {
+      if (read[ch.slug]) return;
+      read[ch.slug] = Date.now();
+      put(KEY_READ, read);
+      paintSidebar();
+      paintProgress();
+      track("chapter_complete", { chapter: ch.slug, chapter_index: idx + 1, read_count: readCount() });
+    }
+    if ("IntersectionObserver" in window && !read[ch.slug]) {
+      var io = new IntersectionObserver(function (entries) {
+        if (!entries[0].isIntersecting) return;
+        io.disconnect();
+        var wait = Math.max(0, 30000 - (Date.now() - start));
+        if (!wait) complete(); else timer = setTimeout(complete, wait);
+      });
+      io.observe(sentinel);
+    }
+  });
+})();
+</script>
diff --git a/book/site-search.html b/book/site-search.html
index 0ae3567..01ee75a 100644
--- a/book/site-search.html
+++ b/book/site-search.html
@@ -17,6 +17,14 @@
   var input = document.getElementById("cil-search-input");
   var list = document.getElementById("cil-search-results");
   var data = null, loading = null, items = [], active = -1, timer = 0;
+  var reported = "";
+  // 무엇을 찾는지 GA4 'search' 이벤트로 남긴다(결과를 열 때, 또는 찾다가 닫을 때 한 번)
+  function report(how) {
+    var q = input.value.trim();
+    if (norm(q).length < 2 || q === reported) return;
+    reported = q;
+    try { if (typeof window.gtag === "function") window.gtag("event", "search", { search_term: q, results: items.length, how: how }); } catch (e) {}
+  }
   var SUGGEST = ["잠재적 결과", "성향점수", "이중차분법", "도구변수", "평행 추세", "메타러너", "A/B 테스트"];
 
   function norm(s) {
@@ -133,6 +141,7 @@
   }
   function close() {
     if (box.hidden) return;
+    report("close");
     box.hidden = true;
     document.documentElement.classList.remove("cil-search-open");
     input.blur();
@@ -150,14 +159,14 @@
     else if (e.key === "ArrowUp") { e.preventDefault(); move(-1); }
     else if (e.key === "Enter") {
       var target = items[active >= 0 ? active : 0];
-      if (target) { e.preventDefault(); window.location.href = target.getAttribute("href"); close(); }
+      if (target) { e.preventDefault(); report("open"); window.location.href = target.getAttribute("href"); close(); }
     } else if (e.key === "Escape") { close(); }
   });
   box.addEventListener("click", function (e) {
     if (e.target.closest("[data-close]")) close();
     var chip = e.target.closest("[data-q]");
     if (chip) { input.value = chip.getAttribute("data-q"); render(input.value); input.focus(); }
-    if (e.target.closest(".cil-search-item")) close();
+    if (e.target.closest(".cil-search-item")) { report("open"); close(); }
   });
   document.addEventListener("keydown", function (e) {
     var typing = /^(INPUT|TEXTAREA|SELECT)$/.test(document.activeElement.tagName) || document.activeElement.isContentEditable;
diff --git a/book/styles-dark.scss b/book/styles-dark.scss
index f0b589d..f25b163 100644
--- a/book/styles-dark.scss
+++ b/book/styles-dark.scss
@@ -145,16 +145,68 @@ body {
   color: #c9bcf5;
 }
 
-.hub-back {
-  background: rgba(180, 165, 234, 0.14);
+.hub-card {
+  border-color: #2b2e40;
+  background: rgba(180, 165, 234, 0.1);
+  color: #eceaff;
+}
+
+.hub-card:hover {
+  background: rgba(180, 165, 234, 0.18);
+  color: #eceaff;
+}
+
+.hub-card .hub-card-arrow {
+  background: #1d1f2c;
   color: #c9bcf5;
 }
 
-.hub-back:hover {
-  background: rgba(180, 165, 234, 0.24);
+.cil-hub-mobile {
+  background: rgba(180, 165, 234, 0.14);
   color: #eceaff;
 }
 
+.cil-chapter-meta {
+  color: #9a9db0;
+}
+
+.cil-chapter-meta a {
+  color: #b4a5ea;
+}
+
+.cil-chapter-meta .cil-read-badge,
+#quarto-sidebar .sidebar-link.is-read .menu-text::after {
+  color: #6fcf97;
+}
+
+.cil-end-row {
+  border-top-color: #2b2e40;
+}
+
+.cil-end-vote .q {
+  color: #eceaff;
+}
+
+.cil-end-vote button {
+  border-color: rgba(180, 165, 234, 0.3);
+  color: #e4e5ee;
+}
+
+.cil-end-vote button[aria-pressed="true"] {
+  background: #b4a5ea;
+  border-color: #b4a5ea;
+  color: #14151f;
+}
+
+.cil-end-vote .thanks,
+.cil-end-progress {
+  color: #9a9db0;
+}
+
+.cil-end-progress .bar {
+  background: rgba(180, 165, 234, 0.16);
+}
+
 .hub-next {
   border-color: #2b2e40;
   background: linear-gradient(135deg, rgba(180, 165, 234, 0.12) 0%, #14151f 75%);
diff --git a/book/styles.scss b/book/styles.scss
index 4640430..70cd32d 100644
--- a/book/styles.scss
+++ b/book/styles.scss
@@ -428,25 +428,90 @@ main:has(.hero) #title-block-header {
   text-align: center;
 }
 
-// 사이드바 맨 위: 인과추론 허브로 돌아가는 길
-.hub-back {
+// 사이드바 맨 위: Causal Inference Hub로 가는 카드
+.hub-card {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  margin: 0.1rem 0 0.9rem;
+  padding: 0.5rem 0.75rem;
+  border-radius: 12px;
+  border: 1px solid rgba($indigo, 0.16);
+  background: $lavender-soft;
+  color: $navy;
+  text-decoration: none;
+  transition: border-color 0.15s ease, background-color 0.15s ease;
+}
+
+.hub-card:hover {
+  border-color: rgba($indigo, 0.45);
+  background: rgba($lavender, 0.24);
+  color: $navy;
+}
+
+.hub-card .hub-card-arrow {
+  display: grid;
+  place-items: center;
+  flex: none;
+  width: 1.7rem;
+  height: 1.7rem;
+  border-radius: 50%;
+  background: #fff;
+  color: $indigo;
+  font-weight: 700;
+  transition: transform 0.15s ease;
+}
+
+.hub-card:hover .hub-card-arrow {
+  transform: translateX(-2px);
+}
+
+.hub-card .hub-card-text {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  line-height: 1.3;
+}
+
+.hub-card b {
+  font-size: 0.86rem;
+  font-weight: 750;
+}
+
+.hub-card small {
+  font-size: 0.72rem;
+  color: $sidebar-fg;
+}
+
+// 좁은 화면 상단 막대의 허브 바로가기
+.cil-hub-mobile {
   display: inline-flex;
+  flex: none;
+  align-self: center;
   align-items: center;
-  gap: 0.35rem;
-  margin: 0.1rem 0 0.8rem;
-  padding: 0.28rem 0.7rem;
+  line-height: 1.2;
+  gap: 0.3rem;
+  margin: 0 0.15rem 0 0.4rem;
+  padding: 0.22rem 0.6rem 0.22rem 0.45rem;
   border-radius: 999px;
   background: $lavender-soft;
-  color: $indigo;
+  color: $navy;
   font-size: 0.8rem;
-  font-weight: 650;
+  font-weight: 700;
   text-decoration: none;
-  transition: background-color 0.15s ease;
+  white-space: nowrap;
 }
 
-.hub-back:hover {
-  background: rgba($lavender, 0.32);
-  color: $navy;
+.cil-hub-mobile img {
+  width: 16px;
+  height: auto;
+  margin: 0;
+}
+
+@media (min-width: 992px) {
+  .cil-hub-mobile {
+    display: none;
+  }
 }
 
 // 첫 화면 위치 표시: 인과추론 허브 › 서가
@@ -471,6 +536,293 @@ main:has(.hero) #title-block-header {
   border-bottom-color: #fff;
 }
 
+// 장 첫머리: 분량, 위치, 노트북
+.cil-chapter-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.35rem 0.9rem;
+  margin: 0.55rem 0 0.2rem;
+  font-size: 0.84rem;
+  color: lighten($body-color, 30%);
+}
+
+.cil-chapter-meta > * + *::before {
+  content: "";
+  display: inline-block;
+  width: 3px;
+  height: 3px;
+  margin: 0 0.9rem 0.2em -0.55rem;
+  border-radius: 50%;
+  background: currentColor;
+  opacity: 0.5;
+  vertical-align: middle;
+}
+
+.cil-chapter-meta a {
+  color: $indigo;
+  text-decoration: none;
+  font-weight: 600;
+}
+
+.cil-chapter-meta a:hover {
+  text-decoration: underline;
+}
+
+.cil-chapter-meta .cil-read-badge {
+  color: #2b8a5a;
+  font-weight: 700;
+}
+
+// 읽기 진행 막대
+.cil-progress {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 1040;
+  height: 3px;
+  pointer-events: none;
+}
+
+.cil-progress i {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, $indigo, $lavender);
+  transform: scaleX(0);
+  transform-origin: 0 50%;
+}
+
+// 왼쪽 목차: 읽은 장
+#quarto-sidebar .sidebar-link.is-read .menu-text::after {
+  content: "✓";
+  margin-left: auto;
+  padding-left: 0.4rem;
+  color: #2b8a5a;
+  font-size: 0.8em;
+  font-weight: 700;
+}
+
+// 첫 화면: 이어 읽기와 진도
+.hero .hero-actions a.primary span {
+  font-weight: 500;
+  opacity: 0.8;
+}
+
+.hero .hero-progress {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.4rem 0.7rem;
+  margin: 0.3rem 0 0;
+  font-size: 0.82rem;
+  color: rgba(255, 255, 255, 0.82);
+}
+
+.hero .hero-progress a {
+  color: #fff;
+  font-weight: 600;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-color: rgba(255, 255, 255, 0.45);
+}
+
+.hero .hero-sub a {
+  color: inherit;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-color: rgba(255, 255, 255, 0.4);
+}
+
+.hero .hero-sub a:hover {
+  color: #fff;
+  text-decoration-color: #fff;
+}
+
+.hero .hero-progress .bar {
+  flex: none;
+  width: 90px;
+  height: 5px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.25);
+  overflow: hidden;
+}
+
+.hero .hero-progress .bar i {
+  display: block;
+  height: 100%;
+  background: #fff;
+}
+
+// 장 끝 마무리: 평가와 진도
+.cil-end {
+  margin-top: 2.8rem;
+}
+
+.cil-end-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.8rem 1.4rem;
+  padding: 0.9rem 0;
+  border-top: 1px solid rgba($indigo, 0.15);
+}
+
+.cil-end-vote {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.45rem;
+}
+
+.cil-end-vote .q {
+  margin-right: 0.3rem;
+  font-weight: 700;
+  color: $navy;
+}
+
+.cil-end-vote button {
+  padding: 0.32rem 0.85rem;
+  border-radius: 999px;
+  border: 1px solid rgba($indigo, 0.28);
+  background: transparent;
+  color: $body-color;
+  font-size: 0.86rem;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.cil-end-vote button:hover {
+  border-color: $indigo;
+}
+
+.cil-end-vote button[aria-pressed="true"] {
+  background: $indigo;
+  border-color: $indigo;
+  color: #fff;
+}
+
+.cil-end-vote .thanks {
+  flex-basis: 100%;
+  font-size: 0.86rem;
+  color: lighten($body-color, 25%);
+}
+
+.cil-end-progress {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  font-size: 0.84rem;
+  color: lighten($body-color, 25%);
+}
+
+.cil-end-progress .bar {
+  width: 110px;
+  height: 6px;
+  border-radius: 999px;
+  background: rgba($indigo, 0.12);
+  overflow: hidden;
+}
+
+.cil-end-progress .bar i {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, $indigo, $lavender);
+  transition: width 0.4s ease;
+}
+
+.cil-end .hub-next {
+  margin-top: 0.6rem;
+}
+
+// 들어가며: 허브 배너
+a.hub-banner {
+  display: flex;
+  align-items: center;
+  gap: 1.1rem;
+  margin: 0.4rem 0 1.4rem;
+  padding: 1.1rem 1.3rem;
+  border-radius: 16px;
+  color: #fff;
+  text-decoration: none;
+  background:
+    radial-gradient(circle at 90% 10%, rgba($lavender, 0.5), transparent 50%),
+    linear-gradient(135deg, $navy 0%, $indigo 70%);
+  transition: transform 0.15s ease, box-shadow 0.15s ease;
+}
+
+a.hub-banner:hover {
+  color: #fff;
+  transform: translateY(-2px);
+  box-shadow: 0 10px 26px rgba($navy, 0.25);
+}
+
+.hub-banner img {
+  flex: none;
+  width: 52px;
+  height: auto;
+  margin: 0;
+}
+
+.hub-banner-text {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15rem;
+  min-width: 0;
+}
+
+.hub-banner-k {
+  font-size: 0.76rem;
+  font-weight: 600;
+  opacity: 0.75;
+}
+
+.hub-banner-t {
+  font-size: 1.25rem;
+  font-weight: 800;
+  letter-spacing: -0.01em;
+}
+
+.hub-banner-d {
+  font-size: 0.88rem;
+  line-height: 1.6;
+  opacity: 0.88;
+}
+
+.hub-banner-go {
+  flex: none;
+  margin-left: auto;
+  padding: 0.45rem 0.95rem;
+  border-radius: 999px;
+  background: #fff;
+  color: $navy;
+  font-size: 0.86rem;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
+.hub-banner-t {
+  line-height: 1.3;
+}
+
+@media (max-width: 640px) {
+  a.hub-banner {
+    display: grid;
+    grid-template-columns: auto minmax(0, 1fr);
+    align-items: start;
+    gap: 0.8rem 0.9rem;
+  }
+  .hub-banner img {
+    width: 40px;
+  }
+  .hub-banner-go {
+    grid-column: 1 / -1;
+    justify-self: start;
+    margin-left: 0;
+  }
+}
+
 // 장 끝: Causal Inference Hub에서 이어 볼 자료
 .hub-next {
   margin: 2.6rem 0 0;
@@ -865,6 +1217,14 @@ h1.title .chapter-number {
 
 // 모바일 상단 경로: 부 이름은 숨기고 장 제목만 한 줄로
 @media (max-width: 991.98px) {
+  .quarto-secondary-nav .container-fluid {
+    align-items: center;
+  }
+  .quarto-secondary-nav .quarto-page-breadcrumbs {
+    flex: 0 1 auto;
+    min-width: 0;
+    overflow: hidden;
+  }
   .quarto-secondary-nav .breadcrumb {
     flex-wrap: nowrap;
     overflow: hidden;

From 41081f734497ad228819934705d62cd578dd9daa Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 24 Oct 2026 17:01:38 +0000
Subject: [PATCH 4/5] Share reading progress with the hub and count only the
 deployed site

- Store reading data under cil-book-* so it does not clash with other
  team sites on the domain, and keep the last chapter's label and the
  chapter count for the hub to show.
- Re-read stored progress and votes before writing so a second tab does
  not overwrite them.
- After the first finished chapter, point to the web book reader stamp
  in the hub passport.
- Load GA4 only on causalinferencelab.github.io and turn off Google
  signals and ad personalisation, matching the hub.
- Treat the hub's own pages (game, lab, Builders, posts) as the hub when
  tracking clicks.
---
 README.md             |  2 ++
 book/analytics.html   | 15 +++++++++++----
 book/reader.html      | 16 +++++++++++-----
 book/styles-dark.scss |  5 +++++
 book/styles.scss      | 13 +++++++++++++
 5 files changed, 42 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index c7ae92f..0cc15e7 100644
--- a/README.md
+++ b/README.md
@@ -127,6 +127,8 @@ cd book && quarto preview
 
 `book/prepare.py`는 빌드할 때 [번역 가이드](TRANSLATION_GUIDE.md)의 용어표로 웹북의 '용어집' 페이지를 만들고, `book/postrender.py`는 렌더링이 끝난 뒤 웹북 검색 색인(`search-index.json`)을 만듭니다. `book/prepare.py`는 빌드할 때만 장 제목, 수식 표기, 접힌 코드, 옮긴이 주 상자를 책 형식으로 바꿉니다. 그래서 노트북은 원서와 같은 구조로 두면 됩니다.
 
+읽기 기능(읽은 장 기록, 이어 읽기, 장 끝 평가, 허브로 가는 링크)은 `book/reader.html`, GA4 설정은 `book/analytics.html`에 있습니다. 읽은 장 기록은 독자의 브라우저(`localStorage`의 `cil-book-*`)에만 남고, 같은 도메인의 [Causal Inference Hub](https://causalinferencelab.github.io/)가 이 기록으로 진도와 활동 여권 스탬프를 보여 줍니다.
+
 <br>
 
 ## 원서 변경 반영
diff --git a/book/analytics.html b/book/analytics.html
index b9ed928..56590c7 100644
--- a/book/analytics.html
+++ b/book/analytics.html
@@ -1,12 +1,19 @@
 <!-- Google Analytics 4 (웹북). 허브는 따로 G-C5V0X2SGD3을 쓴다. -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-BEBVKYH8HL"></script>
 <script>
+  // 배포된 웹북에서만 집계한다(로컬·PR 미리보기 제외). 허브와 같은 설정: Google 신호·광고 개인화 끔.
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', 'G-BEBVKYH8HL', { anonymize_ip: true, page_location: location.href });
-  // 유입 정보(utm_*)는 page_location으로 GA에 넘기고, 주소창에서는 지워 공유되는 링크를 깔끔하게 둔다
   (function () {
+    var ID = "G-BEBVKYH8HL";
+    if (location.hostname === "causalinferencelab.github.io") {
+      var s = document.createElement("script");
+      s.async = true;
+      s.src = "https://www.googletagmanager.com/gtag/js?id=" + ID;
+      document.head.appendChild(s);
+      gtag("js", new Date());
+      gtag("config", ID, { page_location: location.href, allow_google_signals: false, allow_ad_personalization_signals: false });
+    }
+    // 유입 정보(utm_*)는 page_location으로 GA에 넘기고, 주소창에서는 지워 공유되는 링크를 깔끔하게 둔다
     try {
       var u = new URL(location.href), drop = [];
       u.searchParams.forEach(function (v, k) { if (k.indexOf("utm_") === 0) drop.push(k); });
diff --git a/book/reader.html b/book/reader.html
index 0195a34..806e3f1 100644
--- a/book/reader.html
+++ b/book/reader.html
@@ -5,7 +5,9 @@
   var HUB = "https://causalinferencelab.github.io/";
   var BOOK_PATH = "/Causal-Inference-with-Python/";
   var NB = "https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/causal-inference-for-the-brave-and-true/";
-  var KEY_READ = "cil-read", KEY_LAST = "cil-last", KEY_VOTE = "cil-vote";
+  // 같은 도메인의 허브와 저장소를 함께 쓰므로 웹북 기록은 cil-book-* 이름을 쓴다. 허브는 이 기록으로 진도와 여권 스탬프를 보여 준다.
+  var KEY_READ = "cil-book-read", KEY_LAST = "cil-book-last", KEY_VOTE = "cil-book-vote";
+  var HUB_PAGES = /^\/(?:$|index\.html$|article\.html$|game\.html$|lab\.html$|404\.html$|articles\/|builders\/|badges\/)/;
 
   function get(k, d) { try { var v = localStorage.getItem(k); return v ? JSON.parse(v) : d; } catch (e) { return d; } }
   function put(k, v) { try { localStorage.setItem(k, JSON.stringify(v)); } catch (e) {} }
@@ -27,8 +29,7 @@
     var u;
     try { u = new URL(a.href, location.href); } catch (err) { return; }
     if (u.origin !== new URL(HUB).origin || u.pathname.indexOf(BOOK_PATH) === 0) return;
-    var site = u.pathname.split("/")[1];
-    site = site && !/\.html$/.test(site) ? site : "hub";
+    var site = HUB_PAGES.test(u.pathname) ? "hub" : u.pathname.split("/")[1];
     var where = placement(a);
     if (!u.searchParams.has("utm_source")) {
       u.searchParams.set("utm_source", "webbook");
@@ -112,7 +113,7 @@
 
     if (!main || idx < 0 || document.querySelector(".hero")) return;
     var ch = chapters[idx];
-    put(KEY_LAST, { slug: ch.slug, t: Date.now() });
+    put(KEY_LAST, { slug: ch.slug, label: label(ch), total: chapters.length, t: Date.now() });
 
     // ---------- 장 첫머리: 분량, 위치, 노트북 ----------
     var header = document.getElementById("title-block-header");
@@ -172,6 +173,7 @@
     end.className = "cil-end";
     end.setAttribute("aria-label", "이 장을 마치며");
     end.innerHTML =
+      '<p class="cil-end-stamp" hidden>처음으로 한 장을 끝까지 읽었습니다. 허브 활동 여권에 <b>웹북 독자</b> 스탬프가 찍혔어요. <a href="' + HUB + '#passport">여권 보기</a></p>' +
       '<div class="cil-end-row">' +
         '<div class="cil-end-vote" role="group" aria-label="이 장 평가">' +
           '<span class="q">이 장, 도움이 됐나요?</span>' +
@@ -221,6 +223,7 @@
       if (!b) return;
       var v = b.getAttribute("data-vote");
       if (votes[ch.slug] === v) return;
+      votes = get(KEY_VOTE, {});
       votes[ch.slug] = v;
       put(KEY_VOTE, votes);
       paintVote(v);
@@ -230,12 +233,15 @@
     // 끝까지 내려왔고 30초 이상 머물렀으면 읽은 장으로 기록
     var start = Date.now(), timer = 0;
     function complete() {
+      read = get(KEY_READ, {}); // 다른 탭에서 읽은 장을 덮어쓰지 않도록 다시 읽는다
       if (read[ch.slug]) return;
       read[ch.slug] = Date.now();
       put(KEY_READ, read);
       paintSidebar();
       paintProgress();
-      track("chapter_complete", { chapter: ch.slug, chapter_index: idx + 1, read_count: readCount() });
+      var n = readCount();
+      if (n === 1) end.querySelector(".cil-end-stamp").hidden = false;
+      track("chapter_complete", { chapter: ch.slug, chapter_index: idx + 1, read_count: n });
     }
     if ("IntersectionObserver" in window && !read[ch.slug]) {
       var io = new IntersectionObserver(function (entries) {
diff --git a/book/styles-dark.scss b/book/styles-dark.scss
index f25b163..0dc56ef 100644
--- a/book/styles-dark.scss
+++ b/book/styles-dark.scss
@@ -229,3 +229,8 @@ body {
   border-color: #b4a5ea;
   color: #14151f;
 }
+
+.cil-end-stamp {
+  background: rgba(111, 207, 151, 0.1);
+  border-color: rgba(111, 207, 151, 0.3);
+}
diff --git a/book/styles.scss b/book/styles.scss
index 70cd32d..6716680 100644
--- a/book/styles.scss
+++ b/book/styles.scss
@@ -659,6 +659,19 @@ main:has(.hero) #title-block-header {
   margin-top: 2.8rem;
 }
 
+.cil-end-stamp {
+  margin: 0 0 0.8rem;
+  padding: 0.65rem 0.9rem;
+  border-radius: 10px;
+  background: rgba(#2b8a5a, 0.08);
+  border: 1px solid rgba(#2b8a5a, 0.25);
+  font-size: 0.9rem;
+}
+
+.cil-end-stamp a {
+  font-weight: 700;
+}
+
 .cil-end-row {
   display: flex;
   flex-wrap: wrap;

From 6c0f9be6f5ce8379a39cf8ca49297525a8e8d7c7 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 24 Oct 2026 17:47:15 +0000
Subject: [PATCH 5/5] Link the hub series on the translation from the intro and
 the glossary

---
 book/index.qmd  | 2 +-
 book/prepare.py | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/book/index.qmd b/book/index.qmd
index d2f9526..f606431 100644
--- a/book/index.qmd
+++ b/book/index.qmd
@@ -121,7 +121,7 @@ aliases:
 
 각 장은 원서의 주피터 노트북을 그대로 옮긴 것이라 코드와 출력이 원서와 같습니다. 노트북 파일은 [GitHub 저장소](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/tree/main/causal-inference-for-the-brave-and-true)에서 내려받아 직접 실행해 볼 수 있습니다. 그래프를 그리는 코드처럼 길어서 접어 둔 셀은 **코드**를 눌러 펼치면 됩니다. 끝까지 읽은 장은 왼쪽 목차에 ✓ 표시가 붙고, 다음에 오면 첫 화면에서 이어 읽을 수 있습니다. 이 기록은 지금 쓰는 브라우저에만 남습니다.
 
-용어는 같은 저자의 책을 옮긴 『실무로 통하는 인과추론 with 파이썬』(한빛미디어)과 맞췄습니다. 두 책을 함께 보셔도 용어가 헷갈리지 않습니다. 용어의 원어와 그 용어를 다루는 장은 [용어집](glossary.html)에서 찾을 수 있습니다. 왼쪽 위 검색(단축키 `/` 또는 `Ctrl+K`)에 한국어나 영어 용어를 넣어도 됩니다. 띄어쓰기는 달라도 찾아 줍니다. 번역 원칙과 용어표는 [번역 가이드](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/TRANSLATION_GUIDE.md)에 정리해 두었습니다.
+용어는 같은 저자의 책을 옮긴 『실무로 통하는 인과추론 with 파이썬』(한빛미디어)과 맞췄습니다. 두 책을 함께 보셔도 용어가 헷갈리지 않습니다. 용어의 원어와 그 용어를 다루는 장은 [용어집](glossary.html)에서 찾을 수 있습니다. 왼쪽 위 검색(단축키 `/` 또는 `Ctrl+K`)에 한국어나 영어 용어를 넣어도 됩니다. 띄어쓰기는 달라도 찾아 줍니다. 번역 원칙과 용어표는 [번역 가이드](https://github.com/CausalInferenceLab/Causal-Inference-with-Python/blob/main/TRANSLATION_GUIDE.md)에 정리해 두었습니다. 이번 개정에서 무엇을 고쳤는지, 용어를 왜 그렇게 정했는지, 원서에서 어떤 오류를 찾았는지는 허브 연재 [번역 노트: Brave & True 한국어판](https://causalinferencelab.github.io/article.html#brave-true-webbook-01)에 세 편으로 썼습니다.
 
 ## 함께 만들어 주세요
 
diff --git a/book/prepare.py b/book/prepare.py
index 689d6ac..15754ac 100644
--- a/book/prepare.py
+++ b/book/prepare.py
@@ -183,7 +183,7 @@ def build_glossary():
         "다른 자료에서 본 표기(예: 처치군, 통제군)나 띄어 쓴 표기로 검색해도 이 페이지에서 찾을 수 있고, "
         "용어 앞의 `#`을 복사하면 그 용어로 바로 이동하는 주소가 됩니다.",
         "",
-        f"::: {{.callout-tip appearance=\"simple\" title=\"용어 제안하기\"}}\n빠진 용어나 더 자연스러운 번역어가 있다면 [용어 제안 이슈]({propose})로 알려 주세요. 논의를 거쳐 번역 가이드와 이 용어집에 함께 반영합니다.\n:::",
+        f"::: {{.callout-tip appearance=\"simple\" title=\"용어 제안하기\"}}\n빠진 용어나 더 자연스러운 번역어가 있다면 [용어 제안 이슈]({propose})로 알려 주세요. 논의를 거쳐 번역 가이드와 이 용어집에 함께 반영합니다. 주요 용어를 왜 이렇게 정했는지는 허브 연재 [번역하며 정한 인과추론 용어](https://causalinferencelab.github.io/article.html#brave-true-terms-02)에 정리했습니다.\n:::",
         "",
     ]
     order = list(CHAPTERS)