From ed5446cccafc84236f4079b683481351673a8e8e Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 20:57:36 +0900
Subject: [PATCH 1/8] Let the page follow the nav bar's height when its tabs
 wrap

An eighth tab wrapped the bar to two rows at 960px and up, and the fixed
bar covered each page's heading; the offset was a fixed 66px. main.js
now passes the bar's height as --nav-height. Also: the main landmark's
id is main-content, so a '## Content' heading cannot collide with it;
the lint allows q, time, var, samp, u, dfn, track and the SVG marker and
ellipse; the categories description no longer lists the types.
---
 _layouts/default.html |  8 ++++----
 _sass/_layout.scss    | 11 +++++++----
 categories.html       |  4 ++--
 docs/tech-doc.md      |  3 +++
 js/main.js            | 11 +++++++++++
 script/lint-posts.rb  |  8 ++++----
 6 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index bdf5ff7..00fa1be 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -4,15 +4,15 @@
   {% include head.html %}
 
   <body>
-    <!-- Ten focusable elements sit before <main> on every page (logo, menu
-         button, seven nav links, theme toggle), and a long post then leads with a
+    <!-- A dozen focusable elements sit before <main> on every page (logo, menu
+         button, the nav links, theme toggle), and a long post then leads with a
          copy button per code block. Screen readers can jump by landmark; sighted
          keyboard users had no shortcut. -->
-    <a class="skip-link" href="#content">Skip to content</a>
+    <a class="skip-link" href="#main-content">Skip to content</a>
 
     {% include header.html %}
 
-    <main class="page-content" id="content">
+    <main class="page-content" id="main-content">
       {{ content }}
     </main>
 
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index b480185..96bde8e 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -62,14 +62,16 @@ main.page-content {
 
 // Whatever the browser scrolls into view clears the fixed 66px header, which
 // would otherwise cover it: fragment targets (the TOC, /tags/#… from another
-// page, the skip link's #content) and the control keyboard focus moves to.
+// page, the skip link's #main-content) and the control keyboard focus moves to.
 // Done here rather than in a click handler so it also holds for links followed
 // from elsewhere and for ids a CSS selector cannot parse ("#1-서론").
 //
 // No `scroll-behavior: smooth`. A smooth jump passes lazy images that load on
 // the way and grow the page, so on long posts it stopped short of the heading.
+// --nav-height is the bar's real height, set by js/main.js: more tabs than one
+// row holds wrap it to two, and the page moves down with it.
 html {
-	scroll-padding-top: 80px;
+	scroll-padding-top: calc(var(--nav-height, 66px) + 14px);
 }
 
 // Visible to assistive technology, not on screen. Used by the copy-button live
@@ -560,7 +562,8 @@ blockquote {
 			// from 768px to about 785px, iPad portrait included. The bar wrapped to
 			// two rows, 130px tall, and hid the top of every page beneath it. 1.1em
 			// above it: seven tabs at 1.5em wrapped in the fallback font, before the
-			// web font arrives.
+			// web font arrives. A tab past what one row holds still wraps the bar;
+			// the page follows its height (--nav-height, below).
 			@include media ($tablet) {
 				padding-right: 1em;
 			}
@@ -612,7 +615,7 @@ blockquote {
 *	Body
 */
 .page-content {
-	margin-top: 66px;
+	margin-top: var(--nav-height, 66px);
 
 	.wrapper {
 		@include outer-container;
diff --git a/categories.html b/categories.html
index d0d6a22..54681ec 100644
--- a/categories.html
+++ b/categories.html
@@ -4,8 +4,8 @@
 title: "Categories"
 permalink: /categories/
 description: >-
-  Every post on this blog grouped by category — Paper Reviews, Paper Summaries,
-  Paper Surveys, Tech Guides, and Insights.
+  Every post on this blog grouped by category: paper reviews, summaries and
+  surveys, tech guides, and insights.
 ---
 
 {%- comment -%}
diff --git a/docs/tech-doc.md b/docs/tech-doc.md
index 24f1035..59eaed7 100644
--- a/docs/tech-doc.md
+++ b/docs/tech-doc.md
@@ -144,6 +144,9 @@ _site/paper-reviews/language-models/2025/01/23/<slug>.html
 달린 모든 페이지**를 찾아 `nav_order` 숫자 순으로 자동 나열한다. 새 탭을 넣고 싶으면 페이지
 프런트매터에 두 값을 더하면 된다. 탭 이름은 페이지 `title`이고, `nav_title`이 있으면 그것을 쓴다 —
 메뉴 폭이 48em이라 "Paper"로 시작하는 탭 셋이 두 줄로 넘쳤기 때문이다(Summaries·Reviews·Surveys).
+탭이 한 줄에 다 들어가지 않으면 메뉴가 두 줄로 내려가고, `js/main.js`가 실제 헤더 높이를
+`--nav-height`로 넘겨 본문과 앵커 위치가 함께 내려간다. 지금 탭 이름은 합쳐 53자이고 한 줄에는
+58자 안팎까지 들어간다.
 현재 순서:
 
 | nav_order | 페이지 | 소스 |
diff --git a/js/main.js b/js/main.js
index cf28eb6..ce732f4 100644
--- a/js/main.js
+++ b/js/main.js
@@ -121,6 +121,17 @@ document.addEventListener('DOMContentLoaded', function () {
   // Add a class to the nav once the page is scrolled
   var nav = document.querySelector('.navigation');
   if (nav) {
+    // The page starts below the fixed bar, which grows to two rows when its
+    // tabs do not fit on one. The phone menu's dropdown is not the bar: there
+    // the bar stays one row and the open menu covers the page on purpose.
+    var wide = window.matchMedia('(min-width: 768px)');
+    var syncNavHeight = function () {
+      if (wide.matches) document.documentElement.style.setProperty('--nav-height', nav.offsetHeight + 'px');
+      else document.documentElement.style.removeProperty('--nav-height');
+    };
+    if (window.ResizeObserver) new ResizeObserver(syncNavHeight).observe(nav);
+    wide.addEventListener('change', syncNavHeight);
+    syncNavHeight();
     window.addEventListener('scroll', function () {
       nav.classList.toggle('scrolled', window.pageYOffset > 50);
     }, { passive: true });
diff --git a/script/lint-posts.rb b/script/lint-posts.rb
index 27d52b2..b7af120 100644
--- a/script/lint-posts.rb
+++ b/script/lint-posts.rb
@@ -201,10 +201,10 @@ def self.strip_code(text)
   # writes, not all of HTML.
   HTML_ELEMENTS = %w[
     a abbr audio b blockquote br caption center cite code col colgroup dd del details
-    div dl dt em figcaption figure h1 h2 h3 h4 h5 h6 hr i iframe img ins kbd li mark
-    ol p picture pre script section small source span strong sub summary sup svg
-    table tbody td tfoot th thead tr ul video wbr
-    circle defs g line path polygon polyline rect text tspan use
+    dfn div dl dt em figcaption figure h1 h2 h3 h4 h5 h6 hr i iframe img ins kbd li
+    mark ol p picture pre q samp script section small source span strong sub summary
+    sup svg table tbody td tfoot th thead time tr track u ul var video wbr
+    circle defs ellipse g line marker path polygon polyline rect text tspan use
   ].to_set # the last row: an inline <svg>'s children
   # Elements that mean nothing bare: <img> or <audio> alone is a token, not media.
   NEEDS_ATTRIBUTES = %w[a audio iframe img script source video].to_set

From 1d069281be88d9d70716dd29f09e0fa17f348735 Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 20:59:14 +0900
Subject: [PATCH 2/8] Drop the TOC's own numbers when headings carry them;
 scroll the open phone menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Insights posts number their h2s, so the TOC read '2 1. …'. Held
sideways, a phone is shorter than the open menu, whose last items sat
off-screen. Previous/next titles and home-page entries carry their own
post's lang.
---
 _layouts/post.html |  4 ++--
 _sass/_layout.scss | 10 ++++++++++
 index.html         |  4 ++--
 js/main.js         |  5 ++++-
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index f85fa3b..64c111a 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -84,13 +84,13 @@ <h1 class="title">{{ page.title }}</h1>
       {% if page.adjacent_older %}
       <a class="post-nav-link prev" href="{{ page.adjacent_older.url | prepend: site.baseurl }}" rel="prev">
         <span class="post-nav-dir">← Previous</span>
-        <span class="post-nav-title">{{ page.adjacent_older.title }}</span>
+        <span class="post-nav-title" lang="{{ page.adjacent_older.lang | default: site.lang }}">{{ page.adjacent_older.title }}</span>
       </a>
       {% else %}<span></span>{% endif %}
       {% if page.adjacent_newer %}
       <a class="post-nav-link next" href="{{ page.adjacent_newer.url | prepend: site.baseurl }}" rel="next">
         <span class="post-nav-dir">Next →</span>
-        <span class="post-nav-title">{{ page.adjacent_newer.title }}</span>
+        <span class="post-nav-title" lang="{{ page.adjacent_newer.lang | default: site.lang }}">{{ page.adjacent_newer.title }}</span>
       </a>
       {% else %}<span></span>{% endif %}
     </nav>
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 96bde8e..63d63b6 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -516,6 +516,16 @@ blockquote {
 		&.show {
 			display: block;
 		}
+
+		// The open phone menu is part of the fixed bar; held sideways, a phone is
+		// shorter than the list, and the last items sat below the screen.
+		@media screen and (max-width: $tablet - 1px) {
+			&.show {
+				max-height: calc(100vh - 4em);
+				max-height: calc(100dvh - 4em);
+				overflow-y: auto;
+			}
+		}
 	}
 
 	ul li.nav-link {
diff --git a/index.html b/index.html
index ed0bed7..b9249ea 100644
--- a/index.html
+++ b/index.html
@@ -28,9 +28,9 @@ <h1 class="title">{{ site.title }}</h1>
 	<div class="wrapper">
 		<ul class="post-list">
 			{% for post in paginator.posts %}
-			<li>
+			<li lang="{{ post.lang | default: site.lang }}">
 				<h2>
-					<a class="post-link" href="{{ post.url | prepend: site.baseurl }}" lang="{{ post.lang | default: site.lang }}"
+					<a class="post-link" href="{{ post.url | prepend: site.baseurl }}"
 						>{{ post.title }}</a
 					>
 				</h2>
diff --git a/js/main.js b/js/main.js
index ce732f4..00e7cc0 100644
--- a/js/main.js
+++ b/js/main.js
@@ -258,6 +258,8 @@ document.addEventListener('DOMContentLoaded', function () {
     var heads = document.querySelectorAll('.post-content h2[id]');
     if (heads.length >= 3) {
       var ul = toc.querySelector('ul');
+      // Headings that number themselves ("1. 배경") would read "2 1. 배경".
+      var numbered = Array.prototype.some.call(heads, function (h) { return /^\s*\d+[.)]\s/.test(h.textContent); });
       heads.forEach(function (h, i) {
         var li = document.createElement('li');
         var a = document.createElement('a');
@@ -267,7 +269,8 @@ document.addEventListener('DOMContentLoaded', function () {
         num.textContent = i + 1;
         // Text node, not innerHTML: a heading that names a tag ("<think> 토큰")
         // would otherwise be parsed as markup.
-        a.append(num, h.textContent);
+        if (numbered) a.append(h.textContent);
+        else a.append(num, h.textContent);
         li.appendChild(a);
         ul.appendChild(li);
       });

From 5b3e7e1e9491e1af0dfd423c803de6825142f3b6 Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:08:22 +0900
Subject: [PATCH 3/8] Read a fence inside a blockquote as code

scholar-lens quotes prompts as '> ```' blocks; the lint read their <tag>
lines as prose. The lightbox check skips such fences too.
---
 script/lint-posts.rb    | 9 +++++----
 test/test_lint_posts.rb | 7 +++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/script/lint-posts.rb b/script/lint-posts.rb
index b7af120..5906bde 100644
--- a/script/lint-posts.rb
+++ b/script/lint-posts.rb
@@ -50,7 +50,7 @@ def self.check(post, spec)
   def self.lightbox(post)
     # Fenced code keeps its line count, so an example there is neither read nor
     # shifts the line numbers after it.
-    body = post.body.gsub(/^\s*(`{3,}|~{3,}).*?^\s*\1[^\n]*/m) { |code| "\n" * code.count("\n") }
+    body = post.body.gsub(/^[\s>]*(`{3,}|~{3,}).*?^[\s>]*\1[^\n]*/m) { |code| "\n" * code.count("\n") }
     body.to_enum(:scan, LIGHTBOX).filter_map do
       m = Regexp.last_match
       href = m[0][/\shref=["']([^"']+)/i, 1]
@@ -240,14 +240,15 @@ def self.body(post)
     math_seen = false
     lines.each_with_index do |line, i|
       n = post.body_line + i
-      if (m = line.match(FENCE))
+      # A fence inside a blockquote ("> ```") is code too.
+      if (m = unquote(line).match(FENCE))
         if fence.nil?
           fence = m[1]
           fence_line = n
           # kramdown's GFM fence takes one word after the marker; with more it
           # renders the whole block as inline code.
-          found << "#{n}: code fence info has a space; write just the language" if line.strip.match?(/\A(`{3,}|~{3,})\s*\S+\s+\S/)
-        elsif line.strip.match?(/\A#{Regexp.escape(fence[0])}{#{fence.size},}\z/)
+          found << "#{n}: code fence info has a space; write just the language" if unquote(line).strip.match?(/\A(`{3,}|~{3,})\s*\S+\s+\S/)
+        elsif unquote(line).strip.match?(/\A#{Regexp.escape(fence[0])}{#{fence.size},}\z/)
           fence = nil
         end
         next
diff --git a/test/test_lint_posts.rb b/test/test_lint_posts.rb
index 29a5bdf..48e03bf 100644
--- a/test/test_lint_posts.rb
+++ b/test/test_lint_posts.rb
@@ -287,6 +287,13 @@ def test_translationese_and_a_colon_ending_in_prose
     assert_equal [], lint("### References\n\n* 보여지는 것들: 논문\n")
   end
 
+  # scholar-lens quotes a prompt as a fenced block inside "> ".
+  def test_a_fence_inside_a_blockquote_is_code
+    assert_equal [], lint("> ```text\n> 답을 <think> 안에 쓰세요: 그다음 답합니다\n> ```\n")
+    assert_equal [], lint("> ```html\n> <a class=\"glightbox\" href=\"/p\"><img src=\"/a.png\"></a>\n> ```\n")
+    assert_finding(/<think> is read as HTML/, lint("> 답을 <think> 안에 씁니다.\n"))
+  end
+
   def test_paper_doi_is_a_bare_doi_on_paper_posts_only
     with_doi = ->(doi) { FRONT.sub("paper_author: \"Mistral AI\"\n", "\\0paper_doi: #{doi}\n") }
     assert_equal [], lint(front: with_doi.call('"10.48550/arXiv.2310.06825"'))

From ca155fe3b2aa860530b1936619c8f7e1730738b1 Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:16:42 +0900
Subject: [PATCH 4/8] Set the nav height before first paint; honour seo_title
 on every post

With a two-row bar the page painted at 66px and then dropped (CLS 0.33);
an inline script after the header sets --nav-height first. Browsers
without ResizeObserver or MediaQueryList.addEventListener fall back
instead of aborting main.js. seo_title now shortens any post's <title>,
not only a paper's. The SVG child names stay as they were: allowed in
prose, they would hide a <marker> placeholder.
---
 README.ko.md          | 2 +-
 README.md             | 2 +-
 _includes/head.html   | 1 +
 _layouts/default.html | 3 +++
 _sass/_layout.scss    | 2 +-
 docs/tech-doc.md      | 5 +++--
 js/main.js            | 7 +++++--
 script/lint-posts.rb  | 2 +-
 8 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/README.ko.md b/README.ko.md
index 4b839a3..c016a98 100644
--- a/README.ko.md
+++ b/README.ko.md
@@ -120,7 +120,7 @@ subtitle: "<한 줄 소개>"            # 선택 — 헤더의 제목 아래에
 date: YYYY-MM-DD HH:MM:SS
 paper_author: "<기관>"             # 논문을 낸 기관(사람 이름 아님). 논문 글에만
 paper_doi: "10.48550/arXiv.<id>"   # 선택, 논문 글에만 — 메타 패널의 인용 수
-seo_title: "<짧은 제목>"            # 선택 — 논문 제목이 너무 길 때 <title>에 대신 씁니다
+seo_title: "<짧은 제목>"            # 선택 — 제목이 너무 길 때 <title>에 대신 씁니다
 description: >-                    # 선택, 평문 — 아래 설명 참고
   <검색 결과에 노출될 문장, 150자 안팎>
 categories: ["<유형>", "<주제>"]
diff --git a/README.md b/README.md
index 11619d0..8a2bdd2 100644
--- a/README.md
+++ b/README.md
@@ -125,7 +125,7 @@ subtitle: "<one-line pitch>"       # optional — shown under the title in the h
 date: YYYY-MM-DD HH:MM:SS
 paper_author: "<Org>"              # the paper's org, not people; paper posts only
 paper_doi: "10.48550/arXiv.<id>"   # optional, paper posts only — the citation count in the meta panel
-seo_title: "<shorter title>"       # optional — for <title> when the paper title is too long
+seo_title: "<shorter title>"       # optional — for <title> when the title is too long
 description: >-                    # optional, plain text — see below
   <search-snippet, ~150 chars>
 categories: ["<Type>", "<Topic>"]
diff --git a/_includes/head.html b/_includes/head.html
index e530a97..61d5592 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -44,6 +44,7 @@
 {%- if page.layout == 'page' -%}
 	{%- assign html_title = page_title | append: ' | ' | append: site.title -%}
 {%- endif -%}
+{%- if page.seo_title -%}{%- assign html_title = page.seo_title -%}{%- endif -%}
 {%- comment -%}
   A paper post's <title> says what the page is, in the words a reader searches
   with: "Mistral 7B 논문 리뷰", where the bare paper title gave "Mistral 7B".
diff --git a/_layouts/default.html b/_layouts/default.html
index 00fa1be..f3a9c38 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -11,6 +11,9 @@
     <a class="skip-link" href="#main-content">Skip to content</a>
 
     {% include header.html %}
+    <!-- The bar's height before first paint, so a bar that wraps to two rows does
+         not drop the page once js/main.js runs; main.js keeps it in step. -->
+    <script>(function () { var n = document.querySelector('.navigation'); if (n && matchMedia('(min-width: 768px)').matches) document.documentElement.style.setProperty('--nav-height', n.offsetHeight + 'px'); })();</script>
 
     <main class="page-content" id="main-content">
       {{ content }}
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 63d63b6..61e055a 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -60,7 +60,7 @@ main.page-content {
 	}
 }
 
-// Whatever the browser scrolls into view clears the fixed 66px header, which
+// Whatever the browser scrolls into view clears the fixed header, which
 // would otherwise cover it: fragment targets (the TOC, /tags/#… from another
 // page, the skip link's #main-content) and the control keyboard focus moves to.
 // Done here rather than in a click handler so it also holds for links followed
diff --git a/docs/tech-doc.md b/docs/tech-doc.md
index 59eaed7..ce1dd3f 100644
--- a/docs/tech-doc.md
+++ b/docs/tech-doc.md
@@ -145,8 +145,9 @@ _site/paper-reviews/language-models/2025/01/23/<slug>.html
 프런트매터에 두 값을 더하면 된다. 탭 이름은 페이지 `title`이고, `nav_title`이 있으면 그것을 쓴다 —
 메뉴 폭이 48em이라 "Paper"로 시작하는 탭 셋이 두 줄로 넘쳤기 때문이다(Summaries·Reviews·Surveys).
 탭이 한 줄에 다 들어가지 않으면 메뉴가 두 줄로 내려가고, `js/main.js`가 실제 헤더 높이를
-`--nav-height`로 넘겨 본문과 앵커 위치가 함께 내려간다. 지금 탭 이름은 합쳐 53자이고 한 줄에는
-58자 안팎까지 들어간다.
+`--nav-height`로 넘겨 본문과 앵커 위치가 함께 내려간다(첫 화면 전에는 `default.html`의 인라인
+스크립트가 같은 값을 넣는다). 지금 탭 이름은 합쳐 53자이고, 웹 글꼴로는 한 줄에 58자 안팎까지
+들어가지만 폴백 글꼴로는 여유가 없다.
 현재 순서:
 
 | nav_order | 페이지 | 소스 |
diff --git a/js/main.js b/js/main.js
index 00e7cc0..c495147 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,7 +1,8 @@
 // Site behaviors: theme toggle, code-copy, mobile menu, nav highlight,
 // sticky-nav class, image zoom (GLightbox), and the post table of contents.
 // Vanilla JS, no jQuery. The fixed-header offset for in-page jumps is CSS
-// (`scroll-padding-top` in _sass/_layout.scss), not script.
+// (`scroll-padding-top` in _sass/_layout.scss); this keeps its --nav-height
+// in step with the bar.
 document.addEventListener('DOMContentLoaded', function () {
   // Dark-mode toggle. Light is the default; dark is opt-in and persisted.
   // The OS setting is intentionally NOT followed.
@@ -130,7 +131,9 @@ document.addEventListener('DOMContentLoaded', function () {
       else document.documentElement.style.removeProperty('--nav-height');
     };
     if (window.ResizeObserver) new ResizeObserver(syncNavHeight).observe(nav);
-    wide.addEventListener('change', syncNavHeight);
+    else window.addEventListener('resize', syncNavHeight);
+    if (wide.addEventListener) wide.addEventListener('change', syncNavHeight);
+    else wide.addListener(syncNavHeight); // Safari before 14
     syncNavHeight();
     window.addEventListener('scroll', function () {
       nav.classList.toggle('scrolled', window.pageYOffset > 50);
diff --git a/script/lint-posts.rb b/script/lint-posts.rb
index 5906bde..d90fed0 100644
--- a/script/lint-posts.rb
+++ b/script/lint-posts.rb
@@ -204,7 +204,7 @@ def self.strip_code(text)
     dfn div dl dt em figcaption figure h1 h2 h3 h4 h5 h6 hr i iframe img ins kbd li
     mark ol p picture pre q samp script section small source span strong sub summary
     sup svg table tbody td tfoot th thead time tr track u ul var video wbr
-    circle defs ellipse g line marker path polygon polyline rect text tspan use
+    circle defs g line path polygon polyline rect text tspan use
   ].to_set # the last row: an inline <svg>'s children
   # Elements that mean nothing bare: <img> or <audio> alone is a token, not media.
   NEEDS_ATTRIBUTES = %w[a audio iframe img script source video].to_set

From c43e75dfe29374d3d7c037270d424035d726c608 Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:21:37 +0900
Subject: [PATCH 5/8] Give the scrolling phone menu room for focus rings; drop
 TOC numbers only when most headings carry them

---
 _sass/_layout.scss | 1 +
 js/main.js         | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 61e055a..1de61f3 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -524,6 +524,7 @@ blockquote {
 				max-height: calc(100vh - 4em);
 				max-height: calc(100dvh - 4em);
 				overflow-y: auto;
+				padding: 4px 4px 6px 0; // the scroll box clips; room for the focus ring
 			}
 		}
 	}
diff --git a/js/main.js b/js/main.js
index c495147..b673ea1 100644
--- a/js/main.js
+++ b/js/main.js
@@ -261,8 +261,9 @@ document.addEventListener('DOMContentLoaded', function () {
     var heads = document.querySelectorAll('.post-content h2[id]');
     if (heads.length >= 3) {
       var ul = toc.querySelector('ul');
-      // Headings that number themselves ("1. 배경") would read "2 1. 배경".
-      var numbered = Array.prototype.some.call(heads, function (h) { return /^\s*\d+[.)]\s/.test(h.textContent); });
+      // Headings that number themselves ("1. 배경") would read "2 1. 배경". Most of
+      // them, not one: a lone "1. …" among plain headings keeps the numbers.
+      var numbered = Array.prototype.filter.call(heads, function (h) { return /^\s*\d+[.)]\s/.test(h.textContent); }).length > heads.length / 2;
       heads.forEach(function (h, i) {
         var li = document.createElement('li');
         var a = document.createElement('a');

From d9f94c876ebee5fa3959029735bd9c12de9f8144 Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:28:49 +0900
Subject: [PATCH 6/8] Scan code fences once for the whole lint; a quoted fence
 closes only on a quoted marker

A '> ```' line inside a bare ```markdown example ended the block early,
and the lightbox check used a second, different fence pattern.
---
 _layouts/default.html   |  3 ++-
 _sass/_layout.scss      |  4 ++-
 js/main.js              |  2 +-
 script/lint-posts.rb    | 55 ++++++++++++++++++++++++++++-------------
 test/test_lint_posts.rb |  3 +++
 5 files changed, 47 insertions(+), 20 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index f3a9c38..86ba632 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -12,7 +12,8 @@
 
     {% include header.html %}
     <!-- The bar's height before first paint, so a bar that wraps to two rows does
-         not drop the page once js/main.js runs; main.js keeps it in step. -->
+         not drop the page once js/main.js runs; main.js keeps it in step.
+         768px is $tablet in _sass/base/_variables.scss, as in main.js. -->
     <script>(function () { var n = document.querySelector('.navigation'); if (n && matchMedia('(min-width: 768px)').matches) document.documentElement.style.setProperty('--nav-height', n.offsetHeight + 'px'); })();</script>
 
     <main class="page-content" id="main-content">
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 1de61f3..baeabd4 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -68,7 +68,9 @@ main.page-content {
 //
 // No `scroll-behavior: smooth`. A smooth jump passes lazy images that load on
 // the way and grow the page, so on long posts it stopped short of the heading.
-// --nav-height is the bar's real height, set by js/main.js: more tabs than one
+// --nav-height is the bar's real height, set before first paint by an inline
+// script in _layouts/default.html and kept in step by js/main.js (both at
+// $tablet, 768px, written out there): more tabs than one
 // row holds wrap it to two, and the page moves down with it.
 html {
 	scroll-padding-top: calc(var(--nav-height, 66px) + 14px);
diff --git a/js/main.js b/js/main.js
index b673ea1..b7ec562 100644
--- a/js/main.js
+++ b/js/main.js
@@ -125,7 +125,7 @@ document.addEventListener('DOMContentLoaded', function () {
     // The page starts below the fixed bar, which grows to two rows when its
     // tabs do not fit on one. The phone menu's dropdown is not the bar: there
     // the bar stays one row and the open menu covers the page on purpose.
-    var wide = window.matchMedia('(min-width: 768px)');
+    var wide = window.matchMedia('(min-width: 768px)'); // $tablet, as in default.html
     var syncNavHeight = function () {
       if (wide.matches) document.documentElement.style.setProperty('--nav-height', nav.offsetHeight + 'px');
       else document.documentElement.style.removeProperty('--nav-height');
diff --git a/script/lint-posts.rb b/script/lint-posts.rb
index d90fed0..37d0835 100644
--- a/script/lint-posts.rb
+++ b/script/lint-posts.rb
@@ -50,7 +50,8 @@ def self.check(post, spec)
   def self.lightbox(post)
     # Fenced code keeps its line count, so an example there is neither read nor
     # shifts the line numbers after it.
-    body = post.body.gsub(/^[\s>]*(`{3,}|~{3,}).*?^[\s>]*\1[^\n]*/m) { |code| "\n" * code.count("\n") }
+    lines = post.body.split("\n", -1)
+    body = fences(lines).zip(lines).map { |state, line| state ? "" : line }.join("\n")
     body.to_enum(:scan, LIGHTBOX).filter_map do
       m = Regexp.last_match
       href = m[0][/\shref=["']([^"']+)/i, 1]
@@ -187,6 +188,30 @@ def self.translation(post, spec)
   end
 
   FENCE = /\A\s*(`{3,}|~{3,})/
+
+  # Per line: [:open, match] on a fence's first line, :code inside, :close on
+  # its last, nil outside. A fence inside a blockquote ("> ```") is code too,
+  # and only such a fence closes on a quoted marker: a "> ```" line inside a
+  # bare ```markdown block is part of its example.
+  def self.fences(lines)
+    fence = nil
+    quoted = false
+    lines.map do |line|
+      text = unquote(line)
+      if fence.nil?
+        next unless (m = text.match(FENCE))
+
+        fence = m[1]
+        quoted = line.match?(/\A\s*>/)
+        [:open, m]
+      elsif (quoted ? text : line).strip.match?(/\A#{Regexp.escape(fence[0])}{#{fence.size},}\z/)
+        fence = nil
+        :close
+      else
+        :code
+      end
+    end
+  end
   # A code span, opened and closed by the same run of backticks (``$$`` too).
   CODE_SPAN = /(`+).*?\1/
 
@@ -233,27 +258,23 @@ def self.body(post)
     found = []
     in_references = false
     lines = post.body.split("\n", -1)
-    fence = nil # the marker that opened the code fence we are in
-    fence_line = nil
+    states = fences(lines)
+    fence_line = nil # where a still-open code fence started
     block = nil # the line a still-open multi-line $$ block started on
     para = nil # the line a paragraph with an odd number of $$ started on
     math_seen = false
     lines.each_with_index do |line, i|
       n = post.body_line + i
-      # A fence inside a blockquote ("> ```") is code too.
-      if (m = unquote(line).match(FENCE))
-        if fence.nil?
-          fence = m[1]
-          fence_line = n
-          # kramdown's GFM fence takes one word after the marker; with more it
-          # renders the whole block as inline code.
-          found << "#{n}: code fence info has a space; write just the language" if unquote(line).strip.match?(/\A(`{3,}|~{3,})\s*\S+\s+\S/)
-        elsif unquote(line).strip.match?(/\A#{Regexp.escape(fence[0])}{#{fence.size},}\z/)
-          fence = nil
-        end
-        next
+      state = states[i]
+      if state.is_a?(Array)
+        fence_line = n
+        # kramdown's GFM fence takes one word after the marker; with more it
+        # renders the whole block as inline code.
+        found << "#{n}: code fence info has a space; write just the language" if unquote(line).strip.match?(/\A(`{3,}|~{3,})\s*\S+\s+\S/)
+      elsif state == :close
+        fence_line = nil
       end
-      next if fence
+      next if state
 
       # A display block over several lines opens on a line starting with $$ and
       # closes on the next line with an odd number of them: `$$` alone, or
@@ -295,7 +316,7 @@ def self.body(post)
       found.concat(table(lines, i, n)) if table_start?(lines, i)
     end
     found << "#{block}: $$ block never closed" if block
-    found << "#{fence_line}: code fence never closed (a nested fence closes the outer one)" if fence
+    found << "#{fence_line}: code fence never closed (a nested fence closes the outer one)" if fence_line
     found << "#{para}: unbalanced $$ in the paragraph" if para
     # MathJax loads only on posts that ask for it; without it $$...$$ ships as TeX.
     found << "1: the post has $$ math but no use_math: true" if math_seen && post.data["use_math"] != true
diff --git a/test/test_lint_posts.rb b/test/test_lint_posts.rb
index 48e03bf..1fce0d9 100644
--- a/test/test_lint_posts.rb
+++ b/test/test_lint_posts.rb
@@ -292,6 +292,9 @@ def test_a_fence_inside_a_blockquote_is_code
     assert_equal [], lint("> ```text\n> 답을 <think> 안에 쓰세요: 그다음 답합니다\n> ```\n")
     assert_equal [], lint("> ```html\n> <a class=\"glightbox\" href=\"/p\"><img src=\"/a.png\"></a>\n> ```\n")
     assert_finding(/<think> is read as HTML/, lint("> 답을 <think> 안에 씁니다.\n"))
+    # A quoted fence in a Markdown example is part of the example.
+    assert_equal [], lint("```markdown\n> ```python\n> <think>\n> ```\n<think>\n```\n")
+    assert_finding(/code fence never closed/, lint("앞 문단입니다.\n\n> ```text\n> <think>\n"))
   end
 
   def test_paper_doi_is_a_bare_doi_on_paper_posts_only

From b549985bb50ebf9071f20c89bb4decce9177d33e Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:42:29 +0900
Subject: [PATCH 7/8] Keep focus rings inside the scrolling phone menu while it
 scrolls

---
 _sass/_layout.scss | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index baeabd4..76a58f5 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -526,7 +526,10 @@ blockquote {
 				max-height: calc(100vh - 4em);
 				max-height: calc(100dvh - 4em);
 				overflow-y: auto;
-				padding: 4px 4px 6px 0; // the scroll box clips; room for the focus ring
+				// The scroll box clips: room for the focus ring, at the end and
+				// wherever focus scrolls an item into view.
+				padding: 4px 4px 6px 0;
+				scroll-padding: 4px 0 6px;
 			}
 		}
 	}

From 491d864bd7f655be47b1819294e47cd183cecdfc Mon Sep 17 00:00:00 2001
From: bits-bytes-nn <aldente0630@gmail.com>
Date: Thu, 15 Oct 2026 21:50:58 +0900
Subject: [PATCH 8/8] End a quoted fence left open where its blockquote ends

---
 script/lint-posts.rb    | 10 +++++++++-
 test/test_lint_posts.rb |  4 ++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/script/lint-posts.rb b/script/lint-posts.rb
index 37d0835..07e1300 100644
--- a/script/lint-posts.rb
+++ b/script/lint-posts.rb
@@ -192,7 +192,8 @@ def self.translation(post, spec)
   # Per line: [:open, match] on a fence's first line, :code inside, :close on
   # its last, nil outside. A fence inside a blockquote ("> ```") is code too,
   # and only such a fence closes on a quoted marker: a "> ```" line inside a
-  # bare ```markdown block is part of its example.
+  # bare ```markdown block is part of its example. A blank line ends the
+  # blockquote, and with it a quoted fence left open (:unclosed).
   def self.fences(lines)
     fence = nil
     quoted = false
@@ -204,6 +205,9 @@ def self.fences(lines)
         fence = m[1]
         quoted = line.match?(/\A\s*>/)
         [:open, m]
+      elsif quoted && line.strip.empty?
+        fence = nil
+        :unclosed
       elsif (quoted ? text : line).strip.match?(/\A#{Regexp.escape(fence[0])}{#{fence.size},}\z/)
         fence = nil
         :close
@@ -273,6 +277,10 @@ def self.body(post)
         found << "#{n}: code fence info has a space; write just the language" if unquote(line).strip.match?(/\A(`{3,}|~{3,})\s*\S+\s+\S/)
       elsif state == :close
         fence_line = nil
+      elsif state == :unclosed
+        found << "#{fence_line}: code fence never closed (a nested fence closes the outer one)"
+        fence_line = nil
+        next
       end
       next if state
 
diff --git a/test/test_lint_posts.rb b/test/test_lint_posts.rb
index 1fce0d9..0db4f58 100644
--- a/test/test_lint_posts.rb
+++ b/test/test_lint_posts.rb
@@ -295,6 +295,10 @@ def test_a_fence_inside_a_blockquote_is_code
     # A quoted fence in a Markdown example is part of the example.
     assert_equal [], lint("```markdown\n> ```python\n> <think>\n> ```\n<think>\n```\n")
     assert_finding(/code fence never closed/, lint("앞 문단입니다.\n\n> ```text\n> <think>\n"))
+    # The blockquote ends at the blank line, and the fence with it.
+    found = lint("> ```text\n> 인용입니다.\n\n<think> 뒤 문단입니다.\n\n```python\nx\n```\n")
+    assert_finding(/code fence never closed/, found)
+    assert_finding(/<think> is read as HTML/, found)
   end
 
   def test_paper_doi_is_a_bare_doi_on_paper_posts_only