From c2cc8955354ce176cf6401ae6579376f44dff374 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sat, 19 Sep 2026 22:29:27 +0000
Subject: [PATCH 01/13] web: v2 editorial skin (dlgrv.com style) at
 /v2/{ru,en,zh}/

- tools/v2.css: monochrome editorial skin (Georgia 17.5px book text, system-ui UI,
  hairlines instead of cards, uppercase kickers, dark #111/#d0d0d0 theme)
- build_pages.py: also generate v2/<lang>/index.html with swapped <style> and
  __HTLB_BASE__='../../' (same README/book data, no duplication)
- root ru/en/zh pages and JS untouched (v1 stays at old paths)
---
 tools/build_pages.py |  23 +-
 tools/v2.css         | 161 +++++++
 v2/en/index.html     | 968 +++++++++++++++++++++++++++++++++++++++++++
 v2/ru/index.html     | 968 +++++++++++++++++++++++++++++++++++++++++++
 v2/zh/index.html     | 968 +++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 3087 insertions(+), 1 deletion(-)
 create mode 100644 tools/v2.css
 create mode 100644 v2/en/index.html
 create mode 100644 v2/ru/index.html
 create mode 100644 v2/zh/index.html

diff --git a/tools/build_pages.py b/tools/build_pages.py
index 263cbda9..4fc38033 100644
--- a/tools/build_pages.py
+++ b/tools/build_pages.py
@@ -1,6 +1,9 @@
 #!/usr/bin/env python3
-"""Generate per-language pages ru/en/zh/index.html from the root index.html.
+"""Generate per-language pages ru/en/zh/index.html (v1 skin) and v2/{ru,en,zh}/index.html (editorial skin).
+
 Root index.html = auto-detect (navigator.language, fallback en); subdir pages force their language.
+v2 pages swap the <style> block for tools/v2.css and set __HTLB_BASE__='../../' so the same
+README/book data files are fetched from the repo root (no data duplication).
 Run from repo root:  python3 tools/build_pages.py
 """
 import os, re, sys
@@ -20,3 +23,21 @@
     os.makedirs(os.path.dirname(out), exist_ok=True)
     open(out,'w',encoding='utf-8').write(d)
     print('built', os.path.relpath(out, ROOT))
+
+# ---------- v2 (editorial skin) ----------
+V2MARK = '<script>window.__HTLB_V2__=1;</script>'          # injected in root index.html <head>
+STYLE_RE = re.compile(r'<style>.*?</style>', re.S)
+v2css = open(os.path.join(ROOT,'tools','v2.css'), encoding='utf-8').read()
+if not STYLE_RE.search(src):
+    sys.exit('root index.html: <style> block not found')
+if V2MARK not in src:
+    print('note: root index.html has no %s marker; v2 pages get skin flag only via generation' % V2MARK)
+for lang in ('ru','en','zh'):
+    d = src.replace(tpl, "<script>window.__HTLB_LANG__='%s';window.__HTLB_BASE__='../../';</script>" % lang)
+    d = STYLE_RE.sub(lambda _: '<style>\n' + v2css + '\n</style>', d, count=1)
+    d = d.replace(CANON, '<link rel="canonical" href="https://dlgrv.github.io/HowToLiveBetter/v2/%s/">' % lang)
+    d = d.replace(OGURL, '<meta property="og:url" content="https://dlgrv.github.io/HowToLiveBetter/v2/%s/">' % lang)
+    out = os.path.join(ROOT, 'v2', lang, 'index.html')
+    os.makedirs(os.path.dirname(out), exist_ok=True)
+    open(out,'w',encoding='utf-8').write(d)
+    print('built', os.path.relpath(out, ROOT))
diff --git a/tools/v2.css b/tools/v2.css
new file mode 100644
index 00000000..59541254
--- /dev/null
+++ b/tools/v2.css
@@ -0,0 +1,161 @@
+/* ============================================================
+   HTLB v2 — editorial minimal skin (dlgrv.com style)
+   Same DOM & JS as v1; this file replaces the <style> block
+   for pages generated under /v2/ (tools/build_pages.py).
+   Light: white / ink. Dark: #111 / #d0d0d0. One accent: link hover blue.
+   ============================================================ */
+:root{
+  --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
+  --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
+  --serif:Georgia,"Times New Roman",serif;
+  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --nav-h:56px; --side-w:264px;
+}
+html.dark{
+  --bg:#111111; --ink:#f5f5f5; --text:#d0d0d0; --mut:#a0a0a0; --faint:#7d7d7d;
+  --line:#2e2e2e; --line-soft:#3a3a3a; --hover:#5cb1e8; --pop-bg:#1b1b1b;
+}
+*,*::before,*::after{box-sizing:border-box}
+[hidden]{display:none!important}
+body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
+a{color:inherit;text-decoration:none}
+a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
+::selection{background:var(--line)}
+
+/* ---------- top bar ---------- */
+.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
+.menu-btn{display:none}
+.title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
+.title:hover{color:var(--ink)}
+.title .logo{display:none}
+.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search input::placeholder{color:var(--faint)}
+.search input:focus{outline:0;border-bottom-color:var(--ink)}
+.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
+.icon-btn:hover{color:var(--ink)}
+.icon-btn svg{width:17px;height:17px;fill:currentColor}
+.nav-r{display:flex;align-items:center;gap:6px}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.switch:hover{border-color:var(--mut)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
+.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .sun{display:block}.switch .moon{display:none}
+html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
+html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+
+/* ---------- language dropdown ---------- */
+.lang-dd{position:relative}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary::-webkit-details-marker{display:none}
+.lang-dd>summary:hover{color:var(--ink)}
+.lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
+.lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
+.lang-menu button:hover{color:var(--ink);background:var(--line)}
+
+/* ---------- tooltip popup ---------- */
+.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:15}
+.backdrop.on{opacity:1;pointer-events:auto}
+.pop{position:absolute;z-index:40;max-width:320px;background:var(--pop-bg);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08);padding:10px 14px;font:14px/1.6 var(--serif);color:var(--mut)}
+.pop b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
+
+/* ---------- sidebar (filters) ---------- */
+.sidebar{position:fixed;top:var(--nav-h);bottom:0;left:0;width:var(--side-w);background:var(--bg);border-right:1px solid var(--line);padding:28px 24px 96px;overflow-y:auto;overscroll-behavior:contain;z-index:20;font-family:var(--sans)}
+.group{margin-bottom:26px}
+.gt{font:700 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
+.gt small{display:block;font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--mut);margin-top:2px}
+.sec-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
+.sec-link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:5px 0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;transition:color .15s}
+.sec-link:hover{color:var(--ink)}
+.sec-link[aria-pressed="true"]{color:var(--ink);font-weight:600}
+.sec-link i{margin-left:auto;font:400 11px/1 var(--sans);font-style:normal;font-variant-numeric:tabular-nums;color:var(--faint)}
+.chips{display:flex;flex-direction:column;align-items:flex-start;gap:0}
+.chip{border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);padding:5px 0;cursor:pointer;transition:color .15s;text-align:left}
+.chip:hover{color:var(--ink)}
+.chip[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink)}
+.toggle{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer}
+.toggle:hover{color:var(--ink)}
+.toggle input{accent-color:var(--ink);margin:0}
+.reset{display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-soft);transition:color .15s}
+.reset:hover{color:var(--ink);text-decoration-color:var(--ink)}
+.hint{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
+.hint p{margin:0 0 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.hint a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.hint a:hover{color:var(--hover)}
+
+/* ---------- content ---------- */
+.content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
+.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
+.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
+.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+
+/* card: no box — hairline top only */
+.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card-h{display:flex;align-items:baseline;gap:12px}
+.idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
+.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
+.card:hover .anchor,.anchor:focus-visible{opacity:1}
+.anchor:hover{color:var(--hover)}
+.badges{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0 40px;font:11px/1.6 var(--sans);letter-spacing:.02em}
+.badge{color:var(--faint)}
+.badge.r3{color:var(--ink);font-weight:600}
+.badge.r2{color:var(--mut)}
+.badge.r1{color:var(--faint)}
+.badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
+.badge.warn{color:var(--mut);font-style:italic}
+.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
+.rows .v.gain{color:var(--ink)}
+.src{margin:0 0 0 40px}
+.src summary{display:inline-block;cursor:pointer;font:12px/1.6 var(--sans);color:var(--faint);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--line-soft);text-underline-offset:3px;transition:color .15s}
+.src summary:hover{color:var(--ink)}
+.src .body{margin-top:8px;padding:2px 0 2px 14px;border-left:2px solid var(--line);font:14.5px/1.7 var(--serif);color:var(--mut)}
+.src .body p{margin:0 0 .6em}
+.src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.src .body a:hover{color:var(--hover)}
+.term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
+.term:hover,.term:focus-visible{color:var(--ink)}
+
+/* status / empty / foot */
+.status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
+.empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
+.empty button:hover{border-color:var(--ink);color:var(--ink)}
+.foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
+.foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.foot a:hover{color:var(--hover)}
+.meta-line{margin:0 0 4px}
+.meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.meta-line a:hover{color:var(--hover)}
+
+/* noscript / doc */
+.doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
+.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head p{margin:0 0 12px}
+.doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.doc a:hover{color:var(--hover)}
+
+/* ---------- mobile ---------- */
+@media (max-width:1099px){
+  .menu-btn{display:grid}
+  .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
+  .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
+  .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
+  .badges,.human,.rows,.src{margin-left:0}
+}
+@media (max-width:560px){
+  .title span:last-child{display:none}
+  .search{max-width:none}
+  .nav-in{padding:0 16px;gap:10px}
+  .sec-h h2{font-size:19px}
+}
diff --git a/v2/en/index.html b/v2/en/index.html
new file mode 100644
index 00000000..e4d07b31
--- /dev/null
+++ b/v2/en/index.html
@@ -0,0 +1,968 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<script>window.__HTLB_LANG__='en';window.__HTLB_BASE__='../../';</script>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
+<meta name="description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="keywords" content="здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,пособия,бизнес,выгода">
+<meta name="author" content="Как жить выгодно (перевод HowToLiveBetter)">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#3451b2" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#1b1b1f" media="(prefers-color-scheme: dark)">
+<link rel="canonical" href="https://dlgrv.github.io/HowToLiveBetter/v2/en/">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%233451b2'/%3E%3Cpath d='M17 33l10 11 20-24' fill='none' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Пособие по выгодной жизни">
+<meta property="og:locale" content="zh_CN">
+<meta property="og:url" content="https://dlgrv.github.io/HowToLiveBetter/v2/en/">
+<meta property="og:title" content="Пособие по выгодной жизни">
+<meta property="og:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta property="og:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Пособие по выгодной жизни">
+<meta name="twitter:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="twitter:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@graph":[
+{"@type":"WebSite","@id":"https://eternity4719.github.io/HowToLiveBetter/#website","url":"https://eternity4719.github.io/HowToLiveBetter/","name":"Пособие по выгодной жизни","description":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","inLanguage":"zh-CN","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://eternity4719.github.io/HowToLiveBetter/?q={search_term_string}"},"query-input":"required name=search_term_string"}},
+{"@type":"Book","@id":"https://eternity4719.github.io/HowToLiveBetter/#book","name":"Пособие по выгодной жизни","url":"https://eternity4719.github.io/HowToLiveBetter/","inLanguage":"zh-CN","bookFormat":"https://schema.org/EBook","numberOfPages":528,"license":"https://unlicense.org/","abstract":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","about":["здоровье","долголетие","личные финансы","первая помощь","право","защита прав потребителей"],"isAccessibleForFree":true}
+]}
+</script>
+<script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+/* ============================================================
+   HTLB v2 — editorial minimal skin (dlgrv.com style)
+   Same DOM & JS as v1; this file replaces the <style> block
+   for pages generated under /v2/ (tools/build_pages.py).
+   Light: white / ink. Dark: #111 / #d0d0d0. One accent: link hover blue.
+   ============================================================ */
+:root{
+  --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
+  --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
+  --serif:Georgia,"Times New Roman",serif;
+  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --nav-h:56px; --side-w:264px;
+}
+html.dark{
+  --bg:#111111; --ink:#f5f5f5; --text:#d0d0d0; --mut:#a0a0a0; --faint:#7d7d7d;
+  --line:#2e2e2e; --line-soft:#3a3a3a; --hover:#5cb1e8; --pop-bg:#1b1b1b;
+}
+*,*::before,*::after{box-sizing:border-box}
+[hidden]{display:none!important}
+body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
+a{color:inherit;text-decoration:none}
+a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
+::selection{background:var(--line)}
+
+/* ---------- top bar ---------- */
+.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
+.menu-btn{display:none}
+.title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
+.title:hover{color:var(--ink)}
+.title .logo{display:none}
+.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search input::placeholder{color:var(--faint)}
+.search input:focus{outline:0;border-bottom-color:var(--ink)}
+.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
+.icon-btn:hover{color:var(--ink)}
+.icon-btn svg{width:17px;height:17px;fill:currentColor}
+.nav-r{display:flex;align-items:center;gap:6px}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.switch:hover{border-color:var(--mut)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
+.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .sun{display:block}.switch .moon{display:none}
+html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
+html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+
+/* ---------- language dropdown ---------- */
+.lang-dd{position:relative}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary::-webkit-details-marker{display:none}
+.lang-dd>summary:hover{color:var(--ink)}
+.lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
+.lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
+.lang-menu button:hover{color:var(--ink);background:var(--line)}
+
+/* ---------- tooltip popup ---------- */
+.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:15}
+.backdrop.on{opacity:1;pointer-events:auto}
+.pop{position:absolute;z-index:40;max-width:320px;background:var(--pop-bg);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08);padding:10px 14px;font:14px/1.6 var(--serif);color:var(--mut)}
+.pop b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
+
+/* ---------- sidebar (filters) ---------- */
+.sidebar{position:fixed;top:var(--nav-h);bottom:0;left:0;width:var(--side-w);background:var(--bg);border-right:1px solid var(--line);padding:28px 24px 96px;overflow-y:auto;overscroll-behavior:contain;z-index:20;font-family:var(--sans)}
+.group{margin-bottom:26px}
+.gt{font:700 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
+.gt small{display:block;font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--mut);margin-top:2px}
+.sec-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
+.sec-link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:5px 0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;transition:color .15s}
+.sec-link:hover{color:var(--ink)}
+.sec-link[aria-pressed="true"]{color:var(--ink);font-weight:600}
+.sec-link i{margin-left:auto;font:400 11px/1 var(--sans);font-style:normal;font-variant-numeric:tabular-nums;color:var(--faint)}
+.chips{display:flex;flex-direction:column;align-items:flex-start;gap:0}
+.chip{border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);padding:5px 0;cursor:pointer;transition:color .15s;text-align:left}
+.chip:hover{color:var(--ink)}
+.chip[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink)}
+.toggle{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer}
+.toggle:hover{color:var(--ink)}
+.toggle input{accent-color:var(--ink);margin:0}
+.reset{display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-soft);transition:color .15s}
+.reset:hover{color:var(--ink);text-decoration-color:var(--ink)}
+.hint{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
+.hint p{margin:0 0 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.hint a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.hint a:hover{color:var(--hover)}
+
+/* ---------- content ---------- */
+.content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
+.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
+.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
+.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+
+/* card: no box — hairline top only */
+.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card-h{display:flex;align-items:baseline;gap:12px}
+.idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
+.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
+.card:hover .anchor,.anchor:focus-visible{opacity:1}
+.anchor:hover{color:var(--hover)}
+.badges{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0 40px;font:11px/1.6 var(--sans);letter-spacing:.02em}
+.badge{color:var(--faint)}
+.badge.r3{color:var(--ink);font-weight:600}
+.badge.r2{color:var(--mut)}
+.badge.r1{color:var(--faint)}
+.badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
+.badge.warn{color:var(--mut);font-style:italic}
+.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
+.rows .v.gain{color:var(--ink)}
+.src{margin:0 0 0 40px}
+.src summary{display:inline-block;cursor:pointer;font:12px/1.6 var(--sans);color:var(--faint);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--line-soft);text-underline-offset:3px;transition:color .15s}
+.src summary:hover{color:var(--ink)}
+.src .body{margin-top:8px;padding:2px 0 2px 14px;border-left:2px solid var(--line);font:14.5px/1.7 var(--serif);color:var(--mut)}
+.src .body p{margin:0 0 .6em}
+.src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.src .body a:hover{color:var(--hover)}
+.term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
+.term:hover,.term:focus-visible{color:var(--ink)}
+
+/* status / empty / foot */
+.status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
+.empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
+.empty button:hover{border-color:var(--ink);color:var(--ink)}
+.foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
+.foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.foot a:hover{color:var(--hover)}
+.meta-line{margin:0 0 4px}
+.meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.meta-line a:hover{color:var(--hover)}
+
+/* noscript / doc */
+.doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
+.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head p{margin:0 0 12px}
+.doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.doc a:hover{color:var(--hover)}
+
+/* ---------- mobile ---------- */
+@media (max-width:1099px){
+  .menu-btn{display:grid}
+  .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
+  .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
+  .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
+  .badges,.human,.rows,.src{margin-left:0}
+}
+@media (max-width:560px){
+  .title span:last-child{display:none}
+  .search{max-width:none}
+  .nav-in{padding:0 16px;gap:10px}
+  .sec-h h2{font-size:19px}
+}
+
+</style>
+</head>
+<body>
+
+<noscript>
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+    </div>
+  </div>
+</noscript>
+
+<header class="nav">
+  <div class="nav-in">
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
+    <label class="search">
+      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
+      <kbd>/</kbd>
+    </label>
+    <div class="nav-r">
+      <details class="lang-dd" id="lang">
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <div class="lang-menu" role="menu">
+          <button role="menuitem" data-lang="ru">Русский</button>
+          <button role="menuitem" data-lang="en">English</button>
+          <button role="menuitem" data-lang="zh">中文</button>
+        </div>
+      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+    </div>
+  </div>
+</header>
+
+<div class="backdrop" id="backdrop"></div>
+<div class="pop" id="pop" role="tooltip" hidden><b></b><span></span></div>
+<aside class="sidebar" id="sidebar">
+  <div class="group">
+    <div class="gt">Разделы</div>
+    <div class="sec-links" id="f-sec" data-dim="sec"></div>
+  </div>
+  <div class="group">
+    <div class="gt">Выгода/затраты <small>Оценка автора, сравнима в рамках одной категории</small></div>
+    <div class="chips" data-dim="ratio">
+      <button class="chip" data-v="极高" aria-pressed="false">Очень высокая</button>
+      <button class="chip" data-v="高" aria-pressed="false">Высокая</button>
+      <button class="chip" data-v="一般" aria-pressed="false">Обычная</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Что получаешь <small>Категории не сравниваются между собой</small></div>
+    <div class="chips" data-dim="lens">
+      <button class="chip" data-v="死亡率" aria-pressed="false">Жизнь</button>
+      <button class="chip" data-v="金钱" aria-pressed="false">Деньги</button>
+      <button class="chip" data-v="时间" aria-pressed="false">Время и силы</button>
+      <button class="chip" data-v="自由" aria-pressed="false">Свобода</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Доказательность <small>Метаанализ/RCT · есть исследования · консенсус</small></div>
+    <div class="chips" data-dim="grade">
+      <button class="chip" data-v="A" aria-pressed="false">Уровень A</button>
+      <button class="chip" data-v="B" aria-pressed="false">Уровень B</button>
+      <button class="chip" data-v="C" aria-pressed="false">Уровень C</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Деньги</div>
+    <div class="chips" data-dim="money">
+      <button class="chip" data-v="0" aria-pressed="false">Бесплатно</button>
+      <button class="chip" data-v="少" aria-pressed="false">Мало</button>
+      <button class="chip" data-v="多" aria-pressed="false">Много</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Время</div>
+    <div class="chips" data-dim="time">
+      <button class="chip" data-v="少" aria-pressed="false">На бегу</button>
+      <button class="chip" data-v="中" aria-pressed="false">Несколько часов</button>
+      <button class="chip" data-v="多" aria-pressed="false">Каждый день</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Сила воли</div>
+    <div class="chips" data-dim="will">
+      <button class="chip" data-v="否" aria-pressed="false">Не нужна</button>
+      <button class="chip" data-v="些" aria-pressed="false">Немного</button>
+      <button class="chip" data-v="是" aria-pressed="false">Сильно</button>
+    </div>
+  </div>
+  <div class="group">
+    <label class="toggle"><input type="checkbox" id="f-dispute"> только спорные</label>
+    <label class="toggle"><input type="checkbox" id="f-todo"> только требующие проверки</label>
+    <button class="reset" id="reset">Сбросить фильтры</button>
+  </div>
+  <div class="hint">
+    <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
+    <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
+    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+  </div>
+</aside>
+
+<main class="content">
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.</p>
+      <p>Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надёжда на ответ меньше, а риски нужно учитывать вместе с выгодой.</p>
+      <div class="stat" aria-live="polite">Показано <b id="cnt">–</b> из <span id="tot">–</span></div>
+      <p class="meta-line" id="feedback-line">
+        <span id="fb-issue-t">Нашли ошибку в переводе —</span>
+        <a id="fb-issue" href="https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md" target="_blank" rel="noopener">откройте issue</a>
+      </p>
+      <p class="meta-line" id="feedback-line-star">
+        <span id="fb-star-t">Понравился перевод —</span>
+        <a id="fb-star" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener">поставьте звезду репо</a>
+      </p>
+    </div>
+    <div id="list">
+      <div class="status" id="status"></div>
+      <div class="empty" id="empty" hidden>
+        Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.
+        <div><button id="reset2">Сбросить</button></div>
+      </div>
+    </div>
+    <div class="foot">Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).</div>
+  </div>
+</main>
+
+<script>
+let LANG = 'en';
+try {
+  if (window.__HTLB_LANG__) { LANG = window.__HTLB_LANG__; }
+  else {
+    const p=new URLSearchParams(location.search); const saved=localStorage.getItem('htlb-lang');
+    const nav=(navigator.language||'').toLowerCase();
+    const sys = nav.startsWith('ru') ? 'ru' : nav.startsWith('zh') ? 'zh' : nav.startsWith('en') ? 'en' : null;
+    LANG = p.get('lang') || saved || sys || 'en';
+  }
+  if(!['ru','zh','en'].includes(LANG)) LANG='en';
+} catch(e){}
+window.__HTLB_BASE__ = window.__HTLB_BASE__ || '';
+if (window.__HTLB_BASE__) { const _f=window.fetch; window.fetch=(u,o)=> _f(typeof u==='string' && !/^([a-z]+:|\/|\.\.\/)/i.test(u) ? window.__HTLB_BASE__+u : u, o); }
+window.__setLang = function(l){ try{localStorage.setItem('htlb-lang',l);}catch(e){}
+  const root = window.__HTLB_BASE__ ? new URL(window.__HTLB_BASE__, location.href) : new URL('.', location.href);
+  location.href = new URL(l + '/', root).href; };
+
+/* ---------- i18n static UI ---------- */
+const I18N = {
+ ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
+   noscriptH:'Пособие по выгодной жизни',
+   noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
+   docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
+   fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
+   shown:'Показано', of:'из', loading:'Загружаю текст…',
+   empty:'Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.', reset:'Сбросить', resetF:'Сбросить фильтры',
+   sections:'Разделы', ratioH:'Выгода/затраты', ratioS:'Оценка автора, сравнима в рамках одной категории',
+   lensH:'Что получаешь', lensS:'Категории не сравниваются между собой',
+   gradeH:'Доказательность', gradeS:'Метаанализ/RCT · есть исследования · консенсус', gradeA:'Уровень A', gradeB:'Уровень B', gradeC:'Уровень C',
+   moneyH:'Деньги', timeH:'Время', willH:'Сила воли',
+   money0:'Бесплатно', moneyL:'Мало', moneyM:'Много', timeL:'На бегу', timeM:'Несколько часов', timeH2:'Каждый день', willN:'Не нужна', willS:'Немного', willB:'Сильно',
+   fDispute:'только спорные', fTodo:'только требующие проверки',
+   hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
+   hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
+   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
+   kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
+   ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
+   ratio:{'极高':'Очень высокая','高':'Высокая','一般':'Обычная'},
+   lens:{'死亡率':'Жизнь','金钱':'Деньги','时间':'Время и силы','自由':'Свобода'},
+   moneyL2:{'0':'Бесплатно','少':'Небольшие траты','多':'Заметные траты'},
+   timeL2:{'少':'На бегу','中':'Несколько часов','多':'Каждый день'},
+   willL2:{'否':'Без силы воли','些':'Немного усилий','是':'Серьёзные усилия'},
+   ratioFull:'Выгода/затраты: ', gradeFull:'Доказательность: ',
+   errFile:'Страница открывается только по http. Запустите в каталоге репозитория <code>python -m http.server</code> и откройте <code>http://localhost:8000/</code>, либо используйте адрес GitHub Pages.',
+   errLoad:(m)=>`Не удалось загрузить текст (${m}). Проверьте, что README и каталог book/ лежат рядом с index.html.`,
+   cap:true,
+   allSections:'Все разделы',
+   readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
+   keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
+   author:'Как жить выгодно (перевод HowToLiveBetter)',
+   about:['здоровье','долголетие','личные финансы','первая помощь','право','защита прав потребителей'] },
+ en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
+   noscriptH:'The Best-Value Life Guide',
+   noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
+   docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
+   fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
+   shown:'Showing', of:'of', loading:'Loading text…',
+   empty:'Nothing found. Remove one of the filters or try a shorter query.', reset:'Reset', resetF:'Reset filters',
+   sections:'Sections', ratioH:'Benefit / costs', ratioS:'Author judgment, comparable within one category only',
+   lensH:'What you get', lensS:'Categories are not compared with each other',
+   gradeH:'Evidence', gradeS:'Meta-analysis/RCT · studies exist · consensus', gradeA:'Grade A', gradeB:'Grade B', gradeC:'Grade C',
+   moneyH:'Money', timeH:'Time', willH:'Willpower',
+   money0:'Free', moneyL:'Little', moneyM:'Much', timeL:'On the go', timeM:'A few hours', timeH2:'Every day', willN:'None needed', willS:'A little', willB:'A lot',
+   fDispute:'contested only', fTodo:'unverified only',
+   hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
+   hint2:'Within a section — by descending benefit. Search does not change the order.',
+   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
+   kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
+   ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
+   ratio:{'极高':'Very high','高':'High','一般':'Ordinary'},
+   lens:{'死亡率':'Lifespan','金钱':'Money','时间':'Time & energy','自由':'Freedom'},
+   moneyL2:{'0':'Free','少':'Small spending','多':'Noticeable spending'},
+   timeL2:{'少':'On the go','中':'A few hours','多':'Every day'},
+   willL2:{'否':'No willpower','些':'A little effort','是':'Serious effort'},
+   ratioFull:'Benefit/costs: ', gradeFull:'Evidence: ',
+   errFile:'This page only opens over http. Run <code>python -m http.server</code> in the repository directory and open <code>http://localhost:8000/</code>, or use the GitHub Pages address.',
+   errLoad:(m)=>`Failed to load the text (${m}). Make sure the README and the book/ directory sit next to index.html.`,
+   cap:true,
+   allSections:'All sections',
+   readmeHref:'README.md', readmeTitle:'Open README',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
+   keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
+   author:'HowToLiveBetter (English translation)',
+   about:['health','longevity','personal finance','first aid','law','consumer protection'] },
+ zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
+   noscriptH:'高性价比人生指南',
+   noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   docHead:'每条建议回答两个问题：付出什么——换回什么。',
+   docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
+   fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
+   shown:'显示', of:'/', loading:'正在载入正文…',
+   empty:'没有符合条件的结果。请去掉一个筛选条件，或换更短的关键词。', reset:'重置', resetF:'重置筛选',
+   sections:'小节', ratioH:'性价比', ratioS:'作者判断，仅在同一口径内可比',
+   lensH:'换回什么', lensS:'不同口径之间不做比较',
+   gradeH:'证据等级', gradeS:'荟萃分析/RCT · 有研究支持 · 共识', gradeA:'A 级', gradeB:'B 级', gradeC:'C 级',
+   moneyH:'花钱', timeH:'花时间', willH:'要毅力',
+   money0:'免费', moneyL:'少', moneyM:'多', timeL:'顺手', timeM:'几小时', timeH2:'每天', willN:'不需要', willS:'一点点', willB:'明显',
+   fDispute:'只看有争议', fTodo:'只看待核实',
+   hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
+   hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
+   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
+   kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
+   ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',
+   ratio:{'极高':'极高','高':'高','一般':'一般'},
+   lens:{'死亡率':'寿命','金钱':'金钱','时间':'时间精力','自由':'自由'},
+   moneyL2:{'0':'免费','少':'少量花费','多':'明显花费'},
+   timeL2:{'少':'顺手','中':'几小时','多':'每天'},
+   willL2:{'否':'不需要毅力','些':'一点毅力','是':'明显毅力'},
+   ratioFull:'性价比: ', gradeFull:'证据: ',
+   errFile:'本页只能通过 http 打开。请在仓库目录运行 <code>python -m http.server</code> 并访问 <code>http://localhost:8000/</code>，或使用 GitHub Pages 地址。',
+   errLoad:(m)=>`正文载入失败（${m}）。请确认 README 与 book/ 目录就在 index.html 旁边。`,
+   cap:false,
+   allSections:'全部小节',
+   readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
+   keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
+   author:'高性价比人生指南',
+   about:['健康','长寿','个人理财','急救','法律','消费者权益'] }
+};
+function T(){ return I18N[LANG]; }
+function applyI18n(){
+  const t=T(); document.documentElement.lang=t.htmlLang;
+  document.title=t.title;
+  document.querySelector('.title span:last-child').textContent=t.title;
+  document.getElementById('q').placeholder=t.search; document.getElementById('q').setAttribute('aria-label',t.search);
+  const ns=document.querySelector('noscript .doc-head'); if(ns){ ns.querySelector('h1').textContent=t.noscriptH; ns.querySelectorAll('p')[0].textContent=t.noscriptP; ns.querySelectorAll('p')[1].innerHTML=t.noscriptLink; }
+  const dh=document.querySelector('.doc-head');
+  dh.querySelector('h1').textContent=t.title;
+  const dhp=dh.querySelectorAll(':scope > p'); dhp[0].textContent=t.docHead; dhp[1].textContent=t.docHead2;
+  dh.querySelector('.stat').childNodes[0].textContent=t.shown+' ';
+  dh.querySelector('.stat').childNodes[2].textContent=' '+t.of+' ';
+  const fbTitle=LANG==='ru'?'[RU] ':LANG==='zh'?'[ZH] ':'[EN] ';
+  const issueUrl='https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md&title='+encodeURIComponent(fbTitle);
+  const ft=document.getElementById('fb-issue-t'); if(ft) ft.textContent=t.fbIssueT;
+  const fb=document.getElementById('fb-issue');
+  if(fb){ fb.textContent=t.fbIssue; fb.href=issueUrl; }
+  const st=document.getElementById('fb-star-t'); if(st) st.textContent=t.fbStarT;
+  const fs=document.getElementById('fb-star'); if(fs) fs.textContent=t.fbStar;
+  document.getElementById('f-dispute').parentElement.childNodes[1].textContent=t.fDispute;
+  document.getElementById('f-todo').parentElement.childNodes[1].textContent=t.fTodo;
+  document.getElementById('reset').textContent=t.resetF;
+  document.getElementById('reset2').textContent=t.reset;
+  document.getElementById('empty').childNodes[0].textContent=t.empty;
+  const sb=document.querySelectorAll('.sidebar .gt'); 
+  sb[0].childNodes[0].textContent=t.sections;
+  sb[1].childNodes[0].textContent=t.ratioH; sb[1].querySelector('small').textContent=t.ratioS;
+  sb[2].childNodes[0].textContent=t.lensH; sb[2].querySelector('small').textContent=t.lensS;
+  sb[3].childNodes[0].textContent=t.gradeH; sb[3].querySelector('small').textContent=t.gradeS;
+  sb[4].childNodes[0].textContent=t.moneyH;
+  sb[5].childNodes[0].textContent=t.timeH;
+  sb[6].childNodes[0].textContent=t.willH;
+  document.querySelectorAll('.sidebar .hint p')[0].textContent=t.hint1;
+  document.querySelectorAll('.sidebar .hint p')[1].textContent=t.hint2;
+  document.querySelectorAll('.sidebar .hint p')[2].innerHTML=t.hint3;
+  document.querySelector('.foot').innerHTML=t.foot;
+  const chips={ratio:[['极高',t.ratio['极高']],['高',t.ratio['高']],['一般',t.ratio['一般']]],
+    lens:[['死亡率',t.lens['死亡率']],['金钱',t.lens['金钱']],['时间',t.lens['时间']],['自由',t.lens['自由']]],
+    grade:[['A',t.gradeA],['B',t.gradeB],['C',t.gradeC]],
+    money:[['0',t.money0],['少',t.moneyL],['多',t.moneyM]],
+    time:[['少',t.timeL],['中',t.timeM],['多',t.timeH2]],
+    will:[['否',t.willN],['些',t.willS],['是',t.willB]]};
+  for (const [dim,arr] of Object.entries(chips)){
+    document.querySelectorAll(`.chips[data-dim="${dim}"] .chip`).forEach(b=>{
+      const hit=arr.find(([v])=>b.dataset.v===v); if(hit) b.textContent=hit[1];
+    });
+  }
+  document.querySelectorAll('.lang-menu button').forEach(b=>b.setAttribute('aria-current',String(b.dataset.lang===LANG)));
+  document.getElementById('lang-label').textContent={ru:'РУ',en:'EN',zh:'中'}[LANG];
+  document.getElementById('lang').open=false;
+  // nav attributes
+  const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
+  const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
+  const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
+  const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
+  // head meta / social cards / JSON-LD
+  const setm=(sel,attr,val)=>{const el=document.querySelector(sel); if(el) el.setAttribute(attr,val);};
+  setm('meta[name="description"]','content',t.metaDesc);
+  setm('meta[name="keywords"]','content',t.keywords);
+  setm('meta[name="author"]','content',t.author);
+  for(const sel of ['meta[property="og:site_name"]','meta[property="og:title"]','meta[name="twitter:title"]']) setm(sel,'content',t.title);
+  for(const sel of ['meta[property="og:description"]','meta[name="twitter:description"]']) setm(sel,'content',t.metaDesc);
+  setm('meta[property="og:locale"]','content',{ru:'ru_RU',en:'en_US',zh:'zh_CN'}[LANG]);
+  try{
+    const jl=document.querySelector('script[type="application/ld+json"]');
+    if(jl){
+      const data=JSON.parse(jl.textContent);
+      for(const node of (data['@graph']||[])){
+        if(node.name) node.name=t.title;
+        if(node.description) node.description=t.metaDesc;
+        if(node.abstract) node.abstract=t.metaDesc;
+        if(node.inLanguage) node.inLanguage={ru:'ru-RU',en:'en-US',zh:'zh-CN'}[LANG];
+        if(node.about) node.about=t.about;
+      }
+      jl.textContent=JSON.stringify(data,null,1);
+    }
+  }catch(e){}
+  // "All sections" button (built dynamically)
+  const allSpan=document.querySelector('.sec-link.all span'); if(allSpan) allSpan.textContent=t.allSections;
+}
+document.getElementById('lang').addEventListener('click',e=>{
+  if(e.target.closest('.lang-menu button')){ e.preventDefault(); __setLang(e.target.closest('.lang-menu button').dataset.lang); }
+  else { e.preventDefault(); const d=document.getElementById('lang'); d.open=!d.open; }
+});
+document.addEventListener('click',e=>{ if(!e.target.closest('#lang')) document.getElementById('lang').open=false; });
+/* ---------- отладочная панель: добавьте ?perf=1 к адресу ---------- */
+const PERF = (function(){
+  const off = { on:false, log(){}, mark(){} };
+  if (!/[?&]perf=1/.test(location.search)) return off;
+  const box = document.createElement('div');
+  box.style.cssText = 'position:fixed;right:10px;bottom:10px;z-index:99;width:300px;max-height:50vh;overflow:auto;background:rgba(0,0,0,.85);color:#8fe;font:12px/1.5 ui-monospace,Consolas,monospace;padding:8px 10px;border-radius:8px;white-space:pre-wrap;pointer-events:auto';
+  const rows = [];
+  const put = (s) => { rows.unshift(s); if (rows.length > 60) rows.pop(); box.textContent = rows.join('\n'); };
+  const api = {
+    on: true,
+    log(name, t0, extra){ const ms = performance.now() - t0; put(`${ms >= 16 ? '⚠' : '·'} ${name} ${ms.toFixed(1)}ms${extra ? ' ' + extra : ''}`); },
+    mark(s){ put('· ' + s); }
+  };
+  addEventListener('DOMContentLoaded', () => document.body.appendChild(box), {once:true});
+  if (document.readyState !== 'loading') document.body.appendChild(box);
+  // 展开/收起 <details> 的重排代价：强制同步布局来量
+  document.addEventListener('toggle', ev => {
+    if (!ev.target.matches('details')) return;
+    const t0 = performance.now();
+    void document.documentElement.scrollHeight;   // 强制走一遍布局
+    api.log((ev.target.open ? 'развернуть' : 'свернуть') + ': reflow', t0);
+  }, true);
+  // 掉帧：连续两帧间隔超过 32ms 就记一条
+  let last = performance.now(), worst = 0, since = last;
+  const tick = (t) => { const d = t - last; last = t; if (d > worst) worst = d;
+    if (t - since > 1000){ if (worst > 32) put(`⚠ самый длинный кадр ${worst.toFixed(0)}ms`); worst = 0; since = t; }
+    requestAnimationFrame(tick); };
+  requestAnimationFrame(tick);
+  try { new PerformanceObserver(l => { for (const e of l.getEntries()) put(`⚠ длинная задача ${e.duration.toFixed(0)}ms`); })
+    .observe({entryTypes:['longtask']}); } catch (e) {}
+  return api;
+})();
+
+/* ---------- 解析 README ---------- */
+function parseReadme(md){
+  const lines = md.split(/\r?\n/);
+  const sections = [];
+  let sec = null, entry = null;
+  const flush = () => { if (entry && sec) { sec.entries.push(entry); } entry = null; };
+  for (const raw of lines){
+    const line = raw.trimEnd();
+    let m;
+    if ((m = /^#{1,2} (\d+)\. (.+)$/.exec(line))) { flush(); sec = {n:m[1], title:m[2].trim(), intro:'', entries:[]}; sections.push(sec); continue; }
+    if (/^#{1,2} /.test(line)) { flush(); sec = null; continue; }
+    if (!sec) continue;
+    if ((m = /^### (\d+)\. (.+)$/.exec(line))) { flush(); entry = {sec:sec.n, n:m[1], title:m[2].trim(), cost:'', human:'', gain:'', grade:'', src:'', note:'', money:'', time:'', will:'', level:'', lens:''}; continue; }
+    if ((m = /^<!--\s*成本标签:\s*(.*?)\s*-->/.exec(line)) && entry){
+      for (const kv of m[1].split(/\s+/)){ const [k,v] = kv.split('='); if(k==='钱') entry.money=v; if(k==='时间') entry.time=v; if(k==='毅力') entry.will=v; if(k==='收益') entry.level=v; if(k==='口径') entry.lens=v; }
+      continue;
+    }
+    if (entry){
+      if ((m = /^- (?:成本|Стоимость|Cost)[：:](.*)$/.exec(line))) entry.cost = m[1];
+      else if ((m = /^- (?:说人话|Простыми словами|In plain terms)[：:](.*)$/.exec(line))) { entry.human = m[1]; if (T().cap) entry.human = entry.human.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:收益|Эффект|Benefit)[：:](.*)$/.exec(line))) { entry.gain = m[1]; if (T().cap) entry.gain = entry.gain.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:证据等级|Уровень доказательности|Evidence grade)[：:]\s*([ABC])/.exec(line))) entry.grade = m[1];
+      else if ((m = /^- (?:来源|Источники|Sources)[：:]?(.*)$/.exec(line))) entry.src = m[1];
+      else if ((m = /^- (?:备注|Примечания|Notes)[：:](.*)$/.exec(line))) { entry.note = m[1]; if (T().cap) entry.note = entry.note.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      continue;
+    }
+    if (line && !sec.intro && !line.startsWith('>')) sec.intro = line;
+  }
+  flush();
+  for (const s of sections) for (const e of s.entries){
+    e.dispute = LANG==='en' ? /^\s*Contested/.test(e.note) : /^\s*(争议|[Сс]порно)/.test(e.note);
+    e.todo = /待核实|TODO|to be verified/i.test(e.src + e.gain + e.note + e.cost);
+    e.cs = (COST_W.money[e.money] ?? 0) + (COST_W.time[e.time] ?? 0) + (COST_W.will[e.will] ?? 0);
+    e.ratio = e.level === '大' ? (e.cs === 0 ? '极高' : (e.cs <= 2 ? '高' : '一般'))
+            : e.level === '中' ? (e.cs === 0 ? '高' : '一般') : '一般';
+    e.hay = [e.title, e.human, e.cost, e.gain, e.note, e.src, e.grade].join('\n').toLowerCase();
+  }
+  return sections;
+}
+
+/* ---------- 术语表 ---------- */
+let GLOSS = [];   // [{term, meaning, re}]
+function parseGlossary(md){
+  const m = (LANG==='ru' ? /^## Как читать цифры[^\n]*\n([\s\S]*?)(?=^## )/m : LANG==='en' ? /^## Reading the numbers[^\n]*\n([\s\S]*?)(?=^## )/m : /^## 读懂数字[^\n]*\n([\s\S]*?)(?=^## )/m).exec(md);
+  if (!m) return [];
+  const rows = [];
+  for (const line of m[1].split(/\r?\n/)){
+    const c = /^\|\s*(.+?)\s*\|\s*(.+?)\s*\|$/.exec(line);
+    if (!c || c[1] === 'термин' || c[1] === 'Term' || /^-+$/.test(c[1])) continue;
+    for (const t of c[1].split('、')){
+      const term = t.trim(); if (!term) continue;
+      rows.push({term, meaning: c[2], latin: /^[A-Za-z0-9%. ]+$/.test(term)});
+    }
+  }
+  rows.sort((a,b) => b.term.length - a.term.length);
+  // 合并成一条正则：长词在前保证最长匹配，拉丁术语要求前后不是字母数字
+  const escRe = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const alt = (list) => list.map(g => escRe(g.term)).join('|');
+  const parts = [];
+  const latin = rows.filter(g => g.latin), cjk = rows.filter(g => !g.latin);
+  if (latin.length) parts.push(`(?<![A-Za-z0-9])(?:${alt(latin)})(?![A-Za-z0-9])`);
+  if (cjk.length) parts.push(`(?:${alt(cjk)})`);
+  GLOSS_RE = new RegExp(parts.join('|'), 'g');
+  GLOSS_BY = Object.fromEntries(rows.map(g => [g.term, g]));
+  return rows;
+}
+let GLOSS_RE = null, GLOSS_BY = {};
+function termify(root){
+  if (!GLOSS_RE) return;
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  const nodes = []; let n; while ((n = walker.nextNode())) if (!n.parentElement.closest('a,abbr')) nodes.push(n);
+  for (const node of nodes){
+    const s = node.nodeValue;
+    GLOSS_RE.lastIndex = 0;
+    if (!GLOSS_RE.test(s)) continue;
+    GLOSS_RE.lastIndex = 0;
+    const frag = document.createDocumentFragment(); let pos = 0, m;
+    while ((m = GLOSS_RE.exec(s))){
+      const g = GLOSS_BY[m[0]]; if (!g) continue;
+      if (m.index > pos) frag.appendChild(document.createTextNode(s.slice(pos, m.index)));
+      const ab = document.createElement('abbr'); ab.className = 'term'; ab.textContent = m[0]; ab.title = g.meaning; ab.tabIndex = 0; ab.dataset.term = g.term;
+      frag.appendChild(ab); pos = m.index + m[0].length;
+    }
+    if (pos < s.length) frag.appendChild(document.createTextNode(s.slice(pos)));
+    node.parentNode.replaceChild(frag, node);
+  }
+}
+function showTerm(ab){
+  const pop = document.getElementById('pop');
+  pop.querySelector('b').textContent = ab.dataset.term;
+  pop.querySelector('span').textContent = ab.title;
+  pop.hidden = false;
+  const r = ab.getBoundingClientRect(); const w = Math.min(360, innerWidth - 24);
+  let x = r.left + r.width/2 - w/2; x = Math.max(12, Math.min(x, innerWidth - w - 12));
+  pop.style.width = w + 'px'; pop.style.left = x + 'px';
+  const below = r.bottom + 8 + pop.offsetHeight < innerHeight;
+  pop.style.top = (below ? r.bottom + 8 : r.top - 8 - pop.offsetHeight) + scrollY + 'px';
+}
+
+/* ---------- 文本渲染：链接 + 高亮 ---------- */
+const URL_RE = /<?(https?:\/\/[A-Za-z0-9\-._~:\/?#\[\]@!$&'()*+,=%]+)>?/g;
+function trimUrl(u){
+  let t = '';
+  for (;;){
+    const ch = u.slice(-1);
+    const unbalanced = ch === ')' && (u.split('(').length < u.split(')').length);
+    if (!/[）。,，]/.test(ch) && !unbalanced) break;
+    t = ch + t; u = u.slice(0, -1);
+  }
+  return [u, t];
+}
+// Markdown 链接 [文字](地址) 或裸 URL；仓库内的相对路径指向 GitHub 上的源文件
+const REPO_BLOB = 'https://github.com/eternity4719/HowToLiveBetter/blob/main/';
+const MD_LINK_RE = /\[([^\]\n]+)\]\(([^)\s]+)\)/;
+const LINK_RE = new RegExp(MD_LINK_RE.source + '|' + URL_RE.source, 'g');
+function hrefOf(p){
+  if (/^(https?:|mailto:|#)/.test(p)) return p;
+  return REPO_BLOB + p.replace(/^(\.\.?\/)+/, '').split('/').map(encodeURIComponent).join('/');
+}
+function mkLink(href, text){
+  const a = document.createElement('a'); a.href = href; a.target = '_blank'; a.rel = 'noopener'; a.textContent = text;
+  return a;
+}
+function renderText(el, text, terms, withTerms = true){
+  el.textContent = '';
+  let last = 0; LINK_RE.lastIndex = 0; let m;
+  const pushText = (s) => { if (s) highlightInto(el, s, terms); };
+  while ((m = LINK_RE.exec(text))){
+    pushText(text.slice(last, m.index));
+    if (m[3]){
+      const [u, tail] = trimUrl(m[3]);
+      el.appendChild(mkLink(u, u)); pushText(tail);
+    } else {
+      el.appendChild(mkLink(hrefOf(m[2]), m[1]));
+    }
+    last = m.index + m[0].length;
+  }
+  pushText(text.slice(last));
+  if (withTerms) termify(el);
+}
+function highlightInto(el, s, terms){
+  if (!terms.length){ el.appendChild(document.createTextNode(s)); return; }
+  const lower = s.toLowerCase(); let i = 0;
+  while (i < s.length){
+    let best = -1, bl = 0;
+    for (const t of terms){ const k = lower.indexOf(t, i); if (k !== -1 && (best === -1 || k < best)) { best = k; bl = t.length; } }
+    if (best === -1){ el.appendChild(document.createTextNode(s.slice(i))); break; }
+    if (best > i) el.appendChild(document.createTextNode(s.slice(i, best)));
+    const mk = document.createElement('mark'); mk.textContent = s.slice(best, best+bl); el.appendChild(mk);
+    i = best + bl;
+  }
+}
+
+const COST_W = { money:{'0':0,'少':1,'多':2}, time:{'少':0,'中':1,'多':2}, will:{'否':0,'些':1,'是':2} };
+/* ---------- 构建 DOM ---------- */
+let CARDS = [], BLOCKS = [];
+// 卡片文字只在「上屏 + 搜索词变了」时重渲染，离屏的先记账，滚进来再补
+let CUR_TERMS = [], CUR_KEY = '';
+const CARD_OF = new WeakMap();
+const CARD_IO = new IntersectionObserver(list => {
+  const t0 = performance.now(); let n = 0;
+  for (const it of list){
+    const card = CARD_OF.get(it.target); if (!card) continue;
+    card.vis = it.isIntersecting;
+    if (card.vis && card.key !== CUR_KEY) { n++; renderCard(card, CUR_TERMS, CUR_KEY); }
+  }
+  if (n) PERF.log('дозировка карточек', t0, n + ' шт.');
+}, {rootMargin:'600px 0px'});
+function esc(s){ return s.replace(/[&<>"]/g, ch => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch])); }
+function build(sections){
+  const list = document.getElementById('list');
+  const fsec = document.getElementById('f-sec');
+  const allBtn = document.createElement('button');
+  allBtn.className = 'sec-link all'; allBtn.dataset.v = ''; allBtn.setAttribute('aria-pressed','true');
+  allBtn.innerHTML = `<span>${T().allSections}</span><i>${sections.reduce((n,s)=>n+s.entries.length,0)}</i>`;
+  fsec.appendChild(allBtn);
+  for (const s of sections){
+    const b = document.createElement('button'); b.className='sec-link'; b.dataset.v = s.n; b.setAttribute('aria-pressed','false');
+    b.innerHTML = `<span>${s.n}. ${esc(s.title)}</span><i>${s.entries.length}</i>`; fsec.appendChild(b);
+
+    const block = document.createElement('section'); block.className='sec-block'; block.dataset.sec = s.n; block.id = 'sec-'+s.n;
+    block.innerHTML = `<div class="sec-h"><h2>${s.n}. ${esc(s.title)}</h2><span class="shown"><span class="k"></span> / ${s.entries.length}</span></div><p class="intro"></p>`;
+    renderText(block.querySelector('.intro'), s.intro, [], false);
+    for (const e of s.entries){
+      const id = `e-${e.sec}-${e.n}`;
+      const c = document.createElement('article'); c.className='card'; c.id = id;
+      c.innerHTML = `
+        <div class="card-h"><span class="idx">${e.n}</span><h3 class="t"></h3><a class="anchor" href="#${id}" aria-label="Ссылка на этот пункт">#</a></div>
+        <div class="badges"></div>
+        <p class="human"></p>
+        <div class="rows">
+          <div class="k" data-k="cost"></div><div class="v cost"></div>
+          <div class="k" data-k="gain"></div><div class="v gain"></div>
+          <div class="k" data-k="note"></div><div class="v note"></div>
+        </div>
+        <details class="src"><summary></summary><div class="body"></div></details>`;
+      c.querySelector('[data-k="cost"]').textContent = T().kCost;
+      c.querySelector('[data-k="gain"]').textContent = T().kGain;
+      c.querySelector('[data-k="note"]').textContent = T().kNote;
+      c.querySelector('.src summary').textContent = T().src;
+      c.querySelector('.anchor').setAttribute('aria-label', T().anchor);
+      const badges = c.querySelector('.badges');
+      const add = (cls, text) => { const t=document.createElement('span'); t.className='badge '+cls; t.textContent=text; badges.appendChild(t); };
+      if (e.ratio) { const t = document.createElement('span'); t.className = 'badge r' + ({'极高':'3','高':'2','一般':'1'}[e.ratio]);
+        t.textContent = T().ratioFull + (T().ratio[e.ratio] || e.ratio);
+        t.title = T().ratioTitle + ' (' + e.level + ') — ' + (T().lens[e.lens] || e.lens);
+        badges.appendChild(t); }
+      add(e.grade, T().gradeFull + e.grade);
+      if (e.lens) add('plain', T().lens[e.lens] || e.lens);
+      for (const d of ['money','time','will']) if (e[d]) add('plain', T()[d+'L2'][e[d]] || e[d]);
+      if (e.dispute) add('danger', T().dispute);
+      if (e.todo) add('warn', T().todo);
+      block.appendChild(c);
+      const card = {e, el:c, key:null, vis:false, f:{t:c.querySelector('.t'), cost:c.querySelector('.cost'), human:c.querySelector('.human'), gain:c.querySelector('.gain'), note:c.querySelector('.note'), src:c.querySelector('.src .body'), details:c.querySelector('.src')}};
+      renderCard(card, [], '');
+      CARDS.push(card); CARD_OF.set(c, card); CARD_IO.observe(c);
+    }
+    list.appendChild(block);
+    BLOCKS.push({n:s.n, el:block, k:block.querySelector('.shown .k')});
+  }
+  document.getElementById('tot').textContent = CARDS.length;
+}
+function buildGlossary(){ /* глоссарий-таблица убрана с сайта: термины объясняются только тултипами */ }
+
+/* ---------- 筛选状态 ---------- */
+const DIMS = ['sec','ratio','lens','grade','money','time','will'];
+const state = { q:'', sec:new Set(), ratio:new Set(), lens:new Set(), grade:new Set(), money:new Set(), time:new Set(), will:new Set(), dispute:false, todo:false };
+function readUrl(){
+  const p = new URLSearchParams(location.search);
+  state.q = p.get('q') || '';
+  for (const d of DIMS) state[d] = new Set((p.get(d)||'').split(',').filter(Boolean));
+  state.dispute = p.get('dispute') === '1'; state.todo = p.get('todo') === '1';
+}
+function writeUrl(){
+  const p = new URLSearchParams();
+  if (state.q) p.set('q', state.q);
+  for (const d of DIMS) if (state[d].size) p.set(d, [...state[d]].join(','));
+  if (state.dispute) p.set('dispute','1'); if (state.todo) p.set('todo','1');
+  if (PERF.on) p.set('perf','1');
+  const qs = p.toString(); history.replaceState(null, '', (qs ? '?'+qs : location.pathname) + location.hash);
+}
+function syncControls(){
+  document.getElementById('q').value = state.q;
+  document.querySelectorAll('[data-dim] [data-v]').forEach(b => b.setAttribute('aria-pressed', String(state[b.parentElement.dataset.dim].has(b.dataset.v))));
+  const allBtn = document.querySelector('#f-sec .all');
+  if (allBtn) allBtn.setAttribute('aria-pressed', String(state.sec.size === 0));
+  document.getElementById('f-dispute').checked = state.dispute;
+  document.getElementById('f-todo').checked = state.todo;
+}
+// 文字只在搜索词变化时重渲染；筛选按钮只切换显隐，不碰卡片内容
+function renderCard(card, terms, key){
+  const {e, f} = card;
+  renderText(f.t, e.title, terms);
+  renderText(f.cost, e.cost, terms);
+  f.human.hidden = !e.human;
+  if (e.human) renderText(f.human, e.human, terms);
+  renderText(f.gain, e.gain, terms);
+  renderText(f.note, e.note, terms);
+  renderText(f.src, e.src, terms);
+  const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
+  f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
+  card.key = key;
+}
+function apply(){
+  const t0 = performance.now();
+  const terms = state.q.toLowerCase().split(/\s+/).filter(Boolean);
+  const key = terms.join(' ');
+  CUR_TERMS = terms; CUR_KEY = key;
+  let shown = 0, rerender = 0; const perSec = {};
+  for (const card of CARDS){
+    const {e, el} = card;
+    let ok = true;
+    if (state.sec.size && !state.sec.has(e.sec)) ok = false;
+    if (ok && state.ratio.size && !state.ratio.has(e.ratio)) ok = false;
+    if (ok && state.lens.size && !state.lens.has(e.lens)) ok = false;
+    if (ok && state.grade.size && !state.grade.has(e.grade)) ok = false;
+    if (ok && state.money.size && !state.money.has(e.money)) ok = false;
+    if (ok && state.time.size && !state.time.has(e.time)) ok = false;
+    if (ok && state.will.size && !state.will.has(e.will)) ok = false;
+    if (ok && state.dispute && !e.dispute) ok = false;
+    if (ok && state.todo && !e.todo) ok = false;
+    if (ok && terms.length && !terms.every(t => e.hay.includes(t))) ok = false;
+    if (el.hidden === ok) el.hidden = !ok;
+    if (ok){
+      shown++; perSec[e.sec] = (perSec[e.sec]||0)+1;
+      if (card.vis && card.key !== key) { rerender++; renderCard(card, terms, key); }
+    }
+  }
+  for (const b of BLOCKS){ const n = perSec[b.n]||0; if (b.el.hidden !== (n === 0)) b.el.hidden = n === 0; b.k.textContent = n; }
+  document.getElementById('cnt').textContent = shown;
+  document.getElementById('empty').hidden = shown !== 0;
+  syncControls(); writeUrl();
+  PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
+}
+
+/* ---------- 事件 ---------- */
+function wire(){
+  const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
+  const setMenu = (on) => { sb.classList.toggle('open', on); bd.classList.toggle('on', on); mb.setAttribute('aria-expanded', String(on)); };
+  const toTop = () => { setMenu(false); scrollTo({ top: 0, behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' }); };
+  document.querySelectorAll('[data-dim]').forEach(g => g.addEventListener('click', ev => {
+    const b = ev.target.closest('[data-v]'); if (!b) return;
+    const dim = g.dataset.dim, v = b.dataset.v, set = state[dim];
+    if (dim === 'sec'){
+      // 章节单选：再点一次已选中的不取消，免得双击退回全部章节；要看全部点「全部章节」
+      if (v === '') set.clear(); else { set.clear(); set.add(v); }
+    } else {
+      set.has(v) ? set.delete(v) : set.add(v);
+    }
+    apply(); toTop();
+  }));
+  document.getElementById('f-dispute').addEventListener('change', e => { state.dispute = e.target.checked; apply(); toTop(); });
+  document.getElementById('f-todo').addEventListener('change', e => { state.todo = e.target.checked; apply(); toTop(); });
+  let tm; document.getElementById('q').addEventListener('input', e => { clearTimeout(tm); tm = setTimeout(() => { state.q = e.target.value.trim(); apply(); }, 120); });
+  const reset = () => { state.q=''; for (const d of DIMS) state[d].clear(); state.dispute=false; state.todo=false; apply(); toTop(); };
+  document.getElementById('reset').addEventListener('click', reset);
+  document.getElementById('reset2').addEventListener('click', reset);
+  document.addEventListener('keydown', e => {
+    if (e.key === '/' && !/INPUT|TEXTAREA/.test(document.activeElement.tagName)) { e.preventDefault(); document.getElementById('q').focus(); }
+    if (e.key === 'Escape') { if (document.activeElement.id === 'q') document.activeElement.blur(); setMenu(false); }
+  });
+  // 术语弹层
+  const pop = document.getElementById('pop');
+  document.addEventListener('click', e => {
+    const ab = e.target.closest('abbr.term');
+    if (ab) { e.preventDefault(); showTerm(ab); return; }
+    if (!e.target.closest('#pop')) pop.hidden = true;
+  });
+  document.addEventListener('keydown', e => { if (e.key === 'Enter' && document.activeElement.matches?.('abbr.term')) showTerm(document.activeElement); });
+  addEventListener('scroll', () => { pop.hidden = true; }, {passive:true});
+  // 侧栏（移动端抽屉）
+  mb.addEventListener('click', () => setMenu(!sb.classList.contains('open')));
+  bd.addEventListener('click', () => setMenu(false));
+  // 深色模式
+  document.getElementById('theme').addEventListener('click', () => {
+    const dark = !document.documentElement.classList.contains('dark');
+    document.documentElement.classList.toggle('dark', dark);
+    try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
+  });
+}
+
+/* ---------- 启动 ---------- */
+(async function init(){
+  applyI18n();
+  const status = document.getElementById('status');
+  status.textContent = T().loading;
+  try {
+    if (location.protocol === 'file:') throw new Error('file');
+    const data = {ru:'README.ru.md', en:'README.md', zh:'README.zh.md'}[LANG];
+    const r = await fetch(data, {cache:'no-cache'});
+    if (!r.ok) throw new Error('http '+r.status);
+    const md = await r.text();
+    const files = [...new Set(Array.from(md.matchAll(/\]\((book\/[^)]+\.md)\)/g), m => m[1]))].sort();
+    if (!files.length) throw new Error('empty');
+    const parts = await Promise.all(files.map(async f => {
+      const res = await fetch(f, {cache:'no-cache'});
+      if (!res.ok) throw new Error('http '+res.status+': '+f);
+      return res.text();
+    }));
+    const t1 = performance.now();
+    const sections = parseReadme(parts.join('\n\n'));
+    if (!sections.length) throw new Error('empty');
+    GLOSS = parseGlossary(md);
+    PERF.log('парсинг текста', t1, files.length + ' файлов');
+    status.remove();
+    const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
+    buildGlossary(); readUrl(); wire(); apply();
+    PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
+    if (location.hash){
+      const target = document.getElementById(location.hash.slice(1));
+      target?.scrollIntoView();
+      // 卡片是 content-visibility:auto，首次定位后高度才准，下一帧再对一次
+      if (target) requestAnimationFrame(() => target.scrollIntoView());
+    }
+  } catch (err) {
+    status.innerHTML = err.message === 'file'
+      ? T().errFile
+      : T().errLoad(esc(String(err.message)));
+  }
+})();
+</script>
+</body>
+</html>
diff --git a/v2/ru/index.html b/v2/ru/index.html
new file mode 100644
index 00000000..d79d691d
--- /dev/null
+++ b/v2/ru/index.html
@@ -0,0 +1,968 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<script>window.__HTLB_LANG__='ru';window.__HTLB_BASE__='../../';</script>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
+<meta name="description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="keywords" content="здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,пособия,бизнес,выгода">
+<meta name="author" content="Как жить выгодно (перевод HowToLiveBetter)">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#3451b2" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#1b1b1f" media="(prefers-color-scheme: dark)">
+<link rel="canonical" href="https://dlgrv.github.io/HowToLiveBetter/v2/ru/">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%233451b2'/%3E%3Cpath d='M17 33l10 11 20-24' fill='none' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Пособие по выгодной жизни">
+<meta property="og:locale" content="zh_CN">
+<meta property="og:url" content="https://dlgrv.github.io/HowToLiveBetter/v2/ru/">
+<meta property="og:title" content="Пособие по выгодной жизни">
+<meta property="og:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta property="og:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Пособие по выгодной жизни">
+<meta name="twitter:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="twitter:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@graph":[
+{"@type":"WebSite","@id":"https://eternity4719.github.io/HowToLiveBetter/#website","url":"https://eternity4719.github.io/HowToLiveBetter/","name":"Пособие по выгодной жизни","description":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","inLanguage":"zh-CN","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://eternity4719.github.io/HowToLiveBetter/?q={search_term_string}"},"query-input":"required name=search_term_string"}},
+{"@type":"Book","@id":"https://eternity4719.github.io/HowToLiveBetter/#book","name":"Пособие по выгодной жизни","url":"https://eternity4719.github.io/HowToLiveBetter/","inLanguage":"zh-CN","bookFormat":"https://schema.org/EBook","numberOfPages":528,"license":"https://unlicense.org/","abstract":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","about":["здоровье","долголетие","личные финансы","первая помощь","право","защита прав потребителей"],"isAccessibleForFree":true}
+]}
+</script>
+<script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+/* ============================================================
+   HTLB v2 — editorial minimal skin (dlgrv.com style)
+   Same DOM & JS as v1; this file replaces the <style> block
+   for pages generated under /v2/ (tools/build_pages.py).
+   Light: white / ink. Dark: #111 / #d0d0d0. One accent: link hover blue.
+   ============================================================ */
+:root{
+  --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
+  --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
+  --serif:Georgia,"Times New Roman",serif;
+  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --nav-h:56px; --side-w:264px;
+}
+html.dark{
+  --bg:#111111; --ink:#f5f5f5; --text:#d0d0d0; --mut:#a0a0a0; --faint:#7d7d7d;
+  --line:#2e2e2e; --line-soft:#3a3a3a; --hover:#5cb1e8; --pop-bg:#1b1b1b;
+}
+*,*::before,*::after{box-sizing:border-box}
+[hidden]{display:none!important}
+body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
+a{color:inherit;text-decoration:none}
+a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
+::selection{background:var(--line)}
+
+/* ---------- top bar ---------- */
+.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
+.menu-btn{display:none}
+.title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
+.title:hover{color:var(--ink)}
+.title .logo{display:none}
+.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search input::placeholder{color:var(--faint)}
+.search input:focus{outline:0;border-bottom-color:var(--ink)}
+.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
+.icon-btn:hover{color:var(--ink)}
+.icon-btn svg{width:17px;height:17px;fill:currentColor}
+.nav-r{display:flex;align-items:center;gap:6px}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.switch:hover{border-color:var(--mut)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
+.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .sun{display:block}.switch .moon{display:none}
+html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
+html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+
+/* ---------- language dropdown ---------- */
+.lang-dd{position:relative}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary::-webkit-details-marker{display:none}
+.lang-dd>summary:hover{color:var(--ink)}
+.lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
+.lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
+.lang-menu button:hover{color:var(--ink);background:var(--line)}
+
+/* ---------- tooltip popup ---------- */
+.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:15}
+.backdrop.on{opacity:1;pointer-events:auto}
+.pop{position:absolute;z-index:40;max-width:320px;background:var(--pop-bg);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08);padding:10px 14px;font:14px/1.6 var(--serif);color:var(--mut)}
+.pop b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
+
+/* ---------- sidebar (filters) ---------- */
+.sidebar{position:fixed;top:var(--nav-h);bottom:0;left:0;width:var(--side-w);background:var(--bg);border-right:1px solid var(--line);padding:28px 24px 96px;overflow-y:auto;overscroll-behavior:contain;z-index:20;font-family:var(--sans)}
+.group{margin-bottom:26px}
+.gt{font:700 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
+.gt small{display:block;font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--mut);margin-top:2px}
+.sec-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
+.sec-link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:5px 0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;transition:color .15s}
+.sec-link:hover{color:var(--ink)}
+.sec-link[aria-pressed="true"]{color:var(--ink);font-weight:600}
+.sec-link i{margin-left:auto;font:400 11px/1 var(--sans);font-style:normal;font-variant-numeric:tabular-nums;color:var(--faint)}
+.chips{display:flex;flex-direction:column;align-items:flex-start;gap:0}
+.chip{border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);padding:5px 0;cursor:pointer;transition:color .15s;text-align:left}
+.chip:hover{color:var(--ink)}
+.chip[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink)}
+.toggle{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer}
+.toggle:hover{color:var(--ink)}
+.toggle input{accent-color:var(--ink);margin:0}
+.reset{display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-soft);transition:color .15s}
+.reset:hover{color:var(--ink);text-decoration-color:var(--ink)}
+.hint{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
+.hint p{margin:0 0 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.hint a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.hint a:hover{color:var(--hover)}
+
+/* ---------- content ---------- */
+.content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
+.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
+.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
+.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+
+/* card: no box — hairline top only */
+.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card-h{display:flex;align-items:baseline;gap:12px}
+.idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
+.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
+.card:hover .anchor,.anchor:focus-visible{opacity:1}
+.anchor:hover{color:var(--hover)}
+.badges{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0 40px;font:11px/1.6 var(--sans);letter-spacing:.02em}
+.badge{color:var(--faint)}
+.badge.r3{color:var(--ink);font-weight:600}
+.badge.r2{color:var(--mut)}
+.badge.r1{color:var(--faint)}
+.badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
+.badge.warn{color:var(--mut);font-style:italic}
+.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
+.rows .v.gain{color:var(--ink)}
+.src{margin:0 0 0 40px}
+.src summary{display:inline-block;cursor:pointer;font:12px/1.6 var(--sans);color:var(--faint);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--line-soft);text-underline-offset:3px;transition:color .15s}
+.src summary:hover{color:var(--ink)}
+.src .body{margin-top:8px;padding:2px 0 2px 14px;border-left:2px solid var(--line);font:14.5px/1.7 var(--serif);color:var(--mut)}
+.src .body p{margin:0 0 .6em}
+.src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.src .body a:hover{color:var(--hover)}
+.term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
+.term:hover,.term:focus-visible{color:var(--ink)}
+
+/* status / empty / foot */
+.status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
+.empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
+.empty button:hover{border-color:var(--ink);color:var(--ink)}
+.foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
+.foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.foot a:hover{color:var(--hover)}
+.meta-line{margin:0 0 4px}
+.meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.meta-line a:hover{color:var(--hover)}
+
+/* noscript / doc */
+.doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
+.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head p{margin:0 0 12px}
+.doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.doc a:hover{color:var(--hover)}
+
+/* ---------- mobile ---------- */
+@media (max-width:1099px){
+  .menu-btn{display:grid}
+  .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
+  .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
+  .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
+  .badges,.human,.rows,.src{margin-left:0}
+}
+@media (max-width:560px){
+  .title span:last-child{display:none}
+  .search{max-width:none}
+  .nav-in{padding:0 16px;gap:10px}
+  .sec-h h2{font-size:19px}
+}
+
+</style>
+</head>
+<body>
+
+<noscript>
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+    </div>
+  </div>
+</noscript>
+
+<header class="nav">
+  <div class="nav-in">
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
+    <label class="search">
+      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
+      <kbd>/</kbd>
+    </label>
+    <div class="nav-r">
+      <details class="lang-dd" id="lang">
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <div class="lang-menu" role="menu">
+          <button role="menuitem" data-lang="ru">Русский</button>
+          <button role="menuitem" data-lang="en">English</button>
+          <button role="menuitem" data-lang="zh">中文</button>
+        </div>
+      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+    </div>
+  </div>
+</header>
+
+<div class="backdrop" id="backdrop"></div>
+<div class="pop" id="pop" role="tooltip" hidden><b></b><span></span></div>
+<aside class="sidebar" id="sidebar">
+  <div class="group">
+    <div class="gt">Разделы</div>
+    <div class="sec-links" id="f-sec" data-dim="sec"></div>
+  </div>
+  <div class="group">
+    <div class="gt">Выгода/затраты <small>Оценка автора, сравнима в рамках одной категории</small></div>
+    <div class="chips" data-dim="ratio">
+      <button class="chip" data-v="极高" aria-pressed="false">Очень высокая</button>
+      <button class="chip" data-v="高" aria-pressed="false">Высокая</button>
+      <button class="chip" data-v="一般" aria-pressed="false">Обычная</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Что получаешь <small>Категории не сравниваются между собой</small></div>
+    <div class="chips" data-dim="lens">
+      <button class="chip" data-v="死亡率" aria-pressed="false">Жизнь</button>
+      <button class="chip" data-v="金钱" aria-pressed="false">Деньги</button>
+      <button class="chip" data-v="时间" aria-pressed="false">Время и силы</button>
+      <button class="chip" data-v="自由" aria-pressed="false">Свобода</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Доказательность <small>Метаанализ/RCT · есть исследования · консенсус</small></div>
+    <div class="chips" data-dim="grade">
+      <button class="chip" data-v="A" aria-pressed="false">Уровень A</button>
+      <button class="chip" data-v="B" aria-pressed="false">Уровень B</button>
+      <button class="chip" data-v="C" aria-pressed="false">Уровень C</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Деньги</div>
+    <div class="chips" data-dim="money">
+      <button class="chip" data-v="0" aria-pressed="false">Бесплатно</button>
+      <button class="chip" data-v="少" aria-pressed="false">Мало</button>
+      <button class="chip" data-v="多" aria-pressed="false">Много</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Время</div>
+    <div class="chips" data-dim="time">
+      <button class="chip" data-v="少" aria-pressed="false">На бегу</button>
+      <button class="chip" data-v="中" aria-pressed="false">Несколько часов</button>
+      <button class="chip" data-v="多" aria-pressed="false">Каждый день</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Сила воли</div>
+    <div class="chips" data-dim="will">
+      <button class="chip" data-v="否" aria-pressed="false">Не нужна</button>
+      <button class="chip" data-v="些" aria-pressed="false">Немного</button>
+      <button class="chip" data-v="是" aria-pressed="false">Сильно</button>
+    </div>
+  </div>
+  <div class="group">
+    <label class="toggle"><input type="checkbox" id="f-dispute"> только спорные</label>
+    <label class="toggle"><input type="checkbox" id="f-todo"> только требующие проверки</label>
+    <button class="reset" id="reset">Сбросить фильтры</button>
+  </div>
+  <div class="hint">
+    <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
+    <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
+    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+  </div>
+</aside>
+
+<main class="content">
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.</p>
+      <p>Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надёжда на ответ меньше, а риски нужно учитывать вместе с выгодой.</p>
+      <div class="stat" aria-live="polite">Показано <b id="cnt">–</b> из <span id="tot">–</span></div>
+      <p class="meta-line" id="feedback-line">
+        <span id="fb-issue-t">Нашли ошибку в переводе —</span>
+        <a id="fb-issue" href="https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md" target="_blank" rel="noopener">откройте issue</a>
+      </p>
+      <p class="meta-line" id="feedback-line-star">
+        <span id="fb-star-t">Понравился перевод —</span>
+        <a id="fb-star" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener">поставьте звезду репо</a>
+      </p>
+    </div>
+    <div id="list">
+      <div class="status" id="status"></div>
+      <div class="empty" id="empty" hidden>
+        Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.
+        <div><button id="reset2">Сбросить</button></div>
+      </div>
+    </div>
+    <div class="foot">Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).</div>
+  </div>
+</main>
+
+<script>
+let LANG = 'en';
+try {
+  if (window.__HTLB_LANG__) { LANG = window.__HTLB_LANG__; }
+  else {
+    const p=new URLSearchParams(location.search); const saved=localStorage.getItem('htlb-lang');
+    const nav=(navigator.language||'').toLowerCase();
+    const sys = nav.startsWith('ru') ? 'ru' : nav.startsWith('zh') ? 'zh' : nav.startsWith('en') ? 'en' : null;
+    LANG = p.get('lang') || saved || sys || 'en';
+  }
+  if(!['ru','zh','en'].includes(LANG)) LANG='en';
+} catch(e){}
+window.__HTLB_BASE__ = window.__HTLB_BASE__ || '';
+if (window.__HTLB_BASE__) { const _f=window.fetch; window.fetch=(u,o)=> _f(typeof u==='string' && !/^([a-z]+:|\/|\.\.\/)/i.test(u) ? window.__HTLB_BASE__+u : u, o); }
+window.__setLang = function(l){ try{localStorage.setItem('htlb-lang',l);}catch(e){}
+  const root = window.__HTLB_BASE__ ? new URL(window.__HTLB_BASE__, location.href) : new URL('.', location.href);
+  location.href = new URL(l + '/', root).href; };
+
+/* ---------- i18n static UI ---------- */
+const I18N = {
+ ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
+   noscriptH:'Пособие по выгодной жизни',
+   noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
+   docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
+   fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
+   shown:'Показано', of:'из', loading:'Загружаю текст…',
+   empty:'Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.', reset:'Сбросить', resetF:'Сбросить фильтры',
+   sections:'Разделы', ratioH:'Выгода/затраты', ratioS:'Оценка автора, сравнима в рамках одной категории',
+   lensH:'Что получаешь', lensS:'Категории не сравниваются между собой',
+   gradeH:'Доказательность', gradeS:'Метаанализ/RCT · есть исследования · консенсус', gradeA:'Уровень A', gradeB:'Уровень B', gradeC:'Уровень C',
+   moneyH:'Деньги', timeH:'Время', willH:'Сила воли',
+   money0:'Бесплатно', moneyL:'Мало', moneyM:'Много', timeL:'На бегу', timeM:'Несколько часов', timeH2:'Каждый день', willN:'Не нужна', willS:'Немного', willB:'Сильно',
+   fDispute:'только спорные', fTodo:'только требующие проверки',
+   hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
+   hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
+   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
+   kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
+   ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
+   ratio:{'极高':'Очень высокая','高':'Высокая','一般':'Обычная'},
+   lens:{'死亡率':'Жизнь','金钱':'Деньги','时间':'Время и силы','自由':'Свобода'},
+   moneyL2:{'0':'Бесплатно','少':'Небольшие траты','多':'Заметные траты'},
+   timeL2:{'少':'На бегу','中':'Несколько часов','多':'Каждый день'},
+   willL2:{'否':'Без силы воли','些':'Немного усилий','是':'Серьёзные усилия'},
+   ratioFull:'Выгода/затраты: ', gradeFull:'Доказательность: ',
+   errFile:'Страница открывается только по http. Запустите в каталоге репозитория <code>python -m http.server</code> и откройте <code>http://localhost:8000/</code>, либо используйте адрес GitHub Pages.',
+   errLoad:(m)=>`Не удалось загрузить текст (${m}). Проверьте, что README и каталог book/ лежат рядом с index.html.`,
+   cap:true,
+   allSections:'Все разделы',
+   readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
+   keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
+   author:'Как жить выгодно (перевод HowToLiveBetter)',
+   about:['здоровье','долголетие','личные финансы','первая помощь','право','защита прав потребителей'] },
+ en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
+   noscriptH:'The Best-Value Life Guide',
+   noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
+   docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
+   fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
+   shown:'Showing', of:'of', loading:'Loading text…',
+   empty:'Nothing found. Remove one of the filters or try a shorter query.', reset:'Reset', resetF:'Reset filters',
+   sections:'Sections', ratioH:'Benefit / costs', ratioS:'Author judgment, comparable within one category only',
+   lensH:'What you get', lensS:'Categories are not compared with each other',
+   gradeH:'Evidence', gradeS:'Meta-analysis/RCT · studies exist · consensus', gradeA:'Grade A', gradeB:'Grade B', gradeC:'Grade C',
+   moneyH:'Money', timeH:'Time', willH:'Willpower',
+   money0:'Free', moneyL:'Little', moneyM:'Much', timeL:'On the go', timeM:'A few hours', timeH2:'Every day', willN:'None needed', willS:'A little', willB:'A lot',
+   fDispute:'contested only', fTodo:'unverified only',
+   hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
+   hint2:'Within a section — by descending benefit. Search does not change the order.',
+   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
+   kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
+   ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
+   ratio:{'极高':'Very high','高':'High','一般':'Ordinary'},
+   lens:{'死亡率':'Lifespan','金钱':'Money','时间':'Time & energy','自由':'Freedom'},
+   moneyL2:{'0':'Free','少':'Small spending','多':'Noticeable spending'},
+   timeL2:{'少':'On the go','中':'A few hours','多':'Every day'},
+   willL2:{'否':'No willpower','些':'A little effort','是':'Serious effort'},
+   ratioFull:'Benefit/costs: ', gradeFull:'Evidence: ',
+   errFile:'This page only opens over http. Run <code>python -m http.server</code> in the repository directory and open <code>http://localhost:8000/</code>, or use the GitHub Pages address.',
+   errLoad:(m)=>`Failed to load the text (${m}). Make sure the README and the book/ directory sit next to index.html.`,
+   cap:true,
+   allSections:'All sections',
+   readmeHref:'README.md', readmeTitle:'Open README',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
+   keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
+   author:'HowToLiveBetter (English translation)',
+   about:['health','longevity','personal finance','first aid','law','consumer protection'] },
+ zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
+   noscriptH:'高性价比人生指南',
+   noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   docHead:'每条建议回答两个问题：付出什么——换回什么。',
+   docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
+   fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
+   shown:'显示', of:'/', loading:'正在载入正文…',
+   empty:'没有符合条件的结果。请去掉一个筛选条件，或换更短的关键词。', reset:'重置', resetF:'重置筛选',
+   sections:'小节', ratioH:'性价比', ratioS:'作者判断，仅在同一口径内可比',
+   lensH:'换回什么', lensS:'不同口径之间不做比较',
+   gradeH:'证据等级', gradeS:'荟萃分析/RCT · 有研究支持 · 共识', gradeA:'A 级', gradeB:'B 级', gradeC:'C 级',
+   moneyH:'花钱', timeH:'花时间', willH:'要毅力',
+   money0:'免费', moneyL:'少', moneyM:'多', timeL:'顺手', timeM:'几小时', timeH2:'每天', willN:'不需要', willS:'一点点', willB:'明显',
+   fDispute:'只看有争议', fTodo:'只看待核实',
+   hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
+   hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
+   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
+   kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
+   ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',
+   ratio:{'极高':'极高','高':'高','一般':'一般'},
+   lens:{'死亡率':'寿命','金钱':'金钱','时间':'时间精力','自由':'自由'},
+   moneyL2:{'0':'免费','少':'少量花费','多':'明显花费'},
+   timeL2:{'少':'顺手','中':'几小时','多':'每天'},
+   willL2:{'否':'不需要毅力','些':'一点毅力','是':'明显毅力'},
+   ratioFull:'性价比: ', gradeFull:'证据: ',
+   errFile:'本页只能通过 http 打开。请在仓库目录运行 <code>python -m http.server</code> 并访问 <code>http://localhost:8000/</code>，或使用 GitHub Pages 地址。',
+   errLoad:(m)=>`正文载入失败（${m}）。请确认 README 与 book/ 目录就在 index.html 旁边。`,
+   cap:false,
+   allSections:'全部小节',
+   readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
+   keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
+   author:'高性价比人生指南',
+   about:['健康','长寿','个人理财','急救','法律','消费者权益'] }
+};
+function T(){ return I18N[LANG]; }
+function applyI18n(){
+  const t=T(); document.documentElement.lang=t.htmlLang;
+  document.title=t.title;
+  document.querySelector('.title span:last-child').textContent=t.title;
+  document.getElementById('q').placeholder=t.search; document.getElementById('q').setAttribute('aria-label',t.search);
+  const ns=document.querySelector('noscript .doc-head'); if(ns){ ns.querySelector('h1').textContent=t.noscriptH; ns.querySelectorAll('p')[0].textContent=t.noscriptP; ns.querySelectorAll('p')[1].innerHTML=t.noscriptLink; }
+  const dh=document.querySelector('.doc-head');
+  dh.querySelector('h1').textContent=t.title;
+  const dhp=dh.querySelectorAll(':scope > p'); dhp[0].textContent=t.docHead; dhp[1].textContent=t.docHead2;
+  dh.querySelector('.stat').childNodes[0].textContent=t.shown+' ';
+  dh.querySelector('.stat').childNodes[2].textContent=' '+t.of+' ';
+  const fbTitle=LANG==='ru'?'[RU] ':LANG==='zh'?'[ZH] ':'[EN] ';
+  const issueUrl='https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md&title='+encodeURIComponent(fbTitle);
+  const ft=document.getElementById('fb-issue-t'); if(ft) ft.textContent=t.fbIssueT;
+  const fb=document.getElementById('fb-issue');
+  if(fb){ fb.textContent=t.fbIssue; fb.href=issueUrl; }
+  const st=document.getElementById('fb-star-t'); if(st) st.textContent=t.fbStarT;
+  const fs=document.getElementById('fb-star'); if(fs) fs.textContent=t.fbStar;
+  document.getElementById('f-dispute').parentElement.childNodes[1].textContent=t.fDispute;
+  document.getElementById('f-todo').parentElement.childNodes[1].textContent=t.fTodo;
+  document.getElementById('reset').textContent=t.resetF;
+  document.getElementById('reset2').textContent=t.reset;
+  document.getElementById('empty').childNodes[0].textContent=t.empty;
+  const sb=document.querySelectorAll('.sidebar .gt'); 
+  sb[0].childNodes[0].textContent=t.sections;
+  sb[1].childNodes[0].textContent=t.ratioH; sb[1].querySelector('small').textContent=t.ratioS;
+  sb[2].childNodes[0].textContent=t.lensH; sb[2].querySelector('small').textContent=t.lensS;
+  sb[3].childNodes[0].textContent=t.gradeH; sb[3].querySelector('small').textContent=t.gradeS;
+  sb[4].childNodes[0].textContent=t.moneyH;
+  sb[5].childNodes[0].textContent=t.timeH;
+  sb[6].childNodes[0].textContent=t.willH;
+  document.querySelectorAll('.sidebar .hint p')[0].textContent=t.hint1;
+  document.querySelectorAll('.sidebar .hint p')[1].textContent=t.hint2;
+  document.querySelectorAll('.sidebar .hint p')[2].innerHTML=t.hint3;
+  document.querySelector('.foot').innerHTML=t.foot;
+  const chips={ratio:[['极高',t.ratio['极高']],['高',t.ratio['高']],['一般',t.ratio['一般']]],
+    lens:[['死亡率',t.lens['死亡率']],['金钱',t.lens['金钱']],['时间',t.lens['时间']],['自由',t.lens['自由']]],
+    grade:[['A',t.gradeA],['B',t.gradeB],['C',t.gradeC]],
+    money:[['0',t.money0],['少',t.moneyL],['多',t.moneyM]],
+    time:[['少',t.timeL],['中',t.timeM],['多',t.timeH2]],
+    will:[['否',t.willN],['些',t.willS],['是',t.willB]]};
+  for (const [dim,arr] of Object.entries(chips)){
+    document.querySelectorAll(`.chips[data-dim="${dim}"] .chip`).forEach(b=>{
+      const hit=arr.find(([v])=>b.dataset.v===v); if(hit) b.textContent=hit[1];
+    });
+  }
+  document.querySelectorAll('.lang-menu button').forEach(b=>b.setAttribute('aria-current',String(b.dataset.lang===LANG)));
+  document.getElementById('lang-label').textContent={ru:'РУ',en:'EN',zh:'中'}[LANG];
+  document.getElementById('lang').open=false;
+  // nav attributes
+  const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
+  const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
+  const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
+  const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
+  // head meta / social cards / JSON-LD
+  const setm=(sel,attr,val)=>{const el=document.querySelector(sel); if(el) el.setAttribute(attr,val);};
+  setm('meta[name="description"]','content',t.metaDesc);
+  setm('meta[name="keywords"]','content',t.keywords);
+  setm('meta[name="author"]','content',t.author);
+  for(const sel of ['meta[property="og:site_name"]','meta[property="og:title"]','meta[name="twitter:title"]']) setm(sel,'content',t.title);
+  for(const sel of ['meta[property="og:description"]','meta[name="twitter:description"]']) setm(sel,'content',t.metaDesc);
+  setm('meta[property="og:locale"]','content',{ru:'ru_RU',en:'en_US',zh:'zh_CN'}[LANG]);
+  try{
+    const jl=document.querySelector('script[type="application/ld+json"]');
+    if(jl){
+      const data=JSON.parse(jl.textContent);
+      for(const node of (data['@graph']||[])){
+        if(node.name) node.name=t.title;
+        if(node.description) node.description=t.metaDesc;
+        if(node.abstract) node.abstract=t.metaDesc;
+        if(node.inLanguage) node.inLanguage={ru:'ru-RU',en:'en-US',zh:'zh-CN'}[LANG];
+        if(node.about) node.about=t.about;
+      }
+      jl.textContent=JSON.stringify(data,null,1);
+    }
+  }catch(e){}
+  // "All sections" button (built dynamically)
+  const allSpan=document.querySelector('.sec-link.all span'); if(allSpan) allSpan.textContent=t.allSections;
+}
+document.getElementById('lang').addEventListener('click',e=>{
+  if(e.target.closest('.lang-menu button')){ e.preventDefault(); __setLang(e.target.closest('.lang-menu button').dataset.lang); }
+  else { e.preventDefault(); const d=document.getElementById('lang'); d.open=!d.open; }
+});
+document.addEventListener('click',e=>{ if(!e.target.closest('#lang')) document.getElementById('lang').open=false; });
+/* ---------- отладочная панель: добавьте ?perf=1 к адресу ---------- */
+const PERF = (function(){
+  const off = { on:false, log(){}, mark(){} };
+  if (!/[?&]perf=1/.test(location.search)) return off;
+  const box = document.createElement('div');
+  box.style.cssText = 'position:fixed;right:10px;bottom:10px;z-index:99;width:300px;max-height:50vh;overflow:auto;background:rgba(0,0,0,.85);color:#8fe;font:12px/1.5 ui-monospace,Consolas,monospace;padding:8px 10px;border-radius:8px;white-space:pre-wrap;pointer-events:auto';
+  const rows = [];
+  const put = (s) => { rows.unshift(s); if (rows.length > 60) rows.pop(); box.textContent = rows.join('\n'); };
+  const api = {
+    on: true,
+    log(name, t0, extra){ const ms = performance.now() - t0; put(`${ms >= 16 ? '⚠' : '·'} ${name} ${ms.toFixed(1)}ms${extra ? ' ' + extra : ''}`); },
+    mark(s){ put('· ' + s); }
+  };
+  addEventListener('DOMContentLoaded', () => document.body.appendChild(box), {once:true});
+  if (document.readyState !== 'loading') document.body.appendChild(box);
+  // 展开/收起 <details> 的重排代价：强制同步布局来量
+  document.addEventListener('toggle', ev => {
+    if (!ev.target.matches('details')) return;
+    const t0 = performance.now();
+    void document.documentElement.scrollHeight;   // 强制走一遍布局
+    api.log((ev.target.open ? 'развернуть' : 'свернуть') + ': reflow', t0);
+  }, true);
+  // 掉帧：连续两帧间隔超过 32ms 就记一条
+  let last = performance.now(), worst = 0, since = last;
+  const tick = (t) => { const d = t - last; last = t; if (d > worst) worst = d;
+    if (t - since > 1000){ if (worst > 32) put(`⚠ самый длинный кадр ${worst.toFixed(0)}ms`); worst = 0; since = t; }
+    requestAnimationFrame(tick); };
+  requestAnimationFrame(tick);
+  try { new PerformanceObserver(l => { for (const e of l.getEntries()) put(`⚠ длинная задача ${e.duration.toFixed(0)}ms`); })
+    .observe({entryTypes:['longtask']}); } catch (e) {}
+  return api;
+})();
+
+/* ---------- 解析 README ---------- */
+function parseReadme(md){
+  const lines = md.split(/\r?\n/);
+  const sections = [];
+  let sec = null, entry = null;
+  const flush = () => { if (entry && sec) { sec.entries.push(entry); } entry = null; };
+  for (const raw of lines){
+    const line = raw.trimEnd();
+    let m;
+    if ((m = /^#{1,2} (\d+)\. (.+)$/.exec(line))) { flush(); sec = {n:m[1], title:m[2].trim(), intro:'', entries:[]}; sections.push(sec); continue; }
+    if (/^#{1,2} /.test(line)) { flush(); sec = null; continue; }
+    if (!sec) continue;
+    if ((m = /^### (\d+)\. (.+)$/.exec(line))) { flush(); entry = {sec:sec.n, n:m[1], title:m[2].trim(), cost:'', human:'', gain:'', grade:'', src:'', note:'', money:'', time:'', will:'', level:'', lens:''}; continue; }
+    if ((m = /^<!--\s*成本标签:\s*(.*?)\s*-->/.exec(line)) && entry){
+      for (const kv of m[1].split(/\s+/)){ const [k,v] = kv.split('='); if(k==='钱') entry.money=v; if(k==='时间') entry.time=v; if(k==='毅力') entry.will=v; if(k==='收益') entry.level=v; if(k==='口径') entry.lens=v; }
+      continue;
+    }
+    if (entry){
+      if ((m = /^- (?:成本|Стоимость|Cost)[：:](.*)$/.exec(line))) entry.cost = m[1];
+      else if ((m = /^- (?:说人话|Простыми словами|In plain terms)[：:](.*)$/.exec(line))) { entry.human = m[1]; if (T().cap) entry.human = entry.human.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:收益|Эффект|Benefit)[：:](.*)$/.exec(line))) { entry.gain = m[1]; if (T().cap) entry.gain = entry.gain.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:证据等级|Уровень доказательности|Evidence grade)[：:]\s*([ABC])/.exec(line))) entry.grade = m[1];
+      else if ((m = /^- (?:来源|Источники|Sources)[：:]?(.*)$/.exec(line))) entry.src = m[1];
+      else if ((m = /^- (?:备注|Примечания|Notes)[：:](.*)$/.exec(line))) { entry.note = m[1]; if (T().cap) entry.note = entry.note.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      continue;
+    }
+    if (line && !sec.intro && !line.startsWith('>')) sec.intro = line;
+  }
+  flush();
+  for (const s of sections) for (const e of s.entries){
+    e.dispute = LANG==='en' ? /^\s*Contested/.test(e.note) : /^\s*(争议|[Сс]порно)/.test(e.note);
+    e.todo = /待核实|TODO|to be verified/i.test(e.src + e.gain + e.note + e.cost);
+    e.cs = (COST_W.money[e.money] ?? 0) + (COST_W.time[e.time] ?? 0) + (COST_W.will[e.will] ?? 0);
+    e.ratio = e.level === '大' ? (e.cs === 0 ? '极高' : (e.cs <= 2 ? '高' : '一般'))
+            : e.level === '中' ? (e.cs === 0 ? '高' : '一般') : '一般';
+    e.hay = [e.title, e.human, e.cost, e.gain, e.note, e.src, e.grade].join('\n').toLowerCase();
+  }
+  return sections;
+}
+
+/* ---------- 术语表 ---------- */
+let GLOSS = [];   // [{term, meaning, re}]
+function parseGlossary(md){
+  const m = (LANG==='ru' ? /^## Как читать цифры[^\n]*\n([\s\S]*?)(?=^## )/m : LANG==='en' ? /^## Reading the numbers[^\n]*\n([\s\S]*?)(?=^## )/m : /^## 读懂数字[^\n]*\n([\s\S]*?)(?=^## )/m).exec(md);
+  if (!m) return [];
+  const rows = [];
+  for (const line of m[1].split(/\r?\n/)){
+    const c = /^\|\s*(.+?)\s*\|\s*(.+?)\s*\|$/.exec(line);
+    if (!c || c[1] === 'термин' || c[1] === 'Term' || /^-+$/.test(c[1])) continue;
+    for (const t of c[1].split('、')){
+      const term = t.trim(); if (!term) continue;
+      rows.push({term, meaning: c[2], latin: /^[A-Za-z0-9%. ]+$/.test(term)});
+    }
+  }
+  rows.sort((a,b) => b.term.length - a.term.length);
+  // 合并成一条正则：长词在前保证最长匹配，拉丁术语要求前后不是字母数字
+  const escRe = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const alt = (list) => list.map(g => escRe(g.term)).join('|');
+  const parts = [];
+  const latin = rows.filter(g => g.latin), cjk = rows.filter(g => !g.latin);
+  if (latin.length) parts.push(`(?<![A-Za-z0-9])(?:${alt(latin)})(?![A-Za-z0-9])`);
+  if (cjk.length) parts.push(`(?:${alt(cjk)})`);
+  GLOSS_RE = new RegExp(parts.join('|'), 'g');
+  GLOSS_BY = Object.fromEntries(rows.map(g => [g.term, g]));
+  return rows;
+}
+let GLOSS_RE = null, GLOSS_BY = {};
+function termify(root){
+  if (!GLOSS_RE) return;
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  const nodes = []; let n; while ((n = walker.nextNode())) if (!n.parentElement.closest('a,abbr')) nodes.push(n);
+  for (const node of nodes){
+    const s = node.nodeValue;
+    GLOSS_RE.lastIndex = 0;
+    if (!GLOSS_RE.test(s)) continue;
+    GLOSS_RE.lastIndex = 0;
+    const frag = document.createDocumentFragment(); let pos = 0, m;
+    while ((m = GLOSS_RE.exec(s))){
+      const g = GLOSS_BY[m[0]]; if (!g) continue;
+      if (m.index > pos) frag.appendChild(document.createTextNode(s.slice(pos, m.index)));
+      const ab = document.createElement('abbr'); ab.className = 'term'; ab.textContent = m[0]; ab.title = g.meaning; ab.tabIndex = 0; ab.dataset.term = g.term;
+      frag.appendChild(ab); pos = m.index + m[0].length;
+    }
+    if (pos < s.length) frag.appendChild(document.createTextNode(s.slice(pos)));
+    node.parentNode.replaceChild(frag, node);
+  }
+}
+function showTerm(ab){
+  const pop = document.getElementById('pop');
+  pop.querySelector('b').textContent = ab.dataset.term;
+  pop.querySelector('span').textContent = ab.title;
+  pop.hidden = false;
+  const r = ab.getBoundingClientRect(); const w = Math.min(360, innerWidth - 24);
+  let x = r.left + r.width/2 - w/2; x = Math.max(12, Math.min(x, innerWidth - w - 12));
+  pop.style.width = w + 'px'; pop.style.left = x + 'px';
+  const below = r.bottom + 8 + pop.offsetHeight < innerHeight;
+  pop.style.top = (below ? r.bottom + 8 : r.top - 8 - pop.offsetHeight) + scrollY + 'px';
+}
+
+/* ---------- 文本渲染：链接 + 高亮 ---------- */
+const URL_RE = /<?(https?:\/\/[A-Za-z0-9\-._~:\/?#\[\]@!$&'()*+,=%]+)>?/g;
+function trimUrl(u){
+  let t = '';
+  for (;;){
+    const ch = u.slice(-1);
+    const unbalanced = ch === ')' && (u.split('(').length < u.split(')').length);
+    if (!/[）。,，]/.test(ch) && !unbalanced) break;
+    t = ch + t; u = u.slice(0, -1);
+  }
+  return [u, t];
+}
+// Markdown 链接 [文字](地址) 或裸 URL；仓库内的相对路径指向 GitHub 上的源文件
+const REPO_BLOB = 'https://github.com/eternity4719/HowToLiveBetter/blob/main/';
+const MD_LINK_RE = /\[([^\]\n]+)\]\(([^)\s]+)\)/;
+const LINK_RE = new RegExp(MD_LINK_RE.source + '|' + URL_RE.source, 'g');
+function hrefOf(p){
+  if (/^(https?:|mailto:|#)/.test(p)) return p;
+  return REPO_BLOB + p.replace(/^(\.\.?\/)+/, '').split('/').map(encodeURIComponent).join('/');
+}
+function mkLink(href, text){
+  const a = document.createElement('a'); a.href = href; a.target = '_blank'; a.rel = 'noopener'; a.textContent = text;
+  return a;
+}
+function renderText(el, text, terms, withTerms = true){
+  el.textContent = '';
+  let last = 0; LINK_RE.lastIndex = 0; let m;
+  const pushText = (s) => { if (s) highlightInto(el, s, terms); };
+  while ((m = LINK_RE.exec(text))){
+    pushText(text.slice(last, m.index));
+    if (m[3]){
+      const [u, tail] = trimUrl(m[3]);
+      el.appendChild(mkLink(u, u)); pushText(tail);
+    } else {
+      el.appendChild(mkLink(hrefOf(m[2]), m[1]));
+    }
+    last = m.index + m[0].length;
+  }
+  pushText(text.slice(last));
+  if (withTerms) termify(el);
+}
+function highlightInto(el, s, terms){
+  if (!terms.length){ el.appendChild(document.createTextNode(s)); return; }
+  const lower = s.toLowerCase(); let i = 0;
+  while (i < s.length){
+    let best = -1, bl = 0;
+    for (const t of terms){ const k = lower.indexOf(t, i); if (k !== -1 && (best === -1 || k < best)) { best = k; bl = t.length; } }
+    if (best === -1){ el.appendChild(document.createTextNode(s.slice(i))); break; }
+    if (best > i) el.appendChild(document.createTextNode(s.slice(i, best)));
+    const mk = document.createElement('mark'); mk.textContent = s.slice(best, best+bl); el.appendChild(mk);
+    i = best + bl;
+  }
+}
+
+const COST_W = { money:{'0':0,'少':1,'多':2}, time:{'少':0,'中':1,'多':2}, will:{'否':0,'些':1,'是':2} };
+/* ---------- 构建 DOM ---------- */
+let CARDS = [], BLOCKS = [];
+// 卡片文字只在「上屏 + 搜索词变了」时重渲染，离屏的先记账，滚进来再补
+let CUR_TERMS = [], CUR_KEY = '';
+const CARD_OF = new WeakMap();
+const CARD_IO = new IntersectionObserver(list => {
+  const t0 = performance.now(); let n = 0;
+  for (const it of list){
+    const card = CARD_OF.get(it.target); if (!card) continue;
+    card.vis = it.isIntersecting;
+    if (card.vis && card.key !== CUR_KEY) { n++; renderCard(card, CUR_TERMS, CUR_KEY); }
+  }
+  if (n) PERF.log('дозировка карточек', t0, n + ' шт.');
+}, {rootMargin:'600px 0px'});
+function esc(s){ return s.replace(/[&<>"]/g, ch => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch])); }
+function build(sections){
+  const list = document.getElementById('list');
+  const fsec = document.getElementById('f-sec');
+  const allBtn = document.createElement('button');
+  allBtn.className = 'sec-link all'; allBtn.dataset.v = ''; allBtn.setAttribute('aria-pressed','true');
+  allBtn.innerHTML = `<span>${T().allSections}</span><i>${sections.reduce((n,s)=>n+s.entries.length,0)}</i>`;
+  fsec.appendChild(allBtn);
+  for (const s of sections){
+    const b = document.createElement('button'); b.className='sec-link'; b.dataset.v = s.n; b.setAttribute('aria-pressed','false');
+    b.innerHTML = `<span>${s.n}. ${esc(s.title)}</span><i>${s.entries.length}</i>`; fsec.appendChild(b);
+
+    const block = document.createElement('section'); block.className='sec-block'; block.dataset.sec = s.n; block.id = 'sec-'+s.n;
+    block.innerHTML = `<div class="sec-h"><h2>${s.n}. ${esc(s.title)}</h2><span class="shown"><span class="k"></span> / ${s.entries.length}</span></div><p class="intro"></p>`;
+    renderText(block.querySelector('.intro'), s.intro, [], false);
+    for (const e of s.entries){
+      const id = `e-${e.sec}-${e.n}`;
+      const c = document.createElement('article'); c.className='card'; c.id = id;
+      c.innerHTML = `
+        <div class="card-h"><span class="idx">${e.n}</span><h3 class="t"></h3><a class="anchor" href="#${id}" aria-label="Ссылка на этот пункт">#</a></div>
+        <div class="badges"></div>
+        <p class="human"></p>
+        <div class="rows">
+          <div class="k" data-k="cost"></div><div class="v cost"></div>
+          <div class="k" data-k="gain"></div><div class="v gain"></div>
+          <div class="k" data-k="note"></div><div class="v note"></div>
+        </div>
+        <details class="src"><summary></summary><div class="body"></div></details>`;
+      c.querySelector('[data-k="cost"]').textContent = T().kCost;
+      c.querySelector('[data-k="gain"]').textContent = T().kGain;
+      c.querySelector('[data-k="note"]').textContent = T().kNote;
+      c.querySelector('.src summary').textContent = T().src;
+      c.querySelector('.anchor').setAttribute('aria-label', T().anchor);
+      const badges = c.querySelector('.badges');
+      const add = (cls, text) => { const t=document.createElement('span'); t.className='badge '+cls; t.textContent=text; badges.appendChild(t); };
+      if (e.ratio) { const t = document.createElement('span'); t.className = 'badge r' + ({'极高':'3','高':'2','一般':'1'}[e.ratio]);
+        t.textContent = T().ratioFull + (T().ratio[e.ratio] || e.ratio);
+        t.title = T().ratioTitle + ' (' + e.level + ') — ' + (T().lens[e.lens] || e.lens);
+        badges.appendChild(t); }
+      add(e.grade, T().gradeFull + e.grade);
+      if (e.lens) add('plain', T().lens[e.lens] || e.lens);
+      for (const d of ['money','time','will']) if (e[d]) add('plain', T()[d+'L2'][e[d]] || e[d]);
+      if (e.dispute) add('danger', T().dispute);
+      if (e.todo) add('warn', T().todo);
+      block.appendChild(c);
+      const card = {e, el:c, key:null, vis:false, f:{t:c.querySelector('.t'), cost:c.querySelector('.cost'), human:c.querySelector('.human'), gain:c.querySelector('.gain'), note:c.querySelector('.note'), src:c.querySelector('.src .body'), details:c.querySelector('.src')}};
+      renderCard(card, [], '');
+      CARDS.push(card); CARD_OF.set(c, card); CARD_IO.observe(c);
+    }
+    list.appendChild(block);
+    BLOCKS.push({n:s.n, el:block, k:block.querySelector('.shown .k')});
+  }
+  document.getElementById('tot').textContent = CARDS.length;
+}
+function buildGlossary(){ /* глоссарий-таблица убрана с сайта: термины объясняются только тултипами */ }
+
+/* ---------- 筛选状态 ---------- */
+const DIMS = ['sec','ratio','lens','grade','money','time','will'];
+const state = { q:'', sec:new Set(), ratio:new Set(), lens:new Set(), grade:new Set(), money:new Set(), time:new Set(), will:new Set(), dispute:false, todo:false };
+function readUrl(){
+  const p = new URLSearchParams(location.search);
+  state.q = p.get('q') || '';
+  for (const d of DIMS) state[d] = new Set((p.get(d)||'').split(',').filter(Boolean));
+  state.dispute = p.get('dispute') === '1'; state.todo = p.get('todo') === '1';
+}
+function writeUrl(){
+  const p = new URLSearchParams();
+  if (state.q) p.set('q', state.q);
+  for (const d of DIMS) if (state[d].size) p.set(d, [...state[d]].join(','));
+  if (state.dispute) p.set('dispute','1'); if (state.todo) p.set('todo','1');
+  if (PERF.on) p.set('perf','1');
+  const qs = p.toString(); history.replaceState(null, '', (qs ? '?'+qs : location.pathname) + location.hash);
+}
+function syncControls(){
+  document.getElementById('q').value = state.q;
+  document.querySelectorAll('[data-dim] [data-v]').forEach(b => b.setAttribute('aria-pressed', String(state[b.parentElement.dataset.dim].has(b.dataset.v))));
+  const allBtn = document.querySelector('#f-sec .all');
+  if (allBtn) allBtn.setAttribute('aria-pressed', String(state.sec.size === 0));
+  document.getElementById('f-dispute').checked = state.dispute;
+  document.getElementById('f-todo').checked = state.todo;
+}
+// 文字只在搜索词变化时重渲染；筛选按钮只切换显隐，不碰卡片内容
+function renderCard(card, terms, key){
+  const {e, f} = card;
+  renderText(f.t, e.title, terms);
+  renderText(f.cost, e.cost, terms);
+  f.human.hidden = !e.human;
+  if (e.human) renderText(f.human, e.human, terms);
+  renderText(f.gain, e.gain, terms);
+  renderText(f.note, e.note, terms);
+  renderText(f.src, e.src, terms);
+  const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
+  f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
+  card.key = key;
+}
+function apply(){
+  const t0 = performance.now();
+  const terms = state.q.toLowerCase().split(/\s+/).filter(Boolean);
+  const key = terms.join(' ');
+  CUR_TERMS = terms; CUR_KEY = key;
+  let shown = 0, rerender = 0; const perSec = {};
+  for (const card of CARDS){
+    const {e, el} = card;
+    let ok = true;
+    if (state.sec.size && !state.sec.has(e.sec)) ok = false;
+    if (ok && state.ratio.size && !state.ratio.has(e.ratio)) ok = false;
+    if (ok && state.lens.size && !state.lens.has(e.lens)) ok = false;
+    if (ok && state.grade.size && !state.grade.has(e.grade)) ok = false;
+    if (ok && state.money.size && !state.money.has(e.money)) ok = false;
+    if (ok && state.time.size && !state.time.has(e.time)) ok = false;
+    if (ok && state.will.size && !state.will.has(e.will)) ok = false;
+    if (ok && state.dispute && !e.dispute) ok = false;
+    if (ok && state.todo && !e.todo) ok = false;
+    if (ok && terms.length && !terms.every(t => e.hay.includes(t))) ok = false;
+    if (el.hidden === ok) el.hidden = !ok;
+    if (ok){
+      shown++; perSec[e.sec] = (perSec[e.sec]||0)+1;
+      if (card.vis && card.key !== key) { rerender++; renderCard(card, terms, key); }
+    }
+  }
+  for (const b of BLOCKS){ const n = perSec[b.n]||0; if (b.el.hidden !== (n === 0)) b.el.hidden = n === 0; b.k.textContent = n; }
+  document.getElementById('cnt').textContent = shown;
+  document.getElementById('empty').hidden = shown !== 0;
+  syncControls(); writeUrl();
+  PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
+}
+
+/* ---------- 事件 ---------- */
+function wire(){
+  const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
+  const setMenu = (on) => { sb.classList.toggle('open', on); bd.classList.toggle('on', on); mb.setAttribute('aria-expanded', String(on)); };
+  const toTop = () => { setMenu(false); scrollTo({ top: 0, behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' }); };
+  document.querySelectorAll('[data-dim]').forEach(g => g.addEventListener('click', ev => {
+    const b = ev.target.closest('[data-v]'); if (!b) return;
+    const dim = g.dataset.dim, v = b.dataset.v, set = state[dim];
+    if (dim === 'sec'){
+      // 章节单选：再点一次已选中的不取消，免得双击退回全部章节；要看全部点「全部章节」
+      if (v === '') set.clear(); else { set.clear(); set.add(v); }
+    } else {
+      set.has(v) ? set.delete(v) : set.add(v);
+    }
+    apply(); toTop();
+  }));
+  document.getElementById('f-dispute').addEventListener('change', e => { state.dispute = e.target.checked; apply(); toTop(); });
+  document.getElementById('f-todo').addEventListener('change', e => { state.todo = e.target.checked; apply(); toTop(); });
+  let tm; document.getElementById('q').addEventListener('input', e => { clearTimeout(tm); tm = setTimeout(() => { state.q = e.target.value.trim(); apply(); }, 120); });
+  const reset = () => { state.q=''; for (const d of DIMS) state[d].clear(); state.dispute=false; state.todo=false; apply(); toTop(); };
+  document.getElementById('reset').addEventListener('click', reset);
+  document.getElementById('reset2').addEventListener('click', reset);
+  document.addEventListener('keydown', e => {
+    if (e.key === '/' && !/INPUT|TEXTAREA/.test(document.activeElement.tagName)) { e.preventDefault(); document.getElementById('q').focus(); }
+    if (e.key === 'Escape') { if (document.activeElement.id === 'q') document.activeElement.blur(); setMenu(false); }
+  });
+  // 术语弹层
+  const pop = document.getElementById('pop');
+  document.addEventListener('click', e => {
+    const ab = e.target.closest('abbr.term');
+    if (ab) { e.preventDefault(); showTerm(ab); return; }
+    if (!e.target.closest('#pop')) pop.hidden = true;
+  });
+  document.addEventListener('keydown', e => { if (e.key === 'Enter' && document.activeElement.matches?.('abbr.term')) showTerm(document.activeElement); });
+  addEventListener('scroll', () => { pop.hidden = true; }, {passive:true});
+  // 侧栏（移动端抽屉）
+  mb.addEventListener('click', () => setMenu(!sb.classList.contains('open')));
+  bd.addEventListener('click', () => setMenu(false));
+  // 深色模式
+  document.getElementById('theme').addEventListener('click', () => {
+    const dark = !document.documentElement.classList.contains('dark');
+    document.documentElement.classList.toggle('dark', dark);
+    try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
+  });
+}
+
+/* ---------- 启动 ---------- */
+(async function init(){
+  applyI18n();
+  const status = document.getElementById('status');
+  status.textContent = T().loading;
+  try {
+    if (location.protocol === 'file:') throw new Error('file');
+    const data = {ru:'README.ru.md', en:'README.md', zh:'README.zh.md'}[LANG];
+    const r = await fetch(data, {cache:'no-cache'});
+    if (!r.ok) throw new Error('http '+r.status);
+    const md = await r.text();
+    const files = [...new Set(Array.from(md.matchAll(/\]\((book\/[^)]+\.md)\)/g), m => m[1]))].sort();
+    if (!files.length) throw new Error('empty');
+    const parts = await Promise.all(files.map(async f => {
+      const res = await fetch(f, {cache:'no-cache'});
+      if (!res.ok) throw new Error('http '+res.status+': '+f);
+      return res.text();
+    }));
+    const t1 = performance.now();
+    const sections = parseReadme(parts.join('\n\n'));
+    if (!sections.length) throw new Error('empty');
+    GLOSS = parseGlossary(md);
+    PERF.log('парсинг текста', t1, files.length + ' файлов');
+    status.remove();
+    const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
+    buildGlossary(); readUrl(); wire(); apply();
+    PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
+    if (location.hash){
+      const target = document.getElementById(location.hash.slice(1));
+      target?.scrollIntoView();
+      // 卡片是 content-visibility:auto，首次定位后高度才准，下一帧再对一次
+      if (target) requestAnimationFrame(() => target.scrollIntoView());
+    }
+  } catch (err) {
+    status.innerHTML = err.message === 'file'
+      ? T().errFile
+      : T().errLoad(esc(String(err.message)));
+  }
+})();
+</script>
+</body>
+</html>
diff --git a/v2/zh/index.html b/v2/zh/index.html
new file mode 100644
index 00000000..8fc38f73
--- /dev/null
+++ b/v2/zh/index.html
@@ -0,0 +1,968 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<script>window.__HTLB_LANG__='zh';window.__HTLB_BASE__='../../';</script>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
+<meta name="description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="keywords" content="здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,пособия,бизнес,выгода">
+<meta name="author" content="Как жить выгодно (перевод HowToLiveBetter)">
+<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1">
+<meta name="theme-color" content="#3451b2" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#1b1b1f" media="(prefers-color-scheme: dark)">
+<link rel="canonical" href="https://dlgrv.github.io/HowToLiveBetter/v2/zh/">
+<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='14' fill='%233451b2'/%3E%3Cpath d='M17 33l10 11 20-24' fill='none' stroke='white' stroke-width='7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E">
+<meta property="og:type" content="website">
+<meta property="og:site_name" content="Пособие по выгодной жизни">
+<meta property="og:locale" content="zh_CN">
+<meta property="og:url" content="https://dlgrv.github.io/HowToLiveBetter/v2/zh/">
+<meta property="og:title" content="Пособие по выгодной жизни">
+<meta property="og:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta property="og:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Пособие по выгодной жизни">
+<meta name="twitter:description" content="Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.">
+<meta name="twitter:image" content="https://eternity4719.github.io/HowToLiveBetter/og.png">
+<script type="application/ld+json">
+{"@context":"https://schema.org","@graph":[
+{"@type":"WebSite","@id":"https://eternity4719.github.io/HowToLiveBetter/#website","url":"https://eternity4719.github.io/HowToLiveBetter/","name":"Пособие по выгодной жизни","description":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","inLanguage":"zh-CN","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://eternity4719.github.io/HowToLiveBetter/?q={search_term_string}"},"query-input":"required name=search_term_string"}},
+{"@type":"Book","@id":"https://eternity4719.github.io/HowToLiveBetter/#book","name":"Пособие по выгодной жизни","url":"https://eternity4719.github.io/HowToLiveBetter/","inLanguage":"zh-CN","bookFormat":"https://schema.org/EBook","numberOfPages":528,"license":"https://unlicense.org/","abstract":"Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.","about":["здоровье","долголетие","личные финансы","первая помощь","право","защита прав потребителей"],"isAccessibleForFree":true}
+]}
+</script>
+<script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+<style>
+/* ============================================================
+   HTLB v2 — editorial minimal skin (dlgrv.com style)
+   Same DOM & JS as v1; this file replaces the <style> block
+   for pages generated under /v2/ (tools/build_pages.py).
+   Light: white / ink. Dark: #111 / #d0d0d0. One accent: link hover blue.
+   ============================================================ */
+:root{
+  --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
+  --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
+  --serif:Georgia,"Times New Roman",serif;
+  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --nav-h:56px; --side-w:264px;
+}
+html.dark{
+  --bg:#111111; --ink:#f5f5f5; --text:#d0d0d0; --mut:#a0a0a0; --faint:#7d7d7d;
+  --line:#2e2e2e; --line-soft:#3a3a3a; --hover:#5cb1e8; --pop-bg:#1b1b1b;
+}
+*,*::before,*::after{box-sizing:border-box}
+[hidden]{display:none!important}
+body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
+a{color:inherit;text-decoration:none}
+a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
+::selection{background:var(--line)}
+
+/* ---------- top bar ---------- */
+.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
+.menu-btn{display:none}
+.title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
+.title:hover{color:var(--ink)}
+.title .logo{display:none}
+.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search input::placeholder{color:var(--faint)}
+.search input:focus{outline:0;border-bottom-color:var(--ink)}
+.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
+.icon-btn:hover{color:var(--ink)}
+.icon-btn svg{width:17px;height:17px;fill:currentColor}
+.nav-r{display:flex;align-items:center;gap:6px}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.switch:hover{border-color:var(--mut)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
+.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .sun{display:block}.switch .moon{display:none}
+html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
+html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+
+/* ---------- language dropdown ---------- */
+.lang-dd{position:relative}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary::-webkit-details-marker{display:none}
+.lang-dd>summary:hover{color:var(--ink)}
+.lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+.lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
+.lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
+.lang-menu button:hover{color:var(--ink);background:var(--line)}
+
+/* ---------- tooltip popup ---------- */
+.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);opacity:0;pointer-events:none;transition:opacity .2s;z-index:15}
+.backdrop.on{opacity:1;pointer-events:auto}
+.pop{position:absolute;z-index:40;max-width:320px;background:var(--pop-bg);border:1px solid var(--line);box-shadow:0 4px 16px rgba(0,0,0,.08);padding:10px 14px;font:14px/1.6 var(--serif);color:var(--mut)}
+.pop b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
+
+/* ---------- sidebar (filters) ---------- */
+.sidebar{position:fixed;top:var(--nav-h);bottom:0;left:0;width:var(--side-w);background:var(--bg);border-right:1px solid var(--line);padding:28px 24px 96px;overflow-y:auto;overscroll-behavior:contain;z-index:20;font-family:var(--sans)}
+.group{margin-bottom:26px}
+.gt{font:700 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
+.gt small{display:block;font:400 12px/1.5 var(--sans);letter-spacing:0;text-transform:none;color:var(--mut);margin-top:2px}
+.sec-links{display:flex;flex-direction:column;align-items:stretch;gap:0}
+.sec-link{display:flex;align-items:baseline;gap:8px;width:100%;text-align:left;padding:5px 0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;transition:color .15s}
+.sec-link:hover{color:var(--ink)}
+.sec-link[aria-pressed="true"]{color:var(--ink);font-weight:600}
+.sec-link i{margin-left:auto;font:400 11px/1 var(--sans);font-style:normal;font-variant-numeric:tabular-nums;color:var(--faint)}
+.chips{display:flex;flex-direction:column;align-items:flex-start;gap:0}
+.chip{border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);padding:5px 0;cursor:pointer;transition:color .15s;text-align:left}
+.chip:hover{color:var(--ink)}
+.chip[aria-pressed="true"]{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--ink)}
+.toggle{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer}
+.toggle:hover{color:var(--ink)}
+.toggle input{accent-color:var(--ink);margin:0}
+.reset{display:inline-block;margin-top:10px;padding:0;border:0;background:none;color:var(--mut);font:13px/1.5 var(--sans);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-soft);transition:color .15s}
+.reset:hover{color:var(--ink);text-decoration-color:var(--ink)}
+.hint{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
+.hint p{margin:0 0 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.hint a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.hint a:hover{color:var(--hover)}
+
+/* ---------- content ---------- */
+.content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
+.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
+.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
+.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+
+/* card: no box — hairline top only */
+.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card-h{display:flex;align-items:baseline;gap:12px}
+.idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
+.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
+.card:hover .anchor,.anchor:focus-visible{opacity:1}
+.anchor:hover{color:var(--hover)}
+.badges{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 0 40px;font:11px/1.6 var(--sans);letter-spacing:.02em}
+.badge{color:var(--faint)}
+.badge.r3{color:var(--ink);font-weight:600}
+.badge.r2{color:var(--mut)}
+.badge.r1{color:var(--faint)}
+.badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
+.badge.warn{color:var(--mut);font-style:italic}
+.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
+.rows .v.gain{color:var(--ink)}
+.src{margin:0 0 0 40px}
+.src summary{display:inline-block;cursor:pointer;font:12px/1.6 var(--sans);color:var(--faint);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--line-soft);text-underline-offset:3px;transition:color .15s}
+.src summary:hover{color:var(--ink)}
+.src .body{margin-top:8px;padding:2px 0 2px 14px;border-left:2px solid var(--line);font:14.5px/1.7 var(--serif);color:var(--mut)}
+.src .body p{margin:0 0 .6em}
+.src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.src .body a:hover{color:var(--hover)}
+.term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
+.term:hover,.term:focus-visible{color:var(--ink)}
+
+/* status / empty / foot */
+.status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
+.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
+.empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
+.empty button:hover{border-color:var(--ink);color:var(--ink)}
+.foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
+.foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.foot a:hover{color:var(--hover)}
+.meta-line{margin:0 0 4px}
+.meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.meta-line a:hover{color:var(--hover)}
+
+/* noscript / doc */
+.doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
+.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head p{margin:0 0 12px}
+.doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
+.doc a:hover{color:var(--hover)}
+
+/* ---------- mobile ---------- */
+@media (max-width:1099px){
+  .menu-btn{display:grid}
+  .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
+  .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
+  .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
+  .badges,.human,.rows,.src{margin-left:0}
+}
+@media (max-width:560px){
+  .title span:last-child{display:none}
+  .search{max-width:none}
+  .nav-in{padding:0 16px;gap:10px}
+  .sec-h h2{font-size:19px}
+}
+
+</style>
+</head>
+<body>
+
+<noscript>
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+    </div>
+  </div>
+</noscript>
+
+<header class="nav">
+  <div class="nav-in">
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
+    <label class="search">
+      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
+      <kbd>/</kbd>
+    </label>
+    <div class="nav-r">
+      <details class="lang-dd" id="lang">
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <div class="lang-menu" role="menu">
+          <button role="menuitem" data-lang="ru">Русский</button>
+          <button role="menuitem" data-lang="en">English</button>
+          <button role="menuitem" data-lang="zh">中文</button>
+        </div>
+      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+    </div>
+  </div>
+</header>
+
+<div class="backdrop" id="backdrop"></div>
+<div class="pop" id="pop" role="tooltip" hidden><b></b><span></span></div>
+<aside class="sidebar" id="sidebar">
+  <div class="group">
+    <div class="gt">Разделы</div>
+    <div class="sec-links" id="f-sec" data-dim="sec"></div>
+  </div>
+  <div class="group">
+    <div class="gt">Выгода/затраты <small>Оценка автора, сравнима в рамках одной категории</small></div>
+    <div class="chips" data-dim="ratio">
+      <button class="chip" data-v="极高" aria-pressed="false">Очень высокая</button>
+      <button class="chip" data-v="高" aria-pressed="false">Высокая</button>
+      <button class="chip" data-v="一般" aria-pressed="false">Обычная</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Что получаешь <small>Категории не сравниваются между собой</small></div>
+    <div class="chips" data-dim="lens">
+      <button class="chip" data-v="死亡率" aria-pressed="false">Жизнь</button>
+      <button class="chip" data-v="金钱" aria-pressed="false">Деньги</button>
+      <button class="chip" data-v="时间" aria-pressed="false">Время и силы</button>
+      <button class="chip" data-v="自由" aria-pressed="false">Свобода</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Доказательность <small>Метаанализ/RCT · есть исследования · консенсус</small></div>
+    <div class="chips" data-dim="grade">
+      <button class="chip" data-v="A" aria-pressed="false">Уровень A</button>
+      <button class="chip" data-v="B" aria-pressed="false">Уровень B</button>
+      <button class="chip" data-v="C" aria-pressed="false">Уровень C</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Деньги</div>
+    <div class="chips" data-dim="money">
+      <button class="chip" data-v="0" aria-pressed="false">Бесплатно</button>
+      <button class="chip" data-v="少" aria-pressed="false">Мало</button>
+      <button class="chip" data-v="多" aria-pressed="false">Много</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Время</div>
+    <div class="chips" data-dim="time">
+      <button class="chip" data-v="少" aria-pressed="false">На бегу</button>
+      <button class="chip" data-v="中" aria-pressed="false">Несколько часов</button>
+      <button class="chip" data-v="多" aria-pressed="false">Каждый день</button>
+    </div>
+  </div>
+  <div class="group">
+    <div class="gt">Сила воли</div>
+    <div class="chips" data-dim="will">
+      <button class="chip" data-v="否" aria-pressed="false">Не нужна</button>
+      <button class="chip" data-v="些" aria-pressed="false">Немного</button>
+      <button class="chip" data-v="是" aria-pressed="false">Сильно</button>
+    </div>
+  </div>
+  <div class="group">
+    <label class="toggle"><input type="checkbox" id="f-dispute"> только спорные</label>
+    <label class="toggle"><input type="checkbox" id="f-todo"> только требующие проверки</label>
+    <button class="reset" id="reset">Сбросить фильтры</button>
+  </div>
+  <div class="hint">
+    <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
+    <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
+    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+  </div>
+</aside>
+
+<main class="content">
+  <div class="doc">
+    <div class="doc-head">
+      <h1>Пособие по выгодной жизни</h1>
+      <p>Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.</p>
+      <p>Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надёжда на ответ меньше, а риски нужно учитывать вместе с выгодой.</p>
+      <div class="stat" aria-live="polite">Показано <b id="cnt">–</b> из <span id="tot">–</span></div>
+      <p class="meta-line" id="feedback-line">
+        <span id="fb-issue-t">Нашли ошибку в переводе —</span>
+        <a id="fb-issue" href="https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md" target="_blank" rel="noopener">откройте issue</a>
+      </p>
+      <p class="meta-line" id="feedback-line-star">
+        <span id="fb-star-t">Понравился перевод —</span>
+        <a id="fb-star" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener">поставьте звезду репо</a>
+      </p>
+    </div>
+    <div id="list">
+      <div class="status" id="status"></div>
+      <div class="empty" id="empty" hidden>
+        Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.
+        <div><button id="reset2">Сбросить</button></div>
+      </div>
+    </div>
+    <div class="foot">Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).</div>
+  </div>
+</main>
+
+<script>
+let LANG = 'en';
+try {
+  if (window.__HTLB_LANG__) { LANG = window.__HTLB_LANG__; }
+  else {
+    const p=new URLSearchParams(location.search); const saved=localStorage.getItem('htlb-lang');
+    const nav=(navigator.language||'').toLowerCase();
+    const sys = nav.startsWith('ru') ? 'ru' : nav.startsWith('zh') ? 'zh' : nav.startsWith('en') ? 'en' : null;
+    LANG = p.get('lang') || saved || sys || 'en';
+  }
+  if(!['ru','zh','en'].includes(LANG)) LANG='en';
+} catch(e){}
+window.__HTLB_BASE__ = window.__HTLB_BASE__ || '';
+if (window.__HTLB_BASE__) { const _f=window.fetch; window.fetch=(u,o)=> _f(typeof u==='string' && !/^([a-z]+:|\/|\.\.\/)/i.test(u) ? window.__HTLB_BASE__+u : u, o); }
+window.__setLang = function(l){ try{localStorage.setItem('htlb-lang',l);}catch(e){}
+  const root = window.__HTLB_BASE__ ? new URL(window.__HTLB_BASE__, location.href) : new URL('.', location.href);
+  location.href = new URL(l + '/', root).href; };
+
+/* ---------- i18n static UI ---------- */
+const I18N = {
+ ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
+   noscriptH:'Пособие по выгодной жизни',
+   noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
+   docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
+   fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
+   shown:'Показано', of:'из', loading:'Загружаю текст…',
+   empty:'Ничего не найдено. Уберите один из фильтров или попробуйте более короткий запрос.', reset:'Сбросить', resetF:'Сбросить фильтры',
+   sections:'Разделы', ratioH:'Выгода/затраты', ratioS:'Оценка автора, сравнима в рамках одной категории',
+   lensH:'Что получаешь', lensS:'Категории не сравниваются между собой',
+   gradeH:'Доказательность', gradeS:'Метаанализ/RCT · есть исследования · консенсус', gradeA:'Уровень A', gradeB:'Уровень B', gradeC:'Уровень C',
+   moneyH:'Деньги', timeH:'Время', willH:'Сила воли',
+   money0:'Бесплатно', moneyL:'Мало', moneyM:'Много', timeL:'На бегу', timeM:'Несколько часов', timeH2:'Каждый день', willN:'Не нужна', willS:'Немного', willB:'Сильно',
+   fDispute:'только спорные', fTodo:'только требующие проверки',
+   hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
+   hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
+   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
+   kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
+   ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
+   ratio:{'极高':'Очень высокая','高':'Высокая','一般':'Обычная'},
+   lens:{'死亡率':'Жизнь','金钱':'Деньги','时间':'Время и силы','自由':'Свобода'},
+   moneyL2:{'0':'Бесплатно','少':'Небольшие траты','多':'Заметные траты'},
+   timeL2:{'少':'На бегу','中':'Несколько часов','多':'Каждый день'},
+   willL2:{'否':'Без силы воли','些':'Немного усилий','是':'Серьёзные усилия'},
+   ratioFull:'Выгода/затраты: ', gradeFull:'Доказательность: ',
+   errFile:'Страница открывается только по http. Запустите в каталоге репозитория <code>python -m http.server</code> и откройте <code>http://localhost:8000/</code>, либо используйте адрес GitHub Pages.',
+   errLoad:(m)=>`Не удалось загрузить текст (${m}). Проверьте, что README и каталог book/ лежат рядом с index.html.`,
+   cap:true,
+   allSections:'Все разделы',
+   readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
+   keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
+   author:'Как жить выгодно (перевод HowToLiveBetter)',
+   about:['здоровье','долголетие','личные финансы','первая помощь','право','защита прав потребителей'] },
+ en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
+   noscriptH:'The Best-Value Life Guide',
+   noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
+   docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
+   fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
+   shown:'Showing', of:'of', loading:'Loading text…',
+   empty:'Nothing found. Remove one of the filters or try a shorter query.', reset:'Reset', resetF:'Reset filters',
+   sections:'Sections', ratioH:'Benefit / costs', ratioS:'Author judgment, comparable within one category only',
+   lensH:'What you get', lensS:'Categories are not compared with each other',
+   gradeH:'Evidence', gradeS:'Meta-analysis/RCT · studies exist · consensus', gradeA:'Grade A', gradeB:'Grade B', gradeC:'Grade C',
+   moneyH:'Money', timeH:'Time', willH:'Willpower',
+   money0:'Free', moneyL:'Little', moneyM:'Much', timeL:'On the go', timeM:'A few hours', timeH2:'Every day', willN:'None needed', willS:'A little', willB:'A lot',
+   fDispute:'contested only', fTodo:'unverified only',
+   hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
+   hint2:'Within a section — by descending benefit. Search does not change the order.',
+   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
+   kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
+   ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
+   ratio:{'极高':'Very high','高':'High','一般':'Ordinary'},
+   lens:{'死亡率':'Lifespan','金钱':'Money','时间':'Time & energy','自由':'Freedom'},
+   moneyL2:{'0':'Free','少':'Small spending','多':'Noticeable spending'},
+   timeL2:{'少':'On the go','中':'A few hours','多':'Every day'},
+   willL2:{'否':'No willpower','些':'A little effort','是':'Serious effort'},
+   ratioFull:'Benefit/costs: ', gradeFull:'Evidence: ',
+   errFile:'This page only opens over http. Run <code>python -m http.server</code> in the repository directory and open <code>http://localhost:8000/</code>, or use the GitHub Pages address.',
+   errLoad:(m)=>`Failed to load the text (${m}). Make sure the README and the book/ directory sit next to index.html.`,
+   cap:true,
+   allSections:'All sections',
+   readmeHref:'README.md', readmeTitle:'Open README',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
+   keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
+   author:'HowToLiveBetter (English translation)',
+   about:['health','longevity','personal finance','first aid','law','consumer protection'] },
+ zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
+   noscriptH:'高性价比人生指南',
+   noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   docHead:'每条建议回答两个问题：付出什么——换回什么。',
+   docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
+   fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
+   shown:'显示', of:'/', loading:'正在载入正文…',
+   empty:'没有符合条件的结果。请去掉一个筛选条件，或换更短的关键词。', reset:'重置', resetF:'重置筛选',
+   sections:'小节', ratioH:'性价比', ratioS:'作者判断，仅在同一口径内可比',
+   lensH:'换回什么', lensS:'不同口径之间不做比较',
+   gradeH:'证据等级', gradeS:'荟萃分析/RCT · 有研究支持 · 共识', gradeA:'A 级', gradeB:'B 级', gradeC:'C 级',
+   moneyH:'花钱', timeH:'花时间', willH:'要毅力',
+   money0:'免费', moneyL:'少', moneyM:'多', timeL:'顺手', timeM:'几小时', timeH2:'每天', willN:'不需要', willS:'一点点', willB:'明显',
+   fDispute:'只看有争议', fTodo:'只看待核实',
+   hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
+   hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
+   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
+   kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
+   ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',
+   ratio:{'极高':'极高','高':'高','一般':'一般'},
+   lens:{'死亡率':'寿命','金钱':'金钱','时间':'时间精力','自由':'自由'},
+   moneyL2:{'0':'免费','少':'少量花费','多':'明显花费'},
+   timeL2:{'少':'顺手','中':'几小时','多':'每天'},
+   willL2:{'否':'不需要毅力','些':'一点毅力','是':'明显毅力'},
+   ratioFull:'性价比: ', gradeFull:'证据: ',
+   errFile:'本页只能通过 http 打开。请在仓库目录运行 <code>python -m http.server</code> 并访问 <code>http://localhost:8000/</code>，或使用 GitHub Pages 地址。',
+   errLoad:(m)=>`正文载入失败（${m}）。请确认 README 与 book/ 目录就在 index.html 旁边。`,
+   cap:false,
+   allSections:'全部小节',
+   readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
+   keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
+   author:'高性价比人生指南',
+   about:['健康','长寿','个人理财','急救','法律','消费者权益'] }
+};
+function T(){ return I18N[LANG]; }
+function applyI18n(){
+  const t=T(); document.documentElement.lang=t.htmlLang;
+  document.title=t.title;
+  document.querySelector('.title span:last-child').textContent=t.title;
+  document.getElementById('q').placeholder=t.search; document.getElementById('q').setAttribute('aria-label',t.search);
+  const ns=document.querySelector('noscript .doc-head'); if(ns){ ns.querySelector('h1').textContent=t.noscriptH; ns.querySelectorAll('p')[0].textContent=t.noscriptP; ns.querySelectorAll('p')[1].innerHTML=t.noscriptLink; }
+  const dh=document.querySelector('.doc-head');
+  dh.querySelector('h1').textContent=t.title;
+  const dhp=dh.querySelectorAll(':scope > p'); dhp[0].textContent=t.docHead; dhp[1].textContent=t.docHead2;
+  dh.querySelector('.stat').childNodes[0].textContent=t.shown+' ';
+  dh.querySelector('.stat').childNodes[2].textContent=' '+t.of+' ';
+  const fbTitle=LANG==='ru'?'[RU] ':LANG==='zh'?'[ZH] ':'[EN] ';
+  const issueUrl='https://github.com/dlgrv/HowToLiveBetter/issues/new?template=translation-feedback.md&title='+encodeURIComponent(fbTitle);
+  const ft=document.getElementById('fb-issue-t'); if(ft) ft.textContent=t.fbIssueT;
+  const fb=document.getElementById('fb-issue');
+  if(fb){ fb.textContent=t.fbIssue; fb.href=issueUrl; }
+  const st=document.getElementById('fb-star-t'); if(st) st.textContent=t.fbStarT;
+  const fs=document.getElementById('fb-star'); if(fs) fs.textContent=t.fbStar;
+  document.getElementById('f-dispute').parentElement.childNodes[1].textContent=t.fDispute;
+  document.getElementById('f-todo').parentElement.childNodes[1].textContent=t.fTodo;
+  document.getElementById('reset').textContent=t.resetF;
+  document.getElementById('reset2').textContent=t.reset;
+  document.getElementById('empty').childNodes[0].textContent=t.empty;
+  const sb=document.querySelectorAll('.sidebar .gt'); 
+  sb[0].childNodes[0].textContent=t.sections;
+  sb[1].childNodes[0].textContent=t.ratioH; sb[1].querySelector('small').textContent=t.ratioS;
+  sb[2].childNodes[0].textContent=t.lensH; sb[2].querySelector('small').textContent=t.lensS;
+  sb[3].childNodes[0].textContent=t.gradeH; sb[3].querySelector('small').textContent=t.gradeS;
+  sb[4].childNodes[0].textContent=t.moneyH;
+  sb[5].childNodes[0].textContent=t.timeH;
+  sb[6].childNodes[0].textContent=t.willH;
+  document.querySelectorAll('.sidebar .hint p')[0].textContent=t.hint1;
+  document.querySelectorAll('.sidebar .hint p')[1].textContent=t.hint2;
+  document.querySelectorAll('.sidebar .hint p')[2].innerHTML=t.hint3;
+  document.querySelector('.foot').innerHTML=t.foot;
+  const chips={ratio:[['极高',t.ratio['极高']],['高',t.ratio['高']],['一般',t.ratio['一般']]],
+    lens:[['死亡率',t.lens['死亡率']],['金钱',t.lens['金钱']],['时间',t.lens['时间']],['自由',t.lens['自由']]],
+    grade:[['A',t.gradeA],['B',t.gradeB],['C',t.gradeC]],
+    money:[['0',t.money0],['少',t.moneyL],['多',t.moneyM]],
+    time:[['少',t.timeL],['中',t.timeM],['多',t.timeH2]],
+    will:[['否',t.willN],['些',t.willS],['是',t.willB]]};
+  for (const [dim,arr] of Object.entries(chips)){
+    document.querySelectorAll(`.chips[data-dim="${dim}"] .chip`).forEach(b=>{
+      const hit=arr.find(([v])=>b.dataset.v===v); if(hit) b.textContent=hit[1];
+    });
+  }
+  document.querySelectorAll('.lang-menu button').forEach(b=>b.setAttribute('aria-current',String(b.dataset.lang===LANG)));
+  document.getElementById('lang-label').textContent={ru:'РУ',en:'EN',zh:'中'}[LANG];
+  document.getElementById('lang').open=false;
+  // nav attributes
+  const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
+  const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
+  const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
+  const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
+  // head meta / social cards / JSON-LD
+  const setm=(sel,attr,val)=>{const el=document.querySelector(sel); if(el) el.setAttribute(attr,val);};
+  setm('meta[name="description"]','content',t.metaDesc);
+  setm('meta[name="keywords"]','content',t.keywords);
+  setm('meta[name="author"]','content',t.author);
+  for(const sel of ['meta[property="og:site_name"]','meta[property="og:title"]','meta[name="twitter:title"]']) setm(sel,'content',t.title);
+  for(const sel of ['meta[property="og:description"]','meta[name="twitter:description"]']) setm(sel,'content',t.metaDesc);
+  setm('meta[property="og:locale"]','content',{ru:'ru_RU',en:'en_US',zh:'zh_CN'}[LANG]);
+  try{
+    const jl=document.querySelector('script[type="application/ld+json"]');
+    if(jl){
+      const data=JSON.parse(jl.textContent);
+      for(const node of (data['@graph']||[])){
+        if(node.name) node.name=t.title;
+        if(node.description) node.description=t.metaDesc;
+        if(node.abstract) node.abstract=t.metaDesc;
+        if(node.inLanguage) node.inLanguage={ru:'ru-RU',en:'en-US',zh:'zh-CN'}[LANG];
+        if(node.about) node.about=t.about;
+      }
+      jl.textContent=JSON.stringify(data,null,1);
+    }
+  }catch(e){}
+  // "All sections" button (built dynamically)
+  const allSpan=document.querySelector('.sec-link.all span'); if(allSpan) allSpan.textContent=t.allSections;
+}
+document.getElementById('lang').addEventListener('click',e=>{
+  if(e.target.closest('.lang-menu button')){ e.preventDefault(); __setLang(e.target.closest('.lang-menu button').dataset.lang); }
+  else { e.preventDefault(); const d=document.getElementById('lang'); d.open=!d.open; }
+});
+document.addEventListener('click',e=>{ if(!e.target.closest('#lang')) document.getElementById('lang').open=false; });
+/* ---------- отладочная панель: добавьте ?perf=1 к адресу ---------- */
+const PERF = (function(){
+  const off = { on:false, log(){}, mark(){} };
+  if (!/[?&]perf=1/.test(location.search)) return off;
+  const box = document.createElement('div');
+  box.style.cssText = 'position:fixed;right:10px;bottom:10px;z-index:99;width:300px;max-height:50vh;overflow:auto;background:rgba(0,0,0,.85);color:#8fe;font:12px/1.5 ui-monospace,Consolas,monospace;padding:8px 10px;border-radius:8px;white-space:pre-wrap;pointer-events:auto';
+  const rows = [];
+  const put = (s) => { rows.unshift(s); if (rows.length > 60) rows.pop(); box.textContent = rows.join('\n'); };
+  const api = {
+    on: true,
+    log(name, t0, extra){ const ms = performance.now() - t0; put(`${ms >= 16 ? '⚠' : '·'} ${name} ${ms.toFixed(1)}ms${extra ? ' ' + extra : ''}`); },
+    mark(s){ put('· ' + s); }
+  };
+  addEventListener('DOMContentLoaded', () => document.body.appendChild(box), {once:true});
+  if (document.readyState !== 'loading') document.body.appendChild(box);
+  // 展开/收起 <details> 的重排代价：强制同步布局来量
+  document.addEventListener('toggle', ev => {
+    if (!ev.target.matches('details')) return;
+    const t0 = performance.now();
+    void document.documentElement.scrollHeight;   // 强制走一遍布局
+    api.log((ev.target.open ? 'развернуть' : 'свернуть') + ': reflow', t0);
+  }, true);
+  // 掉帧：连续两帧间隔超过 32ms 就记一条
+  let last = performance.now(), worst = 0, since = last;
+  const tick = (t) => { const d = t - last; last = t; if (d > worst) worst = d;
+    if (t - since > 1000){ if (worst > 32) put(`⚠ самый длинный кадр ${worst.toFixed(0)}ms`); worst = 0; since = t; }
+    requestAnimationFrame(tick); };
+  requestAnimationFrame(tick);
+  try { new PerformanceObserver(l => { for (const e of l.getEntries()) put(`⚠ длинная задача ${e.duration.toFixed(0)}ms`); })
+    .observe({entryTypes:['longtask']}); } catch (e) {}
+  return api;
+})();
+
+/* ---------- 解析 README ---------- */
+function parseReadme(md){
+  const lines = md.split(/\r?\n/);
+  const sections = [];
+  let sec = null, entry = null;
+  const flush = () => { if (entry && sec) { sec.entries.push(entry); } entry = null; };
+  for (const raw of lines){
+    const line = raw.trimEnd();
+    let m;
+    if ((m = /^#{1,2} (\d+)\. (.+)$/.exec(line))) { flush(); sec = {n:m[1], title:m[2].trim(), intro:'', entries:[]}; sections.push(sec); continue; }
+    if (/^#{1,2} /.test(line)) { flush(); sec = null; continue; }
+    if (!sec) continue;
+    if ((m = /^### (\d+)\. (.+)$/.exec(line))) { flush(); entry = {sec:sec.n, n:m[1], title:m[2].trim(), cost:'', human:'', gain:'', grade:'', src:'', note:'', money:'', time:'', will:'', level:'', lens:''}; continue; }
+    if ((m = /^<!--\s*成本标签:\s*(.*?)\s*-->/.exec(line)) && entry){
+      for (const kv of m[1].split(/\s+/)){ const [k,v] = kv.split('='); if(k==='钱') entry.money=v; if(k==='时间') entry.time=v; if(k==='毅力') entry.will=v; if(k==='收益') entry.level=v; if(k==='口径') entry.lens=v; }
+      continue;
+    }
+    if (entry){
+      if ((m = /^- (?:成本|Стоимость|Cost)[：:](.*)$/.exec(line))) entry.cost = m[1];
+      else if ((m = /^- (?:说人话|Простыми словами|In plain terms)[：:](.*)$/.exec(line))) { entry.human = m[1]; if (T().cap) entry.human = entry.human.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:收益|Эффект|Benefit)[：:](.*)$/.exec(line))) { entry.gain = m[1]; if (T().cap) entry.gain = entry.gain.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      else if ((m = /^- (?:证据等级|Уровень доказательности|Evidence grade)[：:]\s*([ABC])/.exec(line))) entry.grade = m[1];
+      else if ((m = /^- (?:来源|Источники|Sources)[：:]?(.*)$/.exec(line))) entry.src = m[1];
+      else if ((m = /^- (?:备注|Примечания|Notes)[：:](.*)$/.exec(line))) { entry.note = m[1]; if (T().cap) entry.note = entry.note.replace(/^\s*(.)/, (c)=>c.toUpperCase()); }
+      continue;
+    }
+    if (line && !sec.intro && !line.startsWith('>')) sec.intro = line;
+  }
+  flush();
+  for (const s of sections) for (const e of s.entries){
+    e.dispute = LANG==='en' ? /^\s*Contested/.test(e.note) : /^\s*(争议|[Сс]порно)/.test(e.note);
+    e.todo = /待核实|TODO|to be verified/i.test(e.src + e.gain + e.note + e.cost);
+    e.cs = (COST_W.money[e.money] ?? 0) + (COST_W.time[e.time] ?? 0) + (COST_W.will[e.will] ?? 0);
+    e.ratio = e.level === '大' ? (e.cs === 0 ? '极高' : (e.cs <= 2 ? '高' : '一般'))
+            : e.level === '中' ? (e.cs === 0 ? '高' : '一般') : '一般';
+    e.hay = [e.title, e.human, e.cost, e.gain, e.note, e.src, e.grade].join('\n').toLowerCase();
+  }
+  return sections;
+}
+
+/* ---------- 术语表 ---------- */
+let GLOSS = [];   // [{term, meaning, re}]
+function parseGlossary(md){
+  const m = (LANG==='ru' ? /^## Как читать цифры[^\n]*\n([\s\S]*?)(?=^## )/m : LANG==='en' ? /^## Reading the numbers[^\n]*\n([\s\S]*?)(?=^## )/m : /^## 读懂数字[^\n]*\n([\s\S]*?)(?=^## )/m).exec(md);
+  if (!m) return [];
+  const rows = [];
+  for (const line of m[1].split(/\r?\n/)){
+    const c = /^\|\s*(.+?)\s*\|\s*(.+?)\s*\|$/.exec(line);
+    if (!c || c[1] === 'термин' || c[1] === 'Term' || /^-+$/.test(c[1])) continue;
+    for (const t of c[1].split('、')){
+      const term = t.trim(); if (!term) continue;
+      rows.push({term, meaning: c[2], latin: /^[A-Za-z0-9%. ]+$/.test(term)});
+    }
+  }
+  rows.sort((a,b) => b.term.length - a.term.length);
+  // 合并成一条正则：长词在前保证最长匹配，拉丁术语要求前后不是字母数字
+  const escRe = (t) => t.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+  const alt = (list) => list.map(g => escRe(g.term)).join('|');
+  const parts = [];
+  const latin = rows.filter(g => g.latin), cjk = rows.filter(g => !g.latin);
+  if (latin.length) parts.push(`(?<![A-Za-z0-9])(?:${alt(latin)})(?![A-Za-z0-9])`);
+  if (cjk.length) parts.push(`(?:${alt(cjk)})`);
+  GLOSS_RE = new RegExp(parts.join('|'), 'g');
+  GLOSS_BY = Object.fromEntries(rows.map(g => [g.term, g]));
+  return rows;
+}
+let GLOSS_RE = null, GLOSS_BY = {};
+function termify(root){
+  if (!GLOSS_RE) return;
+  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+  const nodes = []; let n; while ((n = walker.nextNode())) if (!n.parentElement.closest('a,abbr')) nodes.push(n);
+  for (const node of nodes){
+    const s = node.nodeValue;
+    GLOSS_RE.lastIndex = 0;
+    if (!GLOSS_RE.test(s)) continue;
+    GLOSS_RE.lastIndex = 0;
+    const frag = document.createDocumentFragment(); let pos = 0, m;
+    while ((m = GLOSS_RE.exec(s))){
+      const g = GLOSS_BY[m[0]]; if (!g) continue;
+      if (m.index > pos) frag.appendChild(document.createTextNode(s.slice(pos, m.index)));
+      const ab = document.createElement('abbr'); ab.className = 'term'; ab.textContent = m[0]; ab.title = g.meaning; ab.tabIndex = 0; ab.dataset.term = g.term;
+      frag.appendChild(ab); pos = m.index + m[0].length;
+    }
+    if (pos < s.length) frag.appendChild(document.createTextNode(s.slice(pos)));
+    node.parentNode.replaceChild(frag, node);
+  }
+}
+function showTerm(ab){
+  const pop = document.getElementById('pop');
+  pop.querySelector('b').textContent = ab.dataset.term;
+  pop.querySelector('span').textContent = ab.title;
+  pop.hidden = false;
+  const r = ab.getBoundingClientRect(); const w = Math.min(360, innerWidth - 24);
+  let x = r.left + r.width/2 - w/2; x = Math.max(12, Math.min(x, innerWidth - w - 12));
+  pop.style.width = w + 'px'; pop.style.left = x + 'px';
+  const below = r.bottom + 8 + pop.offsetHeight < innerHeight;
+  pop.style.top = (below ? r.bottom + 8 : r.top - 8 - pop.offsetHeight) + scrollY + 'px';
+}
+
+/* ---------- 文本渲染：链接 + 高亮 ---------- */
+const URL_RE = /<?(https?:\/\/[A-Za-z0-9\-._~:\/?#\[\]@!$&'()*+,=%]+)>?/g;
+function trimUrl(u){
+  let t = '';
+  for (;;){
+    const ch = u.slice(-1);
+    const unbalanced = ch === ')' && (u.split('(').length < u.split(')').length);
+    if (!/[）。,，]/.test(ch) && !unbalanced) break;
+    t = ch + t; u = u.slice(0, -1);
+  }
+  return [u, t];
+}
+// Markdown 链接 [文字](地址) 或裸 URL；仓库内的相对路径指向 GitHub 上的源文件
+const REPO_BLOB = 'https://github.com/eternity4719/HowToLiveBetter/blob/main/';
+const MD_LINK_RE = /\[([^\]\n]+)\]\(([^)\s]+)\)/;
+const LINK_RE = new RegExp(MD_LINK_RE.source + '|' + URL_RE.source, 'g');
+function hrefOf(p){
+  if (/^(https?:|mailto:|#)/.test(p)) return p;
+  return REPO_BLOB + p.replace(/^(\.\.?\/)+/, '').split('/').map(encodeURIComponent).join('/');
+}
+function mkLink(href, text){
+  const a = document.createElement('a'); a.href = href; a.target = '_blank'; a.rel = 'noopener'; a.textContent = text;
+  return a;
+}
+function renderText(el, text, terms, withTerms = true){
+  el.textContent = '';
+  let last = 0; LINK_RE.lastIndex = 0; let m;
+  const pushText = (s) => { if (s) highlightInto(el, s, terms); };
+  while ((m = LINK_RE.exec(text))){
+    pushText(text.slice(last, m.index));
+    if (m[3]){
+      const [u, tail] = trimUrl(m[3]);
+      el.appendChild(mkLink(u, u)); pushText(tail);
+    } else {
+      el.appendChild(mkLink(hrefOf(m[2]), m[1]));
+    }
+    last = m.index + m[0].length;
+  }
+  pushText(text.slice(last));
+  if (withTerms) termify(el);
+}
+function highlightInto(el, s, terms){
+  if (!terms.length){ el.appendChild(document.createTextNode(s)); return; }
+  const lower = s.toLowerCase(); let i = 0;
+  while (i < s.length){
+    let best = -1, bl = 0;
+    for (const t of terms){ const k = lower.indexOf(t, i); if (k !== -1 && (best === -1 || k < best)) { best = k; bl = t.length; } }
+    if (best === -1){ el.appendChild(document.createTextNode(s.slice(i))); break; }
+    if (best > i) el.appendChild(document.createTextNode(s.slice(i, best)));
+    const mk = document.createElement('mark'); mk.textContent = s.slice(best, best+bl); el.appendChild(mk);
+    i = best + bl;
+  }
+}
+
+const COST_W = { money:{'0':0,'少':1,'多':2}, time:{'少':0,'中':1,'多':2}, will:{'否':0,'些':1,'是':2} };
+/* ---------- 构建 DOM ---------- */
+let CARDS = [], BLOCKS = [];
+// 卡片文字只在「上屏 + 搜索词变了」时重渲染，离屏的先记账，滚进来再补
+let CUR_TERMS = [], CUR_KEY = '';
+const CARD_OF = new WeakMap();
+const CARD_IO = new IntersectionObserver(list => {
+  const t0 = performance.now(); let n = 0;
+  for (const it of list){
+    const card = CARD_OF.get(it.target); if (!card) continue;
+    card.vis = it.isIntersecting;
+    if (card.vis && card.key !== CUR_KEY) { n++; renderCard(card, CUR_TERMS, CUR_KEY); }
+  }
+  if (n) PERF.log('дозировка карточек', t0, n + ' шт.');
+}, {rootMargin:'600px 0px'});
+function esc(s){ return s.replace(/[&<>"]/g, ch => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[ch])); }
+function build(sections){
+  const list = document.getElementById('list');
+  const fsec = document.getElementById('f-sec');
+  const allBtn = document.createElement('button');
+  allBtn.className = 'sec-link all'; allBtn.dataset.v = ''; allBtn.setAttribute('aria-pressed','true');
+  allBtn.innerHTML = `<span>${T().allSections}</span><i>${sections.reduce((n,s)=>n+s.entries.length,0)}</i>`;
+  fsec.appendChild(allBtn);
+  for (const s of sections){
+    const b = document.createElement('button'); b.className='sec-link'; b.dataset.v = s.n; b.setAttribute('aria-pressed','false');
+    b.innerHTML = `<span>${s.n}. ${esc(s.title)}</span><i>${s.entries.length}</i>`; fsec.appendChild(b);
+
+    const block = document.createElement('section'); block.className='sec-block'; block.dataset.sec = s.n; block.id = 'sec-'+s.n;
+    block.innerHTML = `<div class="sec-h"><h2>${s.n}. ${esc(s.title)}</h2><span class="shown"><span class="k"></span> / ${s.entries.length}</span></div><p class="intro"></p>`;
+    renderText(block.querySelector('.intro'), s.intro, [], false);
+    for (const e of s.entries){
+      const id = `e-${e.sec}-${e.n}`;
+      const c = document.createElement('article'); c.className='card'; c.id = id;
+      c.innerHTML = `
+        <div class="card-h"><span class="idx">${e.n}</span><h3 class="t"></h3><a class="anchor" href="#${id}" aria-label="Ссылка на этот пункт">#</a></div>
+        <div class="badges"></div>
+        <p class="human"></p>
+        <div class="rows">
+          <div class="k" data-k="cost"></div><div class="v cost"></div>
+          <div class="k" data-k="gain"></div><div class="v gain"></div>
+          <div class="k" data-k="note"></div><div class="v note"></div>
+        </div>
+        <details class="src"><summary></summary><div class="body"></div></details>`;
+      c.querySelector('[data-k="cost"]').textContent = T().kCost;
+      c.querySelector('[data-k="gain"]').textContent = T().kGain;
+      c.querySelector('[data-k="note"]').textContent = T().kNote;
+      c.querySelector('.src summary').textContent = T().src;
+      c.querySelector('.anchor').setAttribute('aria-label', T().anchor);
+      const badges = c.querySelector('.badges');
+      const add = (cls, text) => { const t=document.createElement('span'); t.className='badge '+cls; t.textContent=text; badges.appendChild(t); };
+      if (e.ratio) { const t = document.createElement('span'); t.className = 'badge r' + ({'极高':'3','高':'2','一般':'1'}[e.ratio]);
+        t.textContent = T().ratioFull + (T().ratio[e.ratio] || e.ratio);
+        t.title = T().ratioTitle + ' (' + e.level + ') — ' + (T().lens[e.lens] || e.lens);
+        badges.appendChild(t); }
+      add(e.grade, T().gradeFull + e.grade);
+      if (e.lens) add('plain', T().lens[e.lens] || e.lens);
+      for (const d of ['money','time','will']) if (e[d]) add('plain', T()[d+'L2'][e[d]] || e[d]);
+      if (e.dispute) add('danger', T().dispute);
+      if (e.todo) add('warn', T().todo);
+      block.appendChild(c);
+      const card = {e, el:c, key:null, vis:false, f:{t:c.querySelector('.t'), cost:c.querySelector('.cost'), human:c.querySelector('.human'), gain:c.querySelector('.gain'), note:c.querySelector('.note'), src:c.querySelector('.src .body'), details:c.querySelector('.src')}};
+      renderCard(card, [], '');
+      CARDS.push(card); CARD_OF.set(c, card); CARD_IO.observe(c);
+    }
+    list.appendChild(block);
+    BLOCKS.push({n:s.n, el:block, k:block.querySelector('.shown .k')});
+  }
+  document.getElementById('tot').textContent = CARDS.length;
+}
+function buildGlossary(){ /* глоссарий-таблица убрана с сайта: термины объясняются только тултипами */ }
+
+/* ---------- 筛选状态 ---------- */
+const DIMS = ['sec','ratio','lens','grade','money','time','will'];
+const state = { q:'', sec:new Set(), ratio:new Set(), lens:new Set(), grade:new Set(), money:new Set(), time:new Set(), will:new Set(), dispute:false, todo:false };
+function readUrl(){
+  const p = new URLSearchParams(location.search);
+  state.q = p.get('q') || '';
+  for (const d of DIMS) state[d] = new Set((p.get(d)||'').split(',').filter(Boolean));
+  state.dispute = p.get('dispute') === '1'; state.todo = p.get('todo') === '1';
+}
+function writeUrl(){
+  const p = new URLSearchParams();
+  if (state.q) p.set('q', state.q);
+  for (const d of DIMS) if (state[d].size) p.set(d, [...state[d]].join(','));
+  if (state.dispute) p.set('dispute','1'); if (state.todo) p.set('todo','1');
+  if (PERF.on) p.set('perf','1');
+  const qs = p.toString(); history.replaceState(null, '', (qs ? '?'+qs : location.pathname) + location.hash);
+}
+function syncControls(){
+  document.getElementById('q').value = state.q;
+  document.querySelectorAll('[data-dim] [data-v]').forEach(b => b.setAttribute('aria-pressed', String(state[b.parentElement.dataset.dim].has(b.dataset.v))));
+  const allBtn = document.querySelector('#f-sec .all');
+  if (allBtn) allBtn.setAttribute('aria-pressed', String(state.sec.size === 0));
+  document.getElementById('f-dispute').checked = state.dispute;
+  document.getElementById('f-todo').checked = state.todo;
+}
+// 文字只在搜索词变化时重渲染；筛选按钮只切换显隐，不碰卡片内容
+function renderCard(card, terms, key){
+  const {e, f} = card;
+  renderText(f.t, e.title, terms);
+  renderText(f.cost, e.cost, terms);
+  f.human.hidden = !e.human;
+  if (e.human) renderText(f.human, e.human, terms);
+  renderText(f.gain, e.gain, terms);
+  renderText(f.note, e.note, terms);
+  renderText(f.src, e.src, terms);
+  const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
+  f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
+  card.key = key;
+}
+function apply(){
+  const t0 = performance.now();
+  const terms = state.q.toLowerCase().split(/\s+/).filter(Boolean);
+  const key = terms.join(' ');
+  CUR_TERMS = terms; CUR_KEY = key;
+  let shown = 0, rerender = 0; const perSec = {};
+  for (const card of CARDS){
+    const {e, el} = card;
+    let ok = true;
+    if (state.sec.size && !state.sec.has(e.sec)) ok = false;
+    if (ok && state.ratio.size && !state.ratio.has(e.ratio)) ok = false;
+    if (ok && state.lens.size && !state.lens.has(e.lens)) ok = false;
+    if (ok && state.grade.size && !state.grade.has(e.grade)) ok = false;
+    if (ok && state.money.size && !state.money.has(e.money)) ok = false;
+    if (ok && state.time.size && !state.time.has(e.time)) ok = false;
+    if (ok && state.will.size && !state.will.has(e.will)) ok = false;
+    if (ok && state.dispute && !e.dispute) ok = false;
+    if (ok && state.todo && !e.todo) ok = false;
+    if (ok && terms.length && !terms.every(t => e.hay.includes(t))) ok = false;
+    if (el.hidden === ok) el.hidden = !ok;
+    if (ok){
+      shown++; perSec[e.sec] = (perSec[e.sec]||0)+1;
+      if (card.vis && card.key !== key) { rerender++; renderCard(card, terms, key); }
+    }
+  }
+  for (const b of BLOCKS){ const n = perSec[b.n]||0; if (b.el.hidden !== (n === 0)) b.el.hidden = n === 0; b.k.textContent = n; }
+  document.getElementById('cnt').textContent = shown;
+  document.getElementById('empty').hidden = shown !== 0;
+  syncControls(); writeUrl();
+  PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
+}
+
+/* ---------- 事件 ---------- */
+function wire(){
+  const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
+  const setMenu = (on) => { sb.classList.toggle('open', on); bd.classList.toggle('on', on); mb.setAttribute('aria-expanded', String(on)); };
+  const toTop = () => { setMenu(false); scrollTo({ top: 0, behavior: matchMedia('(prefers-reduced-motion: reduce)').matches ? 'auto' : 'smooth' }); };
+  document.querySelectorAll('[data-dim]').forEach(g => g.addEventListener('click', ev => {
+    const b = ev.target.closest('[data-v]'); if (!b) return;
+    const dim = g.dataset.dim, v = b.dataset.v, set = state[dim];
+    if (dim === 'sec'){
+      // 章节单选：再点一次已选中的不取消，免得双击退回全部章节；要看全部点「全部章节」
+      if (v === '') set.clear(); else { set.clear(); set.add(v); }
+    } else {
+      set.has(v) ? set.delete(v) : set.add(v);
+    }
+    apply(); toTop();
+  }));
+  document.getElementById('f-dispute').addEventListener('change', e => { state.dispute = e.target.checked; apply(); toTop(); });
+  document.getElementById('f-todo').addEventListener('change', e => { state.todo = e.target.checked; apply(); toTop(); });
+  let tm; document.getElementById('q').addEventListener('input', e => { clearTimeout(tm); tm = setTimeout(() => { state.q = e.target.value.trim(); apply(); }, 120); });
+  const reset = () => { state.q=''; for (const d of DIMS) state[d].clear(); state.dispute=false; state.todo=false; apply(); toTop(); };
+  document.getElementById('reset').addEventListener('click', reset);
+  document.getElementById('reset2').addEventListener('click', reset);
+  document.addEventListener('keydown', e => {
+    if (e.key === '/' && !/INPUT|TEXTAREA/.test(document.activeElement.tagName)) { e.preventDefault(); document.getElementById('q').focus(); }
+    if (e.key === 'Escape') { if (document.activeElement.id === 'q') document.activeElement.blur(); setMenu(false); }
+  });
+  // 术语弹层
+  const pop = document.getElementById('pop');
+  document.addEventListener('click', e => {
+    const ab = e.target.closest('abbr.term');
+    if (ab) { e.preventDefault(); showTerm(ab); return; }
+    if (!e.target.closest('#pop')) pop.hidden = true;
+  });
+  document.addEventListener('keydown', e => { if (e.key === 'Enter' && document.activeElement.matches?.('abbr.term')) showTerm(document.activeElement); });
+  addEventListener('scroll', () => { pop.hidden = true; }, {passive:true});
+  // 侧栏（移动端抽屉）
+  mb.addEventListener('click', () => setMenu(!sb.classList.contains('open')));
+  bd.addEventListener('click', () => setMenu(false));
+  // 深色模式
+  document.getElementById('theme').addEventListener('click', () => {
+    const dark = !document.documentElement.classList.contains('dark');
+    document.documentElement.classList.toggle('dark', dark);
+    try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
+  });
+}
+
+/* ---------- 启动 ---------- */
+(async function init(){
+  applyI18n();
+  const status = document.getElementById('status');
+  status.textContent = T().loading;
+  try {
+    if (location.protocol === 'file:') throw new Error('file');
+    const data = {ru:'README.ru.md', en:'README.md', zh:'README.zh.md'}[LANG];
+    const r = await fetch(data, {cache:'no-cache'});
+    if (!r.ok) throw new Error('http '+r.status);
+    const md = await r.text();
+    const files = [...new Set(Array.from(md.matchAll(/\]\((book\/[^)]+\.md)\)/g), m => m[1]))].sort();
+    if (!files.length) throw new Error('empty');
+    const parts = await Promise.all(files.map(async f => {
+      const res = await fetch(f, {cache:'no-cache'});
+      if (!res.ok) throw new Error('http '+res.status+': '+f);
+      return res.text();
+    }));
+    const t1 = performance.now();
+    const sections = parseReadme(parts.join('\n\n'));
+    if (!sections.length) throw new Error('empty');
+    GLOSS = parseGlossary(md);
+    PERF.log('парсинг текста', t1, files.length + ' файлов');
+    status.remove();
+    const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
+    buildGlossary(); readUrl(); wire(); apply();
+    PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
+    if (location.hash){
+      const target = document.getElementById(location.hash.slice(1));
+      target?.scrollIntoView();
+      // 卡片是 content-visibility:auto，首次定位后高度才准，下一帧再对一次
+      if (target) requestAnimationFrame(() => target.scrollIntoView());
+    }
+  } catch (err) {
+    status.innerHTML = err.message === 'file'
+      ? T().errFile
+      : T().errLoad(esc(String(err.message)));
+  }
+})();
+</script>
+</body>
+</html>

From 5853eb5c35b54712e7065151f51ba770f4cbb232 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sat, 19 Sep 2026 22:34:31 +0000
Subject: [PATCH 02/13] =?UTF-8?q?web(v2):=20single=20font=20family=20?=
 =?UTF-8?q?=E2=80=94=20Georgia=20everywhere=20(UI=20+=20book=20text);=20mo?=
 =?UTF-8?q?no=20only=20for=20<code>?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 tools/v2.css     | 5 +++--
 v2/en/index.html | 5 +++--
 v2/ru/index.html | 5 +++--
 v2/zh/index.html | 5 +++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/tools/v2.css b/tools/v2.css
index 59541254..5b28caba 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -8,7 +8,8 @@
   --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
   --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
   --serif:Georgia,"Times New Roman",serif;
-  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --sans:Georgia,"Times New Roman",serif; /* единый шрифт на всей странице (решение пользователя) */
+  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
   --nav-h:56px; --side-w:264px;
 }
 html.dark{
@@ -127,7 +128,7 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 
 /* status / empty / foot */
 .status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
-.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.status code{font-family:var(--mono);font-size:11px}
 .empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
 .empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
 .empty button:hover{border-color:var(--ink);color:var(--ink)}
diff --git a/v2/en/index.html b/v2/en/index.html
index e4d07b31..52e45ea1 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -47,7 +47,8 @@
   --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
   --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
   --serif:Georgia,"Times New Roman",serif;
-  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --sans:Georgia,"Times New Roman",serif; /* единый шрифт на всей странице (решение пользователя) */
+  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
   --nav-h:56px; --side-w:264px;
 }
 html.dark{
@@ -166,7 +167,7 @@
 
 /* status / empty / foot */
 .status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
-.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.status code{font-family:var(--mono);font-size:11px}
 .empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
 .empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
 .empty button:hover{border-color:var(--ink);color:var(--ink)}
diff --git a/v2/ru/index.html b/v2/ru/index.html
index d79d691d..166a06e1 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -47,7 +47,8 @@
   --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
   --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
   --serif:Georgia,"Times New Roman",serif;
-  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --sans:Georgia,"Times New Roman",serif; /* единый шрифт на всей странице (решение пользователя) */
+  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
   --nav-h:56px; --side-w:264px;
 }
 html.dark{
@@ -166,7 +167,7 @@
 
 /* status / empty / foot */
 .status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
-.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.status code{font-family:var(--mono);font-size:11px}
 .empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
 .empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
 .empty button:hover{border-color:var(--ink);color:var(--ink)}
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 8fc38f73..542177f2 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -47,7 +47,8 @@
   --bg:#ffffff; --ink:#111111; --text:#333333; --mut:#666666; --faint:#8e8e8e;
   --line:#e3e3e3; --line-soft:#d5d5d5; --hover:#2481cc; --pop-bg:#ffffff;
   --serif:Georgia,"Times New Roman",serif;
-  --sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
+  --sans:Georgia,"Times New Roman",serif; /* единый шрифт на всей странице (решение пользователя) */
+  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
   --nav-h:56px; --side-w:264px;
 }
 html.dark{
@@ -166,7 +167,7 @@
 
 /* status / empty / foot */
 .status{max-width:720px;margin:0 auto 8px;font:12px/1.6 var(--sans);color:var(--faint)}
-.status code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}
+.status code{font-family:var(--mono);font-size:11px}
 .empty{max-width:720px;margin:48px auto;text-align:center;font:16px/1.7 var(--serif);color:var(--mut)}
 .empty button{margin-top:14px;padding:8px 18px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--text);font:13px/1.4 var(--sans);cursor:pointer;transition:border-color .15s,color .15s}
 .empty button:hover{border-color:var(--ink);color:var(--ink)}

From afeb8765ce996698a3e95acee4e1a272669393d0 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 08:32:59 +0000
Subject: [PATCH 03/13] web(v2): header & width polish

- search bar exactly centered in window on desktop (absolute, min(420px,40vw)); flows normally on mobile
- nav-r anchored right via margin-left:auto; even gaps (10px), README/GitHub icons optically equalized (.ic-doc/.ic-gh), '/' hint padded
- theme switch knob: plain square, no cropped glyph; darker knob for contrast
- fix .icon-btn{display:grid} overriding .menu-btn{display:none} -> hamburger no longer visible on desktop (specificity)
- content column widened 680->760px
---
 index.html       |  4 ++--
 tools/v2.css     | 27 ++++++++++++++++-----------
 v2/en/index.html | 31 ++++++++++++++++++-------------
 v2/ru/index.html | 31 ++++++++++++++++++-------------
 v2/zh/index.html | 31 ++++++++++++++++++-------------
 5 files changed, 72 insertions(+), 52 deletions(-)

diff --git a/index.html b/index.html
index 013bfa01..2b5a6027 100644
--- a/index.html
+++ b/index.html
@@ -256,8 +256,8 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
-      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
   </div>
diff --git a/tools/v2.css b/tools/v2.css
index 5b28caba..bb9453fe 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -25,25 +25,29 @@ a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
-.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
-.menu-btn{display:none}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;position:relative}
+.icon-btn.menu-btn{display:none}
 .title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
-.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+/* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
 .search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
 .search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
 .search input::placeholder{color:var(--faint)}
 .search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:17px;height:17px;fill:currentColor}
-.nav-r{display:flex;align-items:center;gap:6px}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.icon-btn svg{width:16px;height:16px;fill:currentColor}
+/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
+.ic-doc svg{width:24px;height:24px}
+.ic-gh svg{width:15px;height:15px}
+.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
-.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
+.switch .knob svg{display:none}
 .switch .sun{display:block}.switch .moon{display:none}
 html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
 html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
@@ -90,7 +94,7 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-block{max-width:760px;margin:0 auto 64px}
 .sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
 .sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
@@ -148,7 +152,8 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 
 /* ---------- mobile ---------- */
 @media (max-width:1099px){
-  .menu-btn{display:grid}
+  .icon-btn.menu-btn{display:grid}
+  .search{position:static;transform:none;flex:1;width:auto;max-width:none}
   .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
   .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
   .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
diff --git a/v2/en/index.html b/v2/en/index.html
index 52e45ea1..dc5ce6ce 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -64,25 +64,29 @@
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
-.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
-.menu-btn{display:none}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;position:relative}
+.icon-btn.menu-btn{display:none}
 .title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
-.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+/* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
 .search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
 .search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
 .search input::placeholder{color:var(--faint)}
 .search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:17px;height:17px;fill:currentColor}
-.nav-r{display:flex;align-items:center;gap:6px}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.icon-btn svg{width:16px;height:16px;fill:currentColor}
+/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
+.ic-doc svg{width:24px;height:24px}
+.ic-gh svg{width:15px;height:15px}
+.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
-.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
+.switch .knob svg{display:none}
 .switch .sun{display:block}.switch .moon{display:none}
 html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
 html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
@@ -129,7 +133,7 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-block{max-width:760px;margin:0 auto 64px}
 .sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
 .sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
@@ -187,7 +191,8 @@
 
 /* ---------- mobile ---------- */
 @media (max-width:1099px){
-  .menu-btn{display:grid}
+  .icon-btn.menu-btn{display:grid}
+  .search{position:static;transform:none;flex:1;width:auto;max-width:none}
   .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
   .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
   .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
@@ -231,8 +236,8 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
-      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
   </div>
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 166a06e1..cf472d50 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -64,25 +64,29 @@
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
-.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
-.menu-btn{display:none}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;position:relative}
+.icon-btn.menu-btn{display:none}
 .title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
-.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+/* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
 .search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
 .search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
 .search input::placeholder{color:var(--faint)}
 .search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:17px;height:17px;fill:currentColor}
-.nav-r{display:flex;align-items:center;gap:6px}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.icon-btn svg{width:16px;height:16px;fill:currentColor}
+/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
+.ic-doc svg{width:24px;height:24px}
+.ic-gh svg{width:15px;height:15px}
+.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
-.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
+.switch .knob svg{display:none}
 .switch .sun{display:block}.switch .moon{display:none}
 html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
 html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
@@ -129,7 +133,7 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-block{max-width:760px;margin:0 auto 64px}
 .sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
 .sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
@@ -187,7 +191,8 @@
 
 /* ---------- mobile ---------- */
 @media (max-width:1099px){
-  .menu-btn{display:grid}
+  .icon-btn.menu-btn{display:grid}
+  .search{position:static;transform:none;flex:1;width:auto;max-width:none}
   .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
   .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
   .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
@@ -231,8 +236,8 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
-      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
   </div>
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 542177f2..648c8278 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -64,25 +64,29 @@
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
-.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px}
-.menu-btn{display:none}
+.nav-in{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;gap:14px;padding:0 24px;position:relative}
+.icon-btn.menu-btn{display:none}
 .title{display:flex;align-items:center;gap:8px;font:500 14px/1.3 var(--sans);color:var(--text);white-space:nowrap}
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
-.search{flex:1;max-width:420px;margin-left:auto;position:relative}
+/* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
 .search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
 .search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
 .search input::placeholder{color:var(--faint)}
 .search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:2px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:17px;height:17px;fill:currentColor}
-.nav-r{display:flex;align-items:center;gap:6px}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:4px;transition:border-color .15s}
+.icon-btn svg{width:16px;height:16px;fill:currentColor}
+/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
+.ic-doc svg{width:24px;height:24px}
+.ic-gh svg{width:15px;height:15px}
+.nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
+.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--line-soft);transition:transform .15s,background .15s;display:grid;place-items:center}
-.switch .knob svg{width:9px;height:9px;fill:var(--bg)}
+.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
+.switch .knob svg{display:none}
 .switch .sun{display:block}.switch .moon{display:none}
 html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
 html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
@@ -129,7 +133,7 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:680px;margin:0 auto 64px}
+.sec-block{max-width:760px;margin:0 auto 64px}
 .sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
 .sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
@@ -187,7 +191,8 @@
 
 /* ---------- mobile ---------- */
 @media (max-width:1099px){
-  .menu-btn{display:grid}
+  .icon-btn.menu-btn{display:grid}
+  .search{position:static;transform:none;flex:1;width:auto;max-width:none}
   .sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:none;width:min(var(--side-w),84vw);padding:24px 24px 96px}
   .sidebar.open{transform:none;box-shadow:0 4px 24px rgba(0,0,0,.15)}
   .content{padding:calc(var(--nav-h) + 16px) 20px 96px}
@@ -231,8 +236,8 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
-      <a class="icon-btn" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
   </div>

From 0f6a90a3ecf3e2886d3dd6d0fb7a7e79e196140e Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 09:19:26 +0000
Subject: [PATCH 04/13] =?UTF-8?q?web(v2):=20typography=20pass=20=E2=80=94?=
 =?UTF-8?q?=20university-press=20polish=20+=20audit=20fixes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- drop dead Inter stylesheet + preconnects (unused since Georgia switch)
- header icons: optical equalization (README 20px box, GH 15px), globe emoji -> text label,
  buttons/kbd/summary inherit font stack (theme toggle was Arial)
- scale 36/24/19/17.5: h1 36px (-.015em), h2 24px, card h3 19px (was =body), rows .k 11px (was 10px)
- mobile h1 27px, h2 21px; section rhythm: 88px between sections, roomier cards
- ::selection inverted (ink/bg)
- v2 pages: README/book links fixed to repo root (../../) — icon link was 404 from /v2/
---
 index.html       |  5 +----
 tools/v2.css     | 27 ++++++++++++++------------
 v2/en/index.html | 50 ++++++++++++++++++++++++------------------------
 v2/ru/index.html | 50 ++++++++++++++++++++++++------------------------
 v2/zh/index.html | 50 ++++++++++++++++++++++++------------------------
 5 files changed, 91 insertions(+), 91 deletions(-)

diff --git a/index.html b/index.html
index 2b5a6027..b9f9ac1f 100644
--- a/index.html
+++ b/index.html
@@ -33,9 +33,6 @@
 ]}
 </script>
 <script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 :root{
   --bg:#ffffff; --bg-alt:#f6f6f7; --bg-soft:#f6f6f7; --bg-mute:#f1f1f2; --bg-elv:#ffffff;
@@ -250,7 +247,7 @@ <h1>Пособие по выгодной жизни</h1>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
diff --git a/tools/v2.css b/tools/v2.css
index bb9453fe..a15b4137 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -21,7 +21,7 @@ html.dark{
 body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
-::selection{background:var(--line)}
+::selection{background:var(--ink);color:var(--bg)}
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
@@ -40,9 +40,11 @@ a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px;fill:currentColor}
-/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
-.ic-doc svg{width:24px;height:24px}
+/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+button,input,kbd,summary{font-family:var(--sans)}
+.ic-doc svg{width:20px;height:20px}
 .ic-gh svg{width:15px;height:15px}
+.lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
@@ -94,17 +96,17 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:760px;margin:0 auto 64px}
-.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
-.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-block{max-width:760px;margin:0 auto 88px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:8px}
+.sec-h h2{margin:0;font:600 24px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
-.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+.intro{margin:14px 0 30px;font:16px/1.7 var(--serif);color:var(--mut)}
 
 /* card: no box — hairline top only */
-.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card{border-top:1px solid var(--line);padding:26px 0 20px;content-visibility:auto;contain-intrinsic-size:auto 300px}
 .card-h{display:flex;align-items:baseline;gap:12px}
 .idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
-.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.card-h h3{margin:0;font:600 19px/1.45 var(--serif);color:var(--ink);overflow-wrap:anywhere}
 .anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
 .card:hover .anchor,.anchor:focus-visible{opacity:1}
 .anchor:hover{color:var(--hover)}
@@ -117,7 +119,7 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 .badge.warn{color:var(--mut);font-style:italic}
 .human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
 .rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
-.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
 .src{margin:0 0 0 40px}
@@ -145,7 +147,7 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 
 /* noscript / doc */
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
-.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
@@ -163,5 +165,6 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
   .title span:last-child{display:none}
   .search{max-width:none}
   .nav-in{padding:0 16px;gap:10px}
-  .sec-h h2{font-size:19px}
+  .doc-head h1{font-size:27px}
+  .sec-h h2{font-size:21px}
 }
diff --git a/v2/en/index.html b/v2/en/index.html
index dc5ce6ce..0011d821 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -33,9 +33,6 @@
 ]}
 </script>
 <script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 /* ============================================================
    HTLB v2 — editorial minimal skin (dlgrv.com style)
@@ -60,7 +57,7 @@
 body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
-::selection{background:var(--line)}
+::selection{background:var(--ink);color:var(--bg)}
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
@@ -79,9 +76,11 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px;fill:currentColor}
-/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
-.ic-doc svg{width:24px;height:24px}
+/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+button,input,kbd,summary{font-family:var(--sans)}
+.ic-doc svg{width:20px;height:20px}
 .ic-gh svg{width:15px;height:15px}
+.lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
@@ -133,17 +132,17 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:760px;margin:0 auto 64px}
-.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
-.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-block{max-width:760px;margin:0 auto 88px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:8px}
+.sec-h h2{margin:0;font:600 24px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
-.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+.intro{margin:14px 0 30px;font:16px/1.7 var(--serif);color:var(--mut)}
 
 /* card: no box — hairline top only */
-.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card{border-top:1px solid var(--line);padding:26px 0 20px;content-visibility:auto;contain-intrinsic-size:auto 300px}
 .card-h{display:flex;align-items:baseline;gap:12px}
 .idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
-.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.card-h h3{margin:0;font:600 19px/1.45 var(--serif);color:var(--ink);overflow-wrap:anywhere}
 .anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
 .card:hover .anchor,.anchor:focus-visible{opacity:1}
 .anchor:hover{color:var(--hover)}
@@ -156,7 +155,7 @@
 .badge.warn{color:var(--mut);font-style:italic}
 .human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
 .rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
-.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
 .src{margin:0 0 0 40px}
@@ -184,7 +183,7 @@
 
 /* noscript / doc */
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
-.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
@@ -202,7 +201,8 @@
   .title span:last-child{display:none}
   .search{max-width:none}
   .nav-in{padding:0 16px;gap:10px}
-  .sec-h h2{font-size:19px}
+  .doc-head h1{font-size:27px}
+  .sec-h h2{font-size:21px}
 }
 
 </style>
@@ -214,7 +214,7 @@
     <div class="doc-head">
       <h1>Пособие по выгодной жизни</h1>
       <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
-      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.</p>
     </div>
   </div>
 </noscript>
@@ -230,13 +230,13 @@ <h1>Пособие по выгодной жизни</h1>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
@@ -307,7 +307,7 @@ <h1>Пособие по выгодной жизни</h1>
   <div class="hint">
     <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
     <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
-    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+    <p>Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
   </div>
 </aside>
 
@@ -361,7 +361,7 @@ <h1>Пособие по выгодной жизни</h1>
  ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
    noscriptH:'Пособие по выгодной жизни',
    noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
-   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.',
    docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
    docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
    fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
@@ -375,7 +375,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'только спорные', fTodo:'только требующие проверки',
    hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
    hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
-   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   hint3:'Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
    foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
    kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
    ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
@@ -398,7 +398,7 @@ <h1>Пособие по выгодной жизни</h1>
  en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
    noscriptH:'The Best-Value Life Guide',
    noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
-   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="../../README.md">README.md</a> (table of contents) and the <a href="../../book/en/">book/en/</a> directory.',
    docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
    docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
    fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
@@ -412,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'contested only', fTodo:'unverified only',
    hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
    hint2:'Within a section — by descending benefit. Search does not change the order.',
-   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   hint3:'Data comes from the <a href="../../book/en/">book/en/</a> directory (31 files); edit the text there.',
    foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
    kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
    ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
@@ -435,7 +435,7 @@ <h1>Пособие по выгодной жизни</h1>
  zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
    noscriptH:'高性价比人生指南',
    noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
-   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="../../README.zh.md">README.zh.md</a>（目录）与 <a href="../../book/">book/</a> 目录。',
    docHead:'每条建议回答两个问题：付出什么——换回什么。',
    docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
    fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
@@ -449,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'只看有争议', fTodo:'只看待核实',
    hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
    hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
-   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   hint3:'数据来自 <a href="../../book/">book/</a> 目录（31 个文件）；改正文请改那里。',
    foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
    kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
    ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',
diff --git a/v2/ru/index.html b/v2/ru/index.html
index cf472d50..2de313ea 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -33,9 +33,6 @@
 ]}
 </script>
 <script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 /* ============================================================
    HTLB v2 — editorial minimal skin (dlgrv.com style)
@@ -60,7 +57,7 @@
 body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
-::selection{background:var(--line)}
+::selection{background:var(--ink);color:var(--bg)}
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
@@ -79,9 +76,11 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px;fill:currentColor}
-/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
-.ic-doc svg{width:24px;height:24px}
+/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+button,input,kbd,summary{font-family:var(--sans)}
+.ic-doc svg{width:20px;height:20px}
 .ic-gh svg{width:15px;height:15px}
+.lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
@@ -133,17 +132,17 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:760px;margin:0 auto 64px}
-.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
-.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-block{max-width:760px;margin:0 auto 88px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:8px}
+.sec-h h2{margin:0;font:600 24px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
-.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+.intro{margin:14px 0 30px;font:16px/1.7 var(--serif);color:var(--mut)}
 
 /* card: no box — hairline top only */
-.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card{border-top:1px solid var(--line);padding:26px 0 20px;content-visibility:auto;contain-intrinsic-size:auto 300px}
 .card-h{display:flex;align-items:baseline;gap:12px}
 .idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
-.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.card-h h3{margin:0;font:600 19px/1.45 var(--serif);color:var(--ink);overflow-wrap:anywhere}
 .anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
 .card:hover .anchor,.anchor:focus-visible{opacity:1}
 .anchor:hover{color:var(--hover)}
@@ -156,7 +155,7 @@
 .badge.warn{color:var(--mut);font-style:italic}
 .human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
 .rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
-.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
 .src{margin:0 0 0 40px}
@@ -184,7 +183,7 @@
 
 /* noscript / doc */
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
-.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
@@ -202,7 +201,8 @@
   .title span:last-child{display:none}
   .search{max-width:none}
   .nav-in{padding:0 16px;gap:10px}
-  .sec-h h2{font-size:19px}
+  .doc-head h1{font-size:27px}
+  .sec-h h2{font-size:21px}
 }
 
 </style>
@@ -214,7 +214,7 @@
     <div class="doc-head">
       <h1>Пособие по выгодной жизни</h1>
       <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
-      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.</p>
     </div>
   </div>
 </noscript>
@@ -230,13 +230,13 @@ <h1>Пособие по выгодной жизни</h1>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
@@ -307,7 +307,7 @@ <h1>Пособие по выгодной жизни</h1>
   <div class="hint">
     <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
     <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
-    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+    <p>Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
   </div>
 </aside>
 
@@ -361,7 +361,7 @@ <h1>Пособие по выгодной жизни</h1>
  ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
    noscriptH:'Пособие по выгодной жизни',
    noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
-   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.',
    docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
    docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
    fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
@@ -375,7 +375,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'только спорные', fTodo:'только требующие проверки',
    hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
    hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
-   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   hint3:'Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
    foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
    kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
    ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
@@ -398,7 +398,7 @@ <h1>Пособие по выгодной жизни</h1>
  en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
    noscriptH:'The Best-Value Life Guide',
    noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
-   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="../../README.md">README.md</a> (table of contents) and the <a href="../../book/en/">book/en/</a> directory.',
    docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
    docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
    fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
@@ -412,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'contested only', fTodo:'unverified only',
    hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
    hint2:'Within a section — by descending benefit. Search does not change the order.',
-   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   hint3:'Data comes from the <a href="../../book/en/">book/en/</a> directory (31 files); edit the text there.',
    foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
    kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
    ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
@@ -435,7 +435,7 @@ <h1>Пособие по выгодной жизни</h1>
  zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
    noscriptH:'高性价比人生指南',
    noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
-   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="../../README.zh.md">README.zh.md</a>（目录）与 <a href="../../book/">book/</a> 目录。',
    docHead:'每条建议回答两个问题：付出什么——换回什么。',
    docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
    fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
@@ -449,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'只看有争议', fTodo:'只看待核实',
    hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
    hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
-   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   hint3:'数据来自 <a href="../../book/">book/</a> 目录（31 个文件）；改正文请改那里。',
    foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
    kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
    ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 648c8278..8572e52a 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -33,9 +33,6 @@
 ]}
 </script>
 <script>(function(){try{var s=localStorage.getItem('theme');var d=s?s==='dark':matchMedia('(prefers-color-scheme: dark)').matches;if(d)document.documentElement.classList.add('dark')}catch(e){}})();</script>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 <style>
 /* ============================================================
    HTLB v2 — editorial minimal skin (dlgrv.com style)
@@ -60,7 +57,7 @@
 body{margin:0;background:var(--bg);color:var(--text);font:17.5px/1.7 var(--serif);-webkit-font-smoothing:antialiased}
 a{color:inherit;text-decoration:none}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,abbr:focus-visible{outline:1px solid var(--hover);outline-offset:2px}
-::selection{background:var(--line)}
+::selection{background:var(--ink);color:var(--bg)}
 
 /* ---------- top bar ---------- */
 .nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:30;background:var(--bg);border-bottom:1px solid var(--line)}
@@ -79,9 +76,11 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px;fill:currentColor}
-/* единый оптический калибр: глиф README занимает 14/24 viewBox, октокат ~24/24 */
-.ic-doc svg{width:24px;height:24px}
+/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+button,input,kbd,summary{font-family:var(--sans)}
+.ic-doc svg{width:20px;height:20px}
 .ic-gh svg{width:15px;height:15px}
+.lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
 .switch:hover{border-color:var(--mut)}
@@ -133,17 +132,17 @@
 
 /* ---------- content ---------- */
 .content{padding:calc(var(--nav-h) + 40px) 48px 128px calc(var(--side-w) + 56px)}
-.sec-block{max-width:760px;margin:0 auto 64px}
-.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:8px;margin-bottom:6px}
-.sec-h h2{margin:0;font:600 22px/1.4 var(--serif);color:var(--ink)}
+.sec-block{max-width:760px;margin:0 auto 88px}
+.sec-h{display:flex;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:8px}
+.sec-h h2{margin:0;font:600 24px/1.35 var(--serif);letter-spacing:-.01em;color:var(--ink)}
 .sec-h .shown{margin-left:auto;flex:none;font:12px/1 var(--sans);color:var(--faint);font-variant-numeric:tabular-nums}
-.intro{margin:18px 0 28px;font:15px/1.7 var(--serif);color:var(--mut)}
+.intro{margin:14px 0 30px;font:16px/1.7 var(--serif);color:var(--mut)}
 
 /* card: no box — hairline top only */
-.card{border-top:1px solid var(--line);padding:24px 0 18px;content-visibility:auto;contain-intrinsic-size:auto 300px}
+.card{border-top:1px solid var(--line);padding:26px 0 20px;content-visibility:auto;contain-intrinsic-size:auto 300px}
 .card-h{display:flex;align-items:baseline;gap:12px}
 .idx{flex:none;min-width:28px;font:15px/1.5 var(--serif);font-variant-numeric:tabular-nums;color:var(--faint)}
-.card-h h3{margin:0;font:600 17.5px/1.5 var(--serif);color:var(--ink);overflow-wrap:anywhere}
+.card-h h3{margin:0;font:600 19px/1.45 var(--serif);color:var(--ink);overflow-wrap:anywhere}
 .anchor{flex:none;color:var(--faint);font:14px/1.5 var(--serif);opacity:0;transition:opacity .15s,color .15s}
 .card:hover .anchor,.anchor:focus-visible{opacity:1}
 .anchor:hover{color:var(--hover)}
@@ -156,7 +155,7 @@
 .badge.warn{color:var(--mut);font-style:italic}
 .human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
 .rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
-.rows .k{font:700 10px/1.9 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
+.rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
 .src{margin:0 0 0 40px}
@@ -184,7 +183,7 @@
 
 /* noscript / doc */
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
-.doc-head h1{margin:0 0 16px;font:600 28px/1.3 var(--serif);color:var(--ink)}
+.doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
@@ -202,7 +201,8 @@
   .title span:last-child{display:none}
   .search{max-width:none}
   .nav-in{padding:0 16px;gap:10px}
-  .sec-h h2{font-size:19px}
+  .doc-head h1{font-size:27px}
+  .sec-h h2{font-size:21px}
 }
 
 </style>
@@ -214,7 +214,7 @@
     <div class="doc-head">
       <h1>Пособие по выгодной жизни</h1>
       <p>Русский перевод книги HowToLiveBetter (高性价比人生指南 · «Пособие по выгодной жизни»): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.</p>
-      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.</p>
+      <p>Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.</p>
     </div>
   </div>
 </noscript>
@@ -230,13 +230,13 @@ <h1>Пособие по выгодной жизни</h1>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">🌐</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
       <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
     </div>
@@ -307,7 +307,7 @@ <h1>Пособие по выгодной жизни</h1>
   <div class="hint">
     <p>Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».</p>
     <p>Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.</p>
-    <p>Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
+    <p>Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.</p>
   </div>
 </aside>
 
@@ -361,7 +361,7 @@ <h1>Пособие по выгодной жизни</h1>
  ru:{ htmlLang:'ru', title:'Пособие по выгодной жизни', search:'Поиск по рекомендациям',
    noscriptH:'Пособие по выгодной жизни',
    noscriptP:'Русский перевод книги HowToLiveBetter (高性价比人生指南): 31 раздел, каждая рекомендация — с стоимостью, эффектом, уровнем доказательности и первоисточником.',
-   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="book/ru/">book/ru/</a>.',
+   noscriptLink:'Фильтры и поиск на этой странице требуют JavaScript. Текст можно читать напрямую: <a href="../../README.ru.md">README.ru.md</a> (оглавление) и каталог <a href="../../book/ru/">book/ru/</a>.',
    docHead:'Каждая рекомендация отвечает на два вопроса: чем рискуешь — и что получаешь.',
    docHead2:'Кому достаётся выгода, тоже разбито по уровням: сам ты — выше всего, затем супруг и близкие родственники, потом друзья и коллеги, незнакомцы — ниже всех. «Ниже всех» не значит «ноль»: просто надежда на ответ меньше, а риски нужно учитывать вместе с выгодой.',
    fbAria:'Обратная связь о переводе', fbIssueT:'Нашли ошибку в переводе —', fbIssue:'откройте issue', fbStarT:'Понравился перевод —', fbStar:'поставьте звезду репо',
@@ -375,7 +375,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'только спорные', fTodo:'только требующие проверки',
    hint1:'Раздел выбирается один, затраты и уровень — можно несколько. Внутри группы выбор «или», между группами «и».',
    hint2:'Внутри раздела — по убыванию выгоды. Поиск не меняет порядок.',
-   hint3:'Данные — из каталога <a href="book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
+   hint3:'Данные — из каталога <a href="../../book/ru/">book/ru/</a> (31 файл); правки текста вносятся там.',
    foot:'Категория эффекта указана в каждом пункте: разд. 1–2 — общая смертность или конкретная причина смерти; разд. 3–4 — время и силы; разд. 5 — деньги; разд. 7 — деньги и гарантии; разд. 8–9 — деньги и личная свобода. Категории между собой не сравниваются. Проверка источников: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (отчёт о проверке источников, на китайском)</a>. Оригинал — Public Domain (Unlicense).',
    kCost:'Стоимость', kGain:'Эффект', kNote:'Примечания', src:'Источники', anchor:'Ссылка на этот пункт',
    ratioBadge:'Выгода/затраты', ratioTitle:'Оценка автора: из уровня эффекта', gradeBadge:'Доказательность', dispute:'Спорно', todo:'Есть непроверенное',
@@ -398,7 +398,7 @@ <h1>Пособие по выгодной жизни</h1>
  en:{ htmlLang:'en', title:'The Best-Value Life Guide', search:'Search the recommendations',
    noscriptH:'The Best-Value Life Guide',
    noscriptP:'English translation of HowToLiveBetter (高性价比人生指南): 31 sections; every recommendation states its cost, benefit, evidence grade, and primary source.',
-   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="README.md">README.md</a> (table of contents) and the <a href="book/en/">book/en/</a> directory.',
+   noscriptLink:'Filters and search on this page require JavaScript. The text can be read directly: <a href="../../README.md">README.md</a> (table of contents) and the <a href="../../book/en/">book/en/</a> directory.',
    docHead:'Every recommendation answers two questions: what it costs — and what it buys back.',
    docHead2:'Whose account the benefit lands on is tiered too: you yourself come first, then spouse and immediate family, then friends and colleagues; strangers come lowest. "Lowest" does not mean "zero": the chance of return is smaller, and the risks must be weighed together with the benefit.',
    fbAria:'Translation feedback', fbIssueT:'Spotted a mistake in the translation —', fbIssue:'open an issue', fbStarT:'Like the translation —', fbStar:'give the repo a star',
@@ -412,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'contested only', fTodo:'unverified only',
    hint1:'One section at a time; costs and level can be combined. Within a group the choice is "or", between groups "and".',
    hint2:'Within a section — by descending benefit. Search does not change the order.',
-   hint3:'Data comes from the <a href="book/en/">book/en/</a> directory (31 files); edit the text there.',
+   hint3:'Data comes from the <a href="../../book/en/">book/en/</a> directory (31 files); edit the text there.',
    foot:'The benefit category is stated on every item: sec. 1–2 — all-cause mortality or a specific cause of death; sec. 3–4 — time and energy; sec. 5 — money; sec. 7 — money and protection; sec. 8–9 — money and personal freedom. Categories are not compared with each other. Source verification: <a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录 (verification records, in Chinese)</a>. The original is Public Domain (Unlicense).',
    kCost:'Cost', kGain:'Benefit', kNote:'Notes', src:'Sources', anchor:'Link to this item',
    ratioBadge:'Benefit/costs', ratioTitle:'Author judgment: from the effect level', gradeBadge:'Evidence', dispute:'Contested', todo:'Has unverified',
@@ -435,7 +435,7 @@ <h1>Пособие по выгодной жизни</h1>
  zh:{ htmlLang:'zh', title:'高性价比人生指南', search:'搜索建议',
    noscriptH:'高性价比人生指南',
    noscriptP:'《高性价比人生指南》：31 个小节，每条建议都写明成本、收益、证据等级与原始出处。',
-   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="README.zh.md">README.zh.md</a>（目录）与 <a href="book/">book/</a> 目录。',
+   noscriptLink:'本页的筛选与搜索需要 JavaScript。也可直接阅读：<a href="../../README.zh.md">README.zh.md</a>（目录）与 <a href="../../book/">book/</a> 目录。',
    docHead:'每条建议回答两个问题：付出什么——换回什么。',
    docHead2:'收益算在谁头上也分档：你自己最高，其次是配偶与直系亲属，再次是朋友同事，陌生人最低。「最低」不是「零」：只是回报的期望更小，风险要与收益一起权衡。',
    fbAria:'翻译反馈', fbIssueT:'发现翻译有误 —', fbIssue:'欢迎提 issue', fbStarT:'觉得翻译不错 —', fbStar:'给仓库点个 star',
@@ -449,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    fDispute:'只看有争议', fTodo:'只看待核实',
    hint1:'小节单选，花费与等级可多选。组内「或」，组间「且」。',
    hint2:'小节内按性价比从高到低排列，搜索不改变顺序。',
-   hint3:'数据来自 <a href="book/">book/</a> 目录（31 个文件）；改正文请改那里。',
+   hint3:'数据来自 <a href="../../book/">book/</a> 目录（31 个文件）；改正文请改那里。',
    foot:'每个条目都标明收益口径：1–2 节——总死亡率或特定死因；3–4 节——时间精力；5 节——金钱；7 节——金钱与保障；8–9 节——金钱与人身自由。口径之间不做比较。来源核查：<a href="https://github.com/eternity4719/HowToLiveBetter/tree/main/docs/%E6%A0%B8%E5%AE%9E%E8%AE%B0%E5%BD%95">docs/核实记录（中文）</a>。原文为 Public Domain（Unlicense）。',
    kCost:'成本', kGain:'收益', kNote:'备注', src:'来源', anchor:'链接到此条',
    ratioBadge:'性价比', ratioTitle:'作者判断：由效果量级', gradeBadge:'证据', dispute:'争议', todo:'有待核实',

From 2ecc078e02edd1a14464165b25b1fc3a78bdba6c Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 12:15:00 +0000
Subject: [PATCH 05/13] =?UTF-8?q?web(v2):=20press=20features=20=E2=80=94?=
 =?UTF-8?q?=20scroll-spy,=20marginalia,=20typography=20details?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- scroll-spy: sidebar highlights current section on scroll (rAF-batched,
  passive listeners, v2-only via __HTLB_V2__ flag)
- marginalia (Tufte-style): notes move to right margin >=1440px,
  stay in card flow below; .marg aside rendered per card (v2-only)
- typography: text-wrap:balance on headings, hyphens:auto
- build: inject __HTLB_V2__=1 flag into v2 pages (was missing —
  all v2-conditional JS branches were dead)
---
 index.html           | 34 +++++++++++++++++++++++++++
 tools/build_pages.py |  4 +++-
 tools/v2.css         | 20 ++++++++++++++++
 v2/en/index.html     | 56 +++++++++++++++++++++++++++++++++++++++++++-
 v2/ru/index.html     | 56 +++++++++++++++++++++++++++++++++++++++++++-
 v2/zh/index.html     | 56 +++++++++++++++++++++++++++++++++++++++++++-
 6 files changed, 222 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index b9f9ac1f..fc1f2249 100644
--- a/index.html
+++ b/index.html
@@ -802,6 +802,11 @@ <h1>Пособие по выгодной жизни</h1>
           <div class="k" data-k="note"></div><div class="v note"></div>
         </div>
         <details class="src"><summary></summary><div class="body"></div></details>`;
+      if (window.__HTLB_V2__){
+        const mg = document.createElement('aside'); mg.className = 'marg';
+        mg.innerHTML = `<span class="k"></span><span class="mt"></span>`;
+        c.appendChild(mg);
+      }
       c.querySelector('[data-k="cost"]').textContent = T().kCost;
       c.querySelector('[data-k="gain"]').textContent = T().kGain;
       c.querySelector('[data-k="note"]').textContent = T().kNote;
@@ -864,6 +869,8 @@ <h1>Пособие по выгодной жизни</h1>
   if (e.human) renderText(f.human, e.human, terms);
   renderText(f.gain, e.gain, terms);
   renderText(f.note, e.note, terms);
+  const mg = f.note.closest('.card')?.querySelector('.marg');
+  if (mg){ mg.querySelector('.k').textContent = T().kNote; renderText(mg.querySelector('.mt'), e.note, terms); }
   renderText(f.src, e.src, terms);
   const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
   f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
@@ -901,6 +908,24 @@ <h1>Пособие по выгодной жизни</h1>
   PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
 }
 
+/* ---------- scroll-spy: подсветка текущего раздела в сайдбаре ---------- */
+let SPY_LINKS = null;
+function spyTick(){
+  if (!SPY_LINKS) return;
+  const navH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h')) || 0;
+  const probe = navH + 120;
+  let cur = '';
+  for (const b of BLOCKS){
+    if (b.el.hidden) continue;
+    const r = b.el.getBoundingClientRect();
+    if (r.top <= probe) cur = b.n; else break;
+  }
+  for (const {n, btn} of SPY_LINKS){
+    const on = n === cur;
+    if (btn.dataset.spy !== String(on)){ btn.dataset.spy = String(on); btn.classList.toggle('spy-on', on); }
+  }
+}
+
 /* ---------- 事件 ---------- */
 function wire(){
   const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
@@ -973,6 +998,15 @@ <h1>Пособие по выгодной жизни</h1>
     status.remove();
     const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
     buildGlossary(); readUrl(); wire(); apply();
+    // scroll-spy: только в v2-скине, после первой раскладки
+    if (window.__HTLB_V2__ && BLOCKS.length){
+      SPY_LINKS = [...document.querySelectorAll('#f-sec .sec-link:not(.all)')].map(btn => ({ n: btn.dataset.v, btn }));
+      let spyPending = false;
+      const onScroll = () => { if (spyPending) return; spyPending = true; requestAnimationFrame(() => { spyPending = false; spyTick(); }); };
+      window.addEventListener('scroll', onScroll, { passive: true });
+      window.addEventListener('resize', onScroll, { passive: true });
+      spyTick();
+    }
     PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
     if (location.hash){
       const target = document.getElementById(location.hash.slice(1));
diff --git a/tools/build_pages.py b/tools/build_pages.py
index 4fc38033..09042104 100644
--- a/tools/build_pages.py
+++ b/tools/build_pages.py
@@ -33,7 +33,9 @@
 if V2MARK not in src:
     print('note: root index.html has no %s marker; v2 pages get skin flag only via generation' % V2MARK)
 for lang in ('ru','en','zh'):
-    d = src.replace(tpl, "<script>window.__HTLB_LANG__='%s';window.__HTLB_BASE__='../../';</script>" % lang)
+    d = src.replace(tpl, "<script>window.__HTLB_LANG__='%s';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>" % lang)
+    # README/book links in header & noscript point to repo root; v2 lives one level deeper
+    d = d.replace('href="README', 'href="../../README').replace('href="book/', 'href="../../book/')
     d = STYLE_RE.sub(lambda _: '<style>\n' + v2css + '\n</style>', d, count=1)
     d = d.replace(CANON, '<link rel="canonical" href="https://dlgrv.github.io/HowToLiveBetter/v2/%s/">' % lang)
     d = d.replace(OGURL, '<meta property="og:url" content="https://dlgrv.github.io/HowToLiveBetter/v2/%s/">' % lang)
diff --git a/tools/v2.css b/tools/v2.css
index a15b4137..013b5709 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -129,6 +129,26 @@ html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
 .src .body p{margin:0 0 .6em}
 .src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .src .body a:hover{color:var(--hover)}
+
+/* ---------- press polish: scroll-spy, marginalia ---------- */
+/* подсветка текущего раздела в сайдбаре */
+.sec-link.spy-on{color:var(--ink)}
+.sec-link.spy-on span{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px}
+h1,h2,h3{text-wrap:balance}
+body{hyphens:auto;-webkit-hyphens:auto}
+/* маргиналии по-Тафти: Примечания уходят в правое поле; колонка прижата влево,
+   чтобы поле было широким; на узких экранах всё остаётся в потоке */
+@media (min-width:1440px){
+  .doc{margin-left:0;margin-right:auto}
+  .card{position:relative}
+  .card .marg{position:absolute;top:2px;left:calc(100% + 36px);width:200px}
+  .card > .rows [data-k="note"],.card > .rows [data-k="note"] + .v{display:none}
+}
+@media (max-width:1439px){
+  .card .marg{display:none}
+}
+.marg{font:13.5px/1.65 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.marg .k{font:700 10px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:block}
 .term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
 .term:hover,.term:focus-visible{color:var(--ink)}
 
diff --git a/v2/en/index.html b/v2/en/index.html
index 0011d821..4a08c971 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='en';window.__HTLB_BASE__='../../';</script>
+<script>window.__HTLB_LANG__='en';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -165,6 +165,26 @@
 .src .body p{margin:0 0 .6em}
 .src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .src .body a:hover{color:var(--hover)}
+
+/* ---------- press polish: scroll-spy, marginalia ---------- */
+/* подсветка текущего раздела в сайдбаре */
+.sec-link.spy-on{color:var(--ink)}
+.sec-link.spy-on span{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px}
+h1,h2,h3{text-wrap:balance}
+body{hyphens:auto;-webkit-hyphens:auto}
+/* маргиналии по-Тафти: Примечания уходят в правое поле; колонка прижата влево,
+   чтобы поле было широким; на узких экранах всё остаётся в потоке */
+@media (min-width:1440px){
+  .doc{margin-left:0;margin-right:auto}
+  .card{position:relative}
+  .card .marg{position:absolute;top:2px;left:calc(100% + 36px);width:200px}
+  .card > .rows [data-k="note"],.card > .rows [data-k="note"] + .v{display:none}
+}
+@media (max-width:1439px){
+  .card .marg{display:none}
+}
+.marg{font:13.5px/1.65 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.marg .k{font:700 10px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:block}
 .term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
 .term:hover,.term:focus-visible{color:var(--ink)}
 
@@ -785,6 +805,11 @@ <h1>Пособие по выгодной жизни</h1>
           <div class="k" data-k="note"></div><div class="v note"></div>
         </div>
         <details class="src"><summary></summary><div class="body"></div></details>`;
+      if (window.__HTLB_V2__){
+        const mg = document.createElement('aside'); mg.className = 'marg';
+        mg.innerHTML = `<span class="k"></span><span class="mt"></span>`;
+        c.appendChild(mg);
+      }
       c.querySelector('[data-k="cost"]').textContent = T().kCost;
       c.querySelector('[data-k="gain"]').textContent = T().kGain;
       c.querySelector('[data-k="note"]').textContent = T().kNote;
@@ -847,6 +872,8 @@ <h1>Пособие по выгодной жизни</h1>
   if (e.human) renderText(f.human, e.human, terms);
   renderText(f.gain, e.gain, terms);
   renderText(f.note, e.note, terms);
+  const mg = f.note.closest('.card')?.querySelector('.marg');
+  if (mg){ mg.querySelector('.k').textContent = T().kNote; renderText(mg.querySelector('.mt'), e.note, terms); }
   renderText(f.src, e.src, terms);
   const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
   f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
@@ -884,6 +911,24 @@ <h1>Пособие по выгодной жизни</h1>
   PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
 }
 
+/* ---------- scroll-spy: подсветка текущего раздела в сайдбаре ---------- */
+let SPY_LINKS = null;
+function spyTick(){
+  if (!SPY_LINKS) return;
+  const navH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h')) || 0;
+  const probe = navH + 120;
+  let cur = '';
+  for (const b of BLOCKS){
+    if (b.el.hidden) continue;
+    const r = b.el.getBoundingClientRect();
+    if (r.top <= probe) cur = b.n; else break;
+  }
+  for (const {n, btn} of SPY_LINKS){
+    const on = n === cur;
+    if (btn.dataset.spy !== String(on)){ btn.dataset.spy = String(on); btn.classList.toggle('spy-on', on); }
+  }
+}
+
 /* ---------- 事件 ---------- */
 function wire(){
   const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
@@ -956,6 +1001,15 @@ <h1>Пособие по выгодной жизни</h1>
     status.remove();
     const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
     buildGlossary(); readUrl(); wire(); apply();
+    // scroll-spy: только в v2-скине, после первой раскладки
+    if (window.__HTLB_V2__ && BLOCKS.length){
+      SPY_LINKS = [...document.querySelectorAll('#f-sec .sec-link:not(.all)')].map(btn => ({ n: btn.dataset.v, btn }));
+      let spyPending = false;
+      const onScroll = () => { if (spyPending) return; spyPending = true; requestAnimationFrame(() => { spyPending = false; spyTick(); }); };
+      window.addEventListener('scroll', onScroll, { passive: true });
+      window.addEventListener('resize', onScroll, { passive: true });
+      spyTick();
+    }
     PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
     if (location.hash){
       const target = document.getElementById(location.hash.slice(1));
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 2de313ea..c09708c1 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='ru';window.__HTLB_BASE__='../../';</script>
+<script>window.__HTLB_LANG__='ru';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -165,6 +165,26 @@
 .src .body p{margin:0 0 .6em}
 .src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .src .body a:hover{color:var(--hover)}
+
+/* ---------- press polish: scroll-spy, marginalia ---------- */
+/* подсветка текущего раздела в сайдбаре */
+.sec-link.spy-on{color:var(--ink)}
+.sec-link.spy-on span{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px}
+h1,h2,h3{text-wrap:balance}
+body{hyphens:auto;-webkit-hyphens:auto}
+/* маргиналии по-Тафти: Примечания уходят в правое поле; колонка прижата влево,
+   чтобы поле было широким; на узких экранах всё остаётся в потоке */
+@media (min-width:1440px){
+  .doc{margin-left:0;margin-right:auto}
+  .card{position:relative}
+  .card .marg{position:absolute;top:2px;left:calc(100% + 36px);width:200px}
+  .card > .rows [data-k="note"],.card > .rows [data-k="note"] + .v{display:none}
+}
+@media (max-width:1439px){
+  .card .marg{display:none}
+}
+.marg{font:13.5px/1.65 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.marg .k{font:700 10px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:block}
 .term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
 .term:hover,.term:focus-visible{color:var(--ink)}
 
@@ -785,6 +805,11 @@ <h1>Пособие по выгодной жизни</h1>
           <div class="k" data-k="note"></div><div class="v note"></div>
         </div>
         <details class="src"><summary></summary><div class="body"></div></details>`;
+      if (window.__HTLB_V2__){
+        const mg = document.createElement('aside'); mg.className = 'marg';
+        mg.innerHTML = `<span class="k"></span><span class="mt"></span>`;
+        c.appendChild(mg);
+      }
       c.querySelector('[data-k="cost"]').textContent = T().kCost;
       c.querySelector('[data-k="gain"]').textContent = T().kGain;
       c.querySelector('[data-k="note"]').textContent = T().kNote;
@@ -847,6 +872,8 @@ <h1>Пособие по выгодной жизни</h1>
   if (e.human) renderText(f.human, e.human, terms);
   renderText(f.gain, e.gain, terms);
   renderText(f.note, e.note, terms);
+  const mg = f.note.closest('.card')?.querySelector('.marg');
+  if (mg){ mg.querySelector('.k').textContent = T().kNote; renderText(mg.querySelector('.mt'), e.note, terms); }
   renderText(f.src, e.src, terms);
   const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
   f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
@@ -884,6 +911,24 @@ <h1>Пособие по выгодной жизни</h1>
   PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
 }
 
+/* ---------- scroll-spy: подсветка текущего раздела в сайдбаре ---------- */
+let SPY_LINKS = null;
+function spyTick(){
+  if (!SPY_LINKS) return;
+  const navH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h')) || 0;
+  const probe = navH + 120;
+  let cur = '';
+  for (const b of BLOCKS){
+    if (b.el.hidden) continue;
+    const r = b.el.getBoundingClientRect();
+    if (r.top <= probe) cur = b.n; else break;
+  }
+  for (const {n, btn} of SPY_LINKS){
+    const on = n === cur;
+    if (btn.dataset.spy !== String(on)){ btn.dataset.spy = String(on); btn.classList.toggle('spy-on', on); }
+  }
+}
+
 /* ---------- 事件 ---------- */
 function wire(){
   const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
@@ -956,6 +1001,15 @@ <h1>Пособие по выгодной жизни</h1>
     status.remove();
     const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
     buildGlossary(); readUrl(); wire(); apply();
+    // scroll-spy: только в v2-скине, после первой раскладки
+    if (window.__HTLB_V2__ && BLOCKS.length){
+      SPY_LINKS = [...document.querySelectorAll('#f-sec .sec-link:not(.all)')].map(btn => ({ n: btn.dataset.v, btn }));
+      let spyPending = false;
+      const onScroll = () => { if (spyPending) return; spyPending = true; requestAnimationFrame(() => { spyPending = false; spyTick(); }); };
+      window.addEventListener('scroll', onScroll, { passive: true });
+      window.addEventListener('resize', onScroll, { passive: true });
+      spyTick();
+    }
     PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
     if (location.hash){
       const target = document.getElementById(location.hash.slice(1));
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 8572e52a..b156d25b 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='zh';window.__HTLB_BASE__='../../';</script>
+<script>window.__HTLB_LANG__='zh';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -165,6 +165,26 @@
 .src .body p{margin:0 0 .6em}
 .src .body a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .src .body a:hover{color:var(--hover)}
+
+/* ---------- press polish: scroll-spy, marginalia ---------- */
+/* подсветка текущего раздела в сайдбаре */
+.sec-link.spy-on{color:var(--ink)}
+.sec-link.spy-on span{text-decoration:underline;text-decoration-color:var(--ink);text-underline-offset:3px}
+h1,h2,h3{text-wrap:balance}
+body{hyphens:auto;-webkit-hyphens:auto}
+/* маргиналии по-Тафти: Примечания уходят в правое поле; колонка прижата влево,
+   чтобы поле было широким; на узких экранах всё остаётся в потоке */
+@media (min-width:1440px){
+  .doc{margin-left:0;margin-right:auto}
+  .card{position:relative}
+  .card .marg{position:absolute;top:2px;left:calc(100% + 36px);width:200px}
+  .card > .rows [data-k="note"],.card > .rows [data-k="note"] + .v{display:none}
+}
+@media (max-width:1439px){
+  .card .marg{display:none}
+}
+.marg{font:13.5px/1.65 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.marg .k{font:700 10px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);display:block}
 .term{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--faint);text-underline-offset:3px}
 .term:hover,.term:focus-visible{color:var(--ink)}
 
@@ -785,6 +805,11 @@ <h1>Пособие по выгодной жизни</h1>
           <div class="k" data-k="note"></div><div class="v note"></div>
         </div>
         <details class="src"><summary></summary><div class="body"></div></details>`;
+      if (window.__HTLB_V2__){
+        const mg = document.createElement('aside'); mg.className = 'marg';
+        mg.innerHTML = `<span class="k"></span><span class="mt"></span>`;
+        c.appendChild(mg);
+      }
       c.querySelector('[data-k="cost"]').textContent = T().kCost;
       c.querySelector('[data-k="gain"]').textContent = T().kGain;
       c.querySelector('[data-k="note"]').textContent = T().kNote;
@@ -847,6 +872,8 @@ <h1>Пособие по выгодной жизни</h1>
   if (e.human) renderText(f.human, e.human, terms);
   renderText(f.gain, e.gain, terms);
   renderText(f.note, e.note, terms);
+  const mg = f.note.closest('.card')?.querySelector('.marg');
+  if (mg){ mg.querySelector('.k').textContent = T().kNote; renderText(mg.querySelector('.mt'), e.note, terms); }
   renderText(f.src, e.src, terms);
   const inBody = (e.title+e.human+e.cost+e.gain+e.note).toLowerCase();
   f.details.open = terms.length > 0 && terms.some(t => e.src.toLowerCase().includes(t)) && !terms.some(t => inBody.includes(t));
@@ -884,6 +911,24 @@ <h1>Пособие по выгодной жизни</h1>
   PERF.log('apply', t0, `найдено ${shown}, перерисовано ${rerender}`);
 }
 
+/* ---------- scroll-spy: подсветка текущего раздела в сайдбаре ---------- */
+let SPY_LINKS = null;
+function spyTick(){
+  if (!SPY_LINKS) return;
+  const navH = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--nav-h')) || 0;
+  const probe = navH + 120;
+  let cur = '';
+  for (const b of BLOCKS){
+    if (b.el.hidden) continue;
+    const r = b.el.getBoundingClientRect();
+    if (r.top <= probe) cur = b.n; else break;
+  }
+  for (const {n, btn} of SPY_LINKS){
+    const on = n === cur;
+    if (btn.dataset.spy !== String(on)){ btn.dataset.spy = String(on); btn.classList.toggle('spy-on', on); }
+  }
+}
+
 /* ---------- 事件 ---------- */
 function wire(){
   const sb = document.getElementById('sidebar'), bd = document.getElementById('backdrop'), mb = document.getElementById('menu');
@@ -956,6 +1001,15 @@ <h1>Пособие по выгодной жизни</h1>
     status.remove();
     const t2 = performance.now(); build(sections); PERF.log('построение DOM', t2, CARDS.length + ' карточек');
     buildGlossary(); readUrl(); wire(); apply();
+    // scroll-spy: только в v2-скине, после первой раскладки
+    if (window.__HTLB_V2__ && BLOCKS.length){
+      SPY_LINKS = [...document.querySelectorAll('#f-sec .sec-link:not(.all)')].map(btn => ({ n: btn.dataset.v, btn }));
+      let spyPending = false;
+      const onScroll = () => { if (spyPending) return; spyPending = true; requestAnimationFrame(() => { spyPending = false; spyTick(); }); };
+      window.addEventListener('scroll', onScroll, { passive: true });
+      window.addEventListener('resize', onScroll, { passive: true });
+      spyTick();
+    }
     PERF.mark(`DOM-узлов ${document.getElementsByTagName('*').length}, терминов ${GLOSS.length}`);
     if (location.hash){
       const target = document.getElementById(location.hash.slice(1));

From 0f74a54f192a4d2e2addbd304a53c3651f56dea0 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 12:32:30 +0000
Subject: [PATCH 06/13] =?UTF-8?q?web(v2):=20header=20buttons=20=E2=80=94?=
 =?UTF-8?q?=20version=20switch=20v2->v1,=20theme=20as=20icon=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- new ver-switch button (history icon) next to theme: navigates to
  the same page on v1 preserving query and hash; shown only on v2
  (html.v2 class injected by build_pages.py), hidden on v1
- theme control: slider replaced with icon button (moon in light,
  sun in dark), works on both v1 and v2, old .switch removed from CSS
- i18n: verTitle for ru/en/zh; aria/title set in applyI18n
---
 index.html           | 33 +++++++++++++++++++++------------
 tools/build_pages.py |  2 +-
 tools/v2.css         | 15 ++++++++-------
 v2/en/index.html     | 34 +++++++++++++++++++++-------------
 v2/ru/index.html     | 34 +++++++++++++++++++++-------------
 v2/zh/index.html     | 34 +++++++++++++++++++++-------------
 6 files changed, 93 insertions(+), 59 deletions(-)

diff --git a/index.html b/index.html
index fc1f2249..c71e771c 100644
--- a/index.html
+++ b/index.html
@@ -91,13 +91,15 @@
 .icon-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--t2);transition:background .25s,color .25s}
 .icon-btn:hover{background:var(--bg-soft);color:var(--t1)}
 .icon-btn svg{width:20px;height:20px;fill:currentColor}
-.switch{position:relative;width:40px;height:22px;border-radius:11px;border:1px solid var(--divider);background:var(--bg-mute);transition:border-color .25s,background .25s;flex:none;margin-left:8px}
-.switch:hover{border-color:var(--t3)}
-.switch .knob{position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:var(--bg-elv);box-shadow:var(--shadow);transition:transform .25s;display:grid;place-items:center}
-html.dark .switch .knob{transform:translateX(18px)}
-.switch svg{width:12px;height:12px;fill:var(--t2)}
-.switch .sun{display:block} .switch .moon{display:none}
-html.dark .switch .sun{display:none} html.dark .switch .moon{display:block}
+/* кнопка темы вместо ползунка (v1 тоже): луна в светлой, солнце в тёмной */
+.theme-btn .sun{display:none}
+html.dark .theme-btn .sun{display:block}
+html.dark .theme-btn .moon{display:none}
+/* версия v2→v1 скрыта на v1; в v2-скине включается */
+.ver-btn{display:none!important}
+html.v2 .ver-btn{display:grid!important}
+/* старый ползунок темы больше не используется */
+.switch{display:none!important}
 .menu-btn{display:none}
 
 /* sidebar */
@@ -253,9 +255,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
 </header>
@@ -407,7 +410,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'Все разделы',
    readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
-   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык', verTitle:'Старая версия сайта',
    metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
    keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
    author:'Как жить выгодно (перевод HowToLiveBetter)',
@@ -444,7 +447,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'All sections',
    readmeHref:'README.md', readmeTitle:'Open README',
-   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language', verTitle:'Old site version',
    metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
    keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
    author:'HowToLiveBetter (English translation)',
@@ -481,7 +484,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:false,
    allSections:'全部小节',
    readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
-   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言', verTitle:'旧版网站',
    metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
    keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
    author:'高性价比人生指南',
@@ -541,6 +544,7 @@ <h1>Пособие по выгодной жизни</h1>
   const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
   const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
   const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const vb=document.getElementById('ver-switch'); if(vb){ vb.setAttribute('title',t.verTitle); vb.setAttribute('aria-label',t.verTitle); }
   const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
   const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
   // head meta / social cards / JSON-LD
@@ -970,6 +974,11 @@ <h1>Пособие по выгодной жизни</h1>
     document.documentElement.classList.toggle('dark', dark);
     try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
   });
+  // v2 → v1: та же страница без /v2/, с сохранением запроса и якоря
+  const vb = document.getElementById('ver-switch');
+  if (vb) vb.addEventListener('click', () => {
+    location.href = location.pathname.replace('/v2/', '/') + location.search + location.hash;
+  });
 }
 
 /* ---------- 启动 ---------- */
diff --git a/tools/build_pages.py b/tools/build_pages.py
index 09042104..c1a85fbe 100644
--- a/tools/build_pages.py
+++ b/tools/build_pages.py
@@ -33,7 +33,7 @@
 if V2MARK not in src:
     print('note: root index.html has no %s marker; v2 pages get skin flag only via generation' % V2MARK)
 for lang in ('ru','en','zh'):
-    d = src.replace(tpl, "<script>window.__HTLB_LANG__='%s';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>" % lang)
+    d = src.replace(tpl, "<script>window.__HTLB_LANG__='%s';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;document.documentElement.classList.add('v2');</script>" % lang)
     # README/book links in header & noscript point to repo root; v2 lives one level deeper
     d = d.replace('href="README', 'href="../../README').replace('href="book/', 'href="../../book/')
     d = STYLE_RE.sub(lambda _: '<style>\n' + v2css + '\n</style>', d, count=1)
diff --git a/tools/v2.css b/tools/v2.css
index 013b5709..35466318 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -46,13 +46,14 @@ button,input,kbd,summary{font-family:var(--sans)}
 .ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
-.switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
-.switch .knob svg{display:none}
-.switch .sun{display:block}.switch .moon{display:none}
-html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
-html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+.switch{display:none!important}
+/* кнопка темы: icon-btn с sun/moon — в светлой показываем луну (переход в тёмную), в тёмной — солнце */
+.theme-btn .sun{display:none}
+html.dark .theme-btn .sun{display:block}
+html.dark .theme-btn .moon{display:none}
+/* кнопка версии: только в v2-скине (v1-страницы не получают ver-switch) */
+.ver-btn{display:none}
+html.v2 .ver-btn{display:grid}
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
diff --git a/v2/en/index.html b/v2/en/index.html
index 4a08c971..69c0efa0 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='en';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
+<script>window.__HTLB_LANG__='en';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;document.documentElement.classList.add('v2');</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -82,13 +82,14 @@
 .ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
-.switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
-.switch .knob svg{display:none}
-.switch .sun{display:block}.switch .moon{display:none}
-html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
-html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+.switch{display:none!important}
+/* кнопка темы: icon-btn с sun/moon — в светлой показываем луну (переход в тёмную), в тёмной — солнце */
+.theme-btn .sun{display:none}
+html.dark .theme-btn .sun{display:block}
+html.dark .theme-btn .moon{display:none}
+/* кнопка версии: только в v2-скине (v1-страницы не получают ver-switch) */
+.ver-btn{display:none}
+html.v2 .ver-btn{display:grid}
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
@@ -256,9 +257,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
 </header>
@@ -410,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'Все разделы',
    readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
-   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык', verTitle:'Старая версия сайта',
    metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
    keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
    author:'Как жить выгодно (перевод HowToLiveBetter)',
@@ -447,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'All sections',
    readmeHref:'README.md', readmeTitle:'Open README',
-   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language', verTitle:'Old site version',
    metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
    keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
    author:'HowToLiveBetter (English translation)',
@@ -484,7 +486,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:false,
    allSections:'全部小节',
    readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
-   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言', verTitle:'旧版网站',
    metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
    keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
    author:'高性价比人生指南',
@@ -544,6 +546,7 @@ <h1>Пособие по выгодной жизни</h1>
   const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
   const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
   const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const vb=document.getElementById('ver-switch'); if(vb){ vb.setAttribute('title',t.verTitle); vb.setAttribute('aria-label',t.verTitle); }
   const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
   const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
   // head meta / social cards / JSON-LD
@@ -973,6 +976,11 @@ <h1>Пособие по выгодной жизни</h1>
     document.documentElement.classList.toggle('dark', dark);
     try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
   });
+  // v2 → v1: та же страница без /v2/, с сохранением запроса и якоря
+  const vb = document.getElementById('ver-switch');
+  if (vb) vb.addEventListener('click', () => {
+    location.href = location.pathname.replace('/v2/', '/') + location.search + location.hash;
+  });
 }
 
 /* ---------- 启动 ---------- */
diff --git a/v2/ru/index.html b/v2/ru/index.html
index c09708c1..59332bcb 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='ru';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
+<script>window.__HTLB_LANG__='ru';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;document.documentElement.classList.add('v2');</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -82,13 +82,14 @@
 .ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
-.switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
-.switch .knob svg{display:none}
-.switch .sun{display:block}.switch .moon{display:none}
-html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
-html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+.switch{display:none!important}
+/* кнопка темы: icon-btn с sun/moon — в светлой показываем луну (переход в тёмную), в тёмной — солнце */
+.theme-btn .sun{display:none}
+html.dark .theme-btn .sun{display:block}
+html.dark .theme-btn .moon{display:none}
+/* кнопка версии: только в v2-скине (v1-страницы не получают ver-switch) */
+.ver-btn{display:none}
+html.v2 .ver-btn{display:grid}
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
@@ -256,9 +257,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
 </header>
@@ -410,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'Все разделы',
    readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
-   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык', verTitle:'Старая версия сайта',
    metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
    keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
    author:'Как жить выгодно (перевод HowToLiveBetter)',
@@ -447,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'All sections',
    readmeHref:'README.md', readmeTitle:'Open README',
-   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language', verTitle:'Old site version',
    metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
    keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
    author:'HowToLiveBetter (English translation)',
@@ -484,7 +486,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:false,
    allSections:'全部小节',
    readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
-   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言', verTitle:'旧版网站',
    metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
    keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
    author:'高性价比人生指南',
@@ -544,6 +546,7 @@ <h1>Пособие по выгодной жизни</h1>
   const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
   const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
   const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const vb=document.getElementById('ver-switch'); if(vb){ vb.setAttribute('title',t.verTitle); vb.setAttribute('aria-label',t.verTitle); }
   const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
   const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
   // head meta / social cards / JSON-LD
@@ -973,6 +976,11 @@ <h1>Пособие по выгодной жизни</h1>
     document.documentElement.classList.toggle('dark', dark);
     try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
   });
+  // v2 → v1: та же страница без /v2/, с сохранением запроса и якоря
+  const vb = document.getElementById('ver-switch');
+  if (vb) vb.addEventListener('click', () => {
+    location.href = location.pathname.replace('/v2/', '/') + location.search + location.hash;
+  });
 }
 
 /* ---------- 启动 ---------- */
diff --git a/v2/zh/index.html b/v2/zh/index.html
index b156d25b..50c85b25 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="ru">
 <head>
-<script>window.__HTLB_LANG__='zh';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;</script>
+<script>window.__HTLB_LANG__='zh';window.__HTLB_BASE__='../../';window.__HTLB_V2__=1;document.documentElement.classList.add('v2');</script>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Пособие по выгодной жизни · Меньше денег, времени и сил — больше жизни, денег и свободы</title>
@@ -82,13 +82,14 @@
 .ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
-.switch{position:relative;width:34px;height:19px;border-radius:0;border:1px solid var(--line);background:none;cursor:pointer;flex:none;margin-left:8px;transition:border-color .15s}
-.switch:hover{border-color:var(--mut)}
-.switch .knob{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:0;background:var(--mut);transition:transform .15s,background .15s}
-.switch .knob svg{display:none}
-.switch .sun{display:block}.switch .moon{display:none}
-html.dark .switch .knob{transform:translateX(15px);background:var(--mut)}
-html.dark .switch .sun{display:none}html.dark .switch .moon{display:block}
+.switch{display:none!important}
+/* кнопка темы: icon-btn с sun/moon — в светлой показываем луну (переход в тёмную), в тёмной — солнце */
+.theme-btn .sun{display:none}
+html.dark .theme-btn .sun{display:block}
+html.dark .theme-btn .moon{display:none}
+/* кнопка версии: только в v2-скине (v1-страницы не получают ver-switch) */
+.ver-btn{display:none}
+html.v2 .ver-btn{display:grid}
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
@@ -256,9 +257,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
-      </details> <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="switch" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><span class="knob"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></span></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
 </header>
@@ -410,7 +412,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'Все разделы',
    readmeHref:'README.ru.md', readmeTitle:'Открыть README.ru',
-   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык',
+   menuAria:'Открыть фильтры', themeAria:'Переключить тёмную тему', ghTitle:'Исходный репозиторий на GitHub', ddTitle:'Выбрать язык', verTitle:'Старая версия сайта',
    metaDesc:'Руководство, отсортированное по соотношению «результат/затраты»: 528 рекомендаций — здоровье и долголетие, первая помощь, деньги, защита от мошенников, правовые красные линии, работа, семья. У каждой — стоимость, эффект, уровень доказательности и первоисточник; фильтры по деньгам, времени и силе воли.',
    keywords:'здоровье,долголетие,доказательная медицина,смертность,экономия,финансы,мошенники,первая помощь,право,психология',
    author:'Как жить выгодно (перевод HowToLiveBetter)',
@@ -447,7 +449,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:true,
    allSections:'All sections',
    readmeHref:'README.md', readmeTitle:'Open README',
-   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language',
+   menuAria:'Open filters', themeAria:'Toggle dark theme', ghTitle:'Source repository on GitHub', ddTitle:'Choose language', verTitle:'Old site version',
    metaDesc:'A guide sorted by value for money: 528 recommendations — health and longevity, first aid, money, fraud protection, legal red lines, work, family. Each states its cost, benefit, evidence grade, and primary source; filter by money, time, and willpower.',
    keywords:'health,longevity,evidence-based medicine,mortality,saving money,personal finance,fraud,first aid,law,psychology',
    author:'HowToLiveBetter (English translation)',
@@ -484,7 +486,7 @@ <h1>Пособие по выгодной жизни</h1>
    cap:false,
    allSections:'全部小节',
    readmeHref:'README.zh.md', readmeTitle:'打开 README.zh',
-   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言',
+   menuAria:'打开筛选栏', themeAria:'切换深色模式', ghTitle:'GitHub 仓库', ddTitle:'选择语言', verTitle:'旧版网站',
    metaDesc:'按性价比排序的人生指南：528 条建议——健康长寿、急救、省钱、防骗、法律红线、工作、家庭。每条写明成本、收益、证据等级与原始出处，可按花钱、花时间、要毅力筛选。',
    keywords:'健康,长寿,循证医学,死亡率,省钱,个人理财,防骗,急救,法律,心理',
    author:'高性价比人生指南',
@@ -544,6 +546,7 @@ <h1>Пособие по выгодной жизни</h1>
   const ddS=document.querySelector('.lang-dd > summary'); if(ddS) ddS.title=t.ddTitle;
   const menu=document.getElementById('menu'); if(menu) menu.setAttribute('aria-label',t.menuAria);
   const th=document.getElementById('theme'); if(th){ th.setAttribute('aria-label',t.themeAria); th.setAttribute('title',t.themeAria); }
+  const vb=document.getElementById('ver-switch'); if(vb){ vb.setAttribute('title',t.verTitle); vb.setAttribute('aria-label',t.verTitle); }
   const gh=document.querySelector('.nav-r a[href*="github.com/dlgrv"]'); if(gh) gh.setAttribute('title',t.ghTitle);
   const rm=document.querySelector('.nav-r a[href^="README"]'); if(rm){ rm.setAttribute('href',t.readmeHref); rm.setAttribute('title',t.readmeTitle); }
   // head meta / social cards / JSON-LD
@@ -973,6 +976,11 @@ <h1>Пособие по выгодной жизни</h1>
     document.documentElement.classList.toggle('dark', dark);
     try { localStorage.setItem('theme', dark ? 'dark' : 'light'); } catch (e) {}
   });
+  // v2 → v1: та же страница без /v2/, с сохранением запроса и якоря
+  const vb = document.getElementById('ver-switch');
+  if (vb) vb.addEventListener('click', () => {
+    location.href = location.pathname.replace('/v2/', '/') + location.search + location.hash;
+  });
 }
 
 /* ---------- 启动 ---------- */

From abc1ac3a69e41193e1eea0b893d69cc11ab4feb7 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 12:51:31 +0000
Subject: [PATCH 07/13] web(v2): vertical rhythm normalization + header markup
 fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- doc-head rhythm unified to 12px step (stat had 0 gap to feedback
  line, meta-lines had 4px); counter styled as UI metadata 14px
- card micro-rhythm: human 12/12, rows bottom 12px (was 8/12/14/6 mix)
- fix: restore </details> closing tag eaten by earlier patch —
  doc/gh/ver/theme buttons were nested inside <details> and stacked
  vertically outside the header row
- ver-switch icon converted from stroke to filled style to match
  sibling icons
---
 index.html       |  3 ++-
 tools/v2.css     |  7 ++++---
 v2/en/index.html | 10 ++++++----
 v2/ru/index.html | 10 ++++++----
 v2/zh/index.html | 10 ++++++----
 5 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/index.html b/index.html
index c71e771c..ec2b8538 100644
--- a/index.html
+++ b/index.html
@@ -255,9 +255,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
+      </details>
       <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
diff --git a/tools/v2.css b/tools/v2.css
index 35466318..e8b250cd 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -118,8 +118,8 @@ html.v2 .ver-btn{display:grid}
 .badge.r1{color:var(--faint)}
 .badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
 .badge.warn{color:var(--mut);font-style:italic}
-.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
-.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.human{margin:12px 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 12px 40px}
 .rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
@@ -162,7 +162,6 @@ body{hyphens:auto;-webkit-hyphens:auto}
 .foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
 .foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .foot a:hover{color:var(--hover)}
-.meta-line{margin:0 0 4px}
 .meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .meta-line a:hover{color:var(--hover)}
 
@@ -170,6 +169,8 @@ body{hyphens:auto;-webkit-hyphens:auto}
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
 .doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
+.doc-head .stat{margin:12px 0;font:14px/1.6 var(--sans);color:var(--faint)}
+.meta-line{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
 
diff --git a/v2/en/index.html b/v2/en/index.html
index 69c0efa0..d38b4080 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -154,8 +154,8 @@
 .badge.r1{color:var(--faint)}
 .badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
 .badge.warn{color:var(--mut);font-style:italic}
-.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
-.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.human{margin:12px 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 12px 40px}
 .rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
@@ -198,7 +198,6 @@
 .foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
 .foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .foot a:hover{color:var(--hover)}
-.meta-line{margin:0 0 4px}
 .meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .meta-line a:hover{color:var(--hover)}
 
@@ -206,6 +205,8 @@
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
 .doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
+.doc-head .stat{margin:12px 0;font:14px/1.6 var(--sans);color:var(--faint)}
+.meta-line{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
 
@@ -257,9 +258,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
+      </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 59332bcb..9f48e940 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -154,8 +154,8 @@
 .badge.r1{color:var(--faint)}
 .badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
 .badge.warn{color:var(--mut);font-style:italic}
-.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
-.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.human{margin:12px 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 12px 40px}
 .rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
@@ -198,7 +198,6 @@
 .foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
 .foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .foot a:hover{color:var(--hover)}
-.meta-line{margin:0 0 4px}
 .meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .meta-line a:hover{color:var(--hover)}
 
@@ -206,6 +205,8 @@
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
 .doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
+.doc-head .stat{margin:12px 0;font:14px/1.6 var(--sans);color:var(--faint)}
+.meta-line{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
 
@@ -257,9 +258,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
+      </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 50c85b25..de12f3bd 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -154,8 +154,8 @@
 .badge.r1{color:var(--faint)}
 .badge.danger{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
 .badge.warn{color:var(--mut);font-style:italic}
-.human{margin:12px 0 14px 40px;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
-.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 6px 40px}
+.human{margin:12px 0;padding:2px 0 2px 16px;border-left:3px solid var(--line);font:italic 16px/1.7 var(--serif);color:var(--mut);overflow-wrap:anywhere}
+.rows{display:grid;grid-template-columns:86px minmax(0,1fr);gap:4px 14px;margin:0 0 12px 40px}
 .rows .k{font:700 11px/1.8 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
 .rows .v{font:16px/1.65 var(--serif);color:var(--text);min-width:0;overflow-wrap:anywhere}
 .rows .v.gain{color:var(--ink)}
@@ -198,7 +198,6 @@
 .foot{max-width:720px;margin:64px auto 0;padding-top:20px;border-top:1px solid var(--line);font:12.5px/1.7 var(--sans);color:var(--faint)}
 .foot a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .foot a:hover{color:var(--hover)}
-.meta-line{margin:0 0 4px}
 .meta-line a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .meta-line a:hover{color:var(--hover)}
 
@@ -206,6 +205,8 @@
 .doc{max-width:720px;margin:0 auto;padding:calc(var(--nav-h) + 48px) 24px 64px}
 .doc-head h1{margin:0 0 20px;font:600 36px/1.2 var(--serif);letter-spacing:-.015em;color:var(--ink)}
 .doc-head p{margin:0 0 12px}
+.doc-head .stat{margin:12px 0;font:14px/1.6 var(--sans);color:var(--faint)}
+.meta-line{margin:0 0 12px}
 .doc a{color:var(--mut);text-decoration:underline;text-decoration-color:var(--line-soft);text-underline-offset:2px}
 .doc a:hover{color:var(--hover)}
 
@@ -257,9 +258,10 @@ <h1>Пособие по выгодной жизни</h1>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
+      </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3a9 9 0 1 0 9 9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M21 3v9h-9" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
     </div>
   </div>

From a724b61def7c45e71c6bece3a1b769b9a02638d9 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 12:57:34 +0000
Subject: [PATCH 08/13] web(v2): replace hand-drawn icons with Lucide (ISC
 license)

All header icons now use official Lucide paths verbatim:
- menu (3 lines), search (circle+handle), chevron-down, file-text
  (README), history (v2->v1 version switch), sun+moon (theme)
- GitHub mark kept as official filled glyph (brand asset, standard
  practice); fill moved from blanket CSS rule to .ic-gh only so
  stroke-based Lucide icons render correctly
- lucide-static 0.469.0, https://lucide.dev
---
 index.html       | 15 ++++++++-------
 tools/v2.css     |  2 +-
 v2/en/index.html | 14 +++++++-------
 v2/ru/index.html | 14 +++++++-------
 v2/zh/index.html | 14 +++++++-------
 5 files changed, 30 insertions(+), 29 deletions(-)

diff --git a/index.html b/index.html
index ec2b8538..824980c3 100644
--- a/index.html
+++ b/index.html
@@ -90,7 +90,8 @@
 .nav-r{display:flex;align-items:center;gap:8px}
 .icon-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--t2);transition:background .25s,color .25s}
 .icon-btn:hover{background:var(--bg-soft);color:var(--t1)}
-.icon-btn svg{width:20px;height:20px;fill:currentColor}
+.icon-btn svg{width:20px;height:20px}
+.ic-gh svg{fill:currentColor}
 /* кнопка темы вместо ползунка (v1 тоже): луна в светлой, солнце в тёмной */
 .theme-btn .sun{display:none}
 html.dark .theme-btn .sun{display:block}
@@ -240,26 +241,26 @@ <h1>Пособие по выгодной жизни</h1>
 
 <header class="nav">
   <div class="nav-in">
-    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/></svg></button>
     <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
     <label class="search">
-      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
       <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
       <kbd>/</kbd>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
       </details>
-      <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
-      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
   </div>
 </header>
diff --git a/tools/v2.css b/tools/v2.css
index e8b250cd..40ae0d03 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -39,7 +39,7 @@ a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a
 .search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:16px;height:16px;fill:currentColor}
+.icon-btn svg{width:16px;height:16px}
 /* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
 button,input,kbd,summary{font-family:var(--sans)}
 .ic-doc svg{width:20px;height:20px}
diff --git a/v2/en/index.html b/v2/en/index.html
index d38b4080..ff268932 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -75,7 +75,7 @@
 .search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:16px;height:16px;fill:currentColor}
+.icon-btn svg{width:16px;height:16px}
 /* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
 button,input,kbd,summary{font-family:var(--sans)}
 .ic-doc svg{width:20px;height:20px}
@@ -243,26 +243,26 @@ <h1>Пособие по выгодной жизни</h1>
 
 <header class="nav">
   <div class="nav-in">
-    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/></svg></button>
     <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
     <label class="search">
-      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
       <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
       <kbd>/</kbd>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
       </details>
-      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
-      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
   </div>
 </header>
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 9f48e940..9811be5e 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -75,7 +75,7 @@
 .search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:16px;height:16px;fill:currentColor}
+.icon-btn svg{width:16px;height:16px}
 /* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
 button,input,kbd,summary{font-family:var(--sans)}
 .ic-doc svg{width:20px;height:20px}
@@ -243,26 +243,26 @@ <h1>Пособие по выгодной жизни</h1>
 
 <header class="nav">
   <div class="nav-in">
-    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/></svg></button>
     <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
     <label class="search">
-      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
       <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
       <kbd>/</kbd>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
       </details>
-      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
-      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
   </div>
 </header>
diff --git a/v2/zh/index.html b/v2/zh/index.html
index de12f3bd..8b47d7f0 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -75,7 +75,7 @@
 .search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
-.icon-btn svg{width:16px;height:16px;fill:currentColor}
+.icon-btn svg{width:16px;height:16px}
 /* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
 button,input,kbd,summary{font-family:var(--sans)}
 .ic-doc svg{width:20px;height:20px}
@@ -243,26 +243,26 @@ <h1>Пособие по выгодной жизни</h1>
 
 <header class="nav">
   <div class="nav-in">
-    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z"/></svg></button>
+    <button class="icon-btn menu-btn" id="menu" aria-label="Открыть фильтры" aria-expanded="false"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="4" x2="20" y1="6" y2="6"/><line x1="4" x2="20" y1="12" y2="12"/><line x1="4" x2="20" y1="18" y2="18"/></svg></button>
     <a class="title" href="./"><span class="logo" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M6 12.5l4 4 8-9.5" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg></span><span>Пособие по выгодной жизни</span></a>
     <label class="search">
-      <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5" stroke-linecap="round"/></svg>
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
       <input id="q" type="search" placeholder="Поиск по рекомендациям" autocomplete="off" aria-label="Поиск по рекомендациям">
       <kbd>/</kbd>
     </label>
     <div class="nav-r">
       <details class="lang-dd" id="lang">
-        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" aria-hidden="true"><path d="m7 10 5 5 5-5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></summary>
+        <summary class="icon-btn" title="Language / Язык / 语言" aria-label="Выбрать язык"><span id="lang-label">РУ</span><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg></summary>
         <div class="lang-menu" role="menu">
           <button role="menuitem" data-lang="ru">Русский</button>
           <button role="menuitem" data-lang="en">English</button>
           <button role="menuitem" data-lang="zh">中文</button>
         </div>
       </details>
-      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24"><path d="M6 2h9l5 5v15H6zm8 1.5V8h4.5zM8 12h8v1.5H8zm0 3.5h8V17H8z"/></svg></a>
+      <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
       <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
-      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg class="ic-ver" viewBox="0 0 24 24" aria-hidden="true"><path d="M13 3c-5 0-9 4-9 9s4 9 9 9c3.1 0 5.9-1.6 7.5-4l-2.5-1.5C16.9 17.3 15.1 18.3 13 18.3c-3.5 0-6.3-2.8-6.3-6.3S9.5 5.7 13 5.7c2.1 0 3.9 1 5 2.6l2.5-1.5C18.9 4.6 16.1 3 13 3z"/><path d="M14 8h2.2v4.4l3.6 2.1-1.1 1.9L14 13.7z"/><path d="M14.5 2h5v2h-5z"/><path d="M17.5 2h2v6h-2z"/></svg></button>
-      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24"><path d="M12 4a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1zm0 13a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1zm8-6a1 1 0 1 1 0 2h-1a1 1 0 1 1 0-2zM5 11a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2zm12.07-5.07a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zM8.05 16.95a1 1 0 0 1 0 1.41l-.7.71a1 1 0 1 1-1.42-1.41l.71-.71a1 1 0 0 1 1.41 0zm9.02 0l.7.71a1 1 0 1 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.42-1.42zM6.34 5.93l.71.71a1 1 0 0 1-1.41 1.41l-.71-.7a1 1 0 0 1 1.41-1.42zM12 8a4 4 0 1 1 0 8 4 4 0 0 1 0-8z"/></svg><svg class="moon" viewBox="0 0 24 24"><path d="M12.1 22c-5.5 0-10-4.5-10-10 0-4.8 3.4-8.9 8-9.8.5-.1.9.4.7.9A8 8 0 0 0 20.9 13c.5-.2 1 .2.9.7-.9 4.7-5 8.3-9.7 8.3z"/></svg></button>
+      <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
+      <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
   </div>
 </header>

From 7b76e49f3f63fb9821ca8e3c1b50837a49271b30 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 13:12:19 +0000
Subject: [PATCH 09/13] =?UTF-8?q?web(v2):=20unify=20all=20header=20icons?=
 =?UTF-8?q?=20=E2=80=94=20same=20size,=20color,=20style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- GitHub mark replaced with Lucide 'github' stroke icon: now every
  icon is stroke 2px, currentColor, 16px — no fills, no exceptions
- removed per-icon optical-size hacks (.ic-doc 20px, .ic-gh 15px)
  that made file icon larger and shifted the gh glyph right
- ver-switch fits fully inside its button (no right-edge clipping)
---
 index.html       | 3 +--
 tools/v2.css     | 4 +---
 v2/en/index.html | 6 ++----
 v2/ru/index.html | 6 ++----
 v2/zh/index.html | 6 ++----
 5 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index 824980c3..6493a158 100644
--- a/index.html
+++ b/index.html
@@ -91,7 +91,6 @@
 .icon-btn{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:var(--t2);transition:background .25s,color .25s}
 .icon-btn:hover{background:var(--bg-soft);color:var(--t1)}
 .icon-btn svg{width:20px;height:20px}
-.ic-gh svg{fill:currentColor}
 /* кнопка темы вместо ползунка (v1 тоже): луна в светлой, солнце в тёмной */
 .theme-btn .sun{display:none}
 html.dark .theme-btn .sun{display:block}
@@ -258,7 +257,7 @@ <h1>Пособие по выгодной жизни</h1>
         </div>
       </details>
       <a class="icon-btn ic-doc" href="README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
-      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg></a>
       <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
diff --git a/tools/v2.css b/tools/v2.css
index 40ae0d03..9f90dbcf 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -40,10 +40,8 @@ a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
-/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+/* все иконки — Lucide stroke, единый калибр 16px; шеврон у «РУ» — аффорданс, оставлен мелким */
 button,input,kbd,summary{font-family:var(--sans)}
-.ic-doc svg{width:20px;height:20px}
-.ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{display:none!important}
diff --git a/v2/en/index.html b/v2/en/index.html
index ff268932..1ce01a30 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -76,10 +76,8 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
-/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+/* все иконки — Lucide stroke, единый калибр 16px; шеврон у «РУ» — аффорданс, оставлен мелким */
 button,input,kbd,summary{font-family:var(--sans)}
-.ic-doc svg{width:20px;height:20px}
-.ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{display:none!important}
@@ -260,7 +258,7 @@ <h1>Пособие по выгодной жизни</h1>
         </div>
       </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
-      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg></a>
       <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 9811be5e..848f696e 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -76,10 +76,8 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
-/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+/* все иконки — Lucide stroke, единый калибр 16px; шеврон у «РУ» — аффорданс, оставлен мелким */
 button,input,kbd,summary{font-family:var(--sans)}
-.ic-doc svg{width:20px;height:20px}
-.ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{display:none!important}
@@ -260,7 +258,7 @@ <h1>Пособие по выгодной жизни</h1>
         </div>
       </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
-      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg></a>
       <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 8b47d7f0..a81b57af 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -76,10 +76,8 @@
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
-/* единый оптический калибр: README-глиф занимает 18/24 viewBox, октокат 24/24 */
+/* все иконки — Lucide stroke, единый калибр 16px; шеврон у «РУ» — аффорданс, оставлен мелким */
 button,input,kbd,summary{font-family:var(--sans)}
-.ic-doc svg{width:20px;height:20px}
-.ic-gh svg{width:15px;height:15px}
 .lang-dd summary svg{width:11px;height:11px}
 .nav-r{display:flex;align-items:center;gap:10px;margin-left:auto}
 .switch{display:none!important}
@@ -260,7 +258,7 @@ <h1>Пособие по выгодной жизни</h1>
         </div>
       </details>
       <a class="icon-btn ic-doc" href="../../README.ru.md" title="Открыть README.ru" aria-label="README"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/><path d="M10 9H8"/><path d="M16 13H8"/><path d="M16 17H8"/></svg></a>
-      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 .3a12 12 0 0 0-3.8 23.4c.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.6-1.4-1.4-1.8-1.4-1.8-1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2-.1-.3-.5-1.5.1-3.2 0 0 1-.3 3.3 1.2a11.5 11.5 0 0 1 6 0C17.3 5.6 18.3 6 18.3 6c.6 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6A12 12 0 0 0 12 .3"/></svg></a>
+      <a class="icon-btn ic-gh" href="https://github.com/dlgrv/HowToLiveBetter" target="_blank" rel="noopener" title="Исходный репозиторий на GitHub" aria-label="GitHub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18c-4.51 2-5-2-7-2"/></svg></a>
       <button class="icon-btn ver-btn" id="ver-switch" title="Старая версия сайта" aria-label="Переключить на старую версию"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"/><path d="M3 3v5h5"/><path d="M12 7v5l4 2"/></svg></button>
       <button class="icon-btn theme-btn" id="theme" aria-label="Переключить тёмную тему" title="Переключить тёмную тему"><svg class="sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="m6.34 17.66-1.41 1.41"/></svg><svg class="moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg></button>
     </div>

From fc9f5afaa327e94d1fecf840a4eeadd8d2016eaa Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 13:31:42 +0000
Subject: [PATCH 10/13] web(v2): lang label as small caps UI mark (12px,
 tracked)

---
 index.html       | 1 +
 tools/v2.css     | 1 +
 v2/en/index.html | 1 +
 v2/ru/index.html | 1 +
 v2/zh/index.html | 1 +
 5 files changed, 5 insertions(+)

diff --git a/index.html b/index.html
index 6493a158..ed952fb5 100644
--- a/index.html
+++ b/index.html
@@ -218,6 +218,7 @@
 .lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;gap:5px;height:36px;border-radius:8px;border:0;background:none;grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 8px;width:auto;transition:background .25s,color .25s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary svg{width:12px;height:12px;color:var(--t3)}
+#lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
 .lang-dd[open]>summary{background:var(--bg-soft);color:var(--t1)}
 .lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--bg-elv);border:1px solid var(--divider);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:4px;min-width:120px;z-index:50}
 .lang-menu button{display:block;width:100%;text-align:left;padding:7px 12px;border:0;border-radius:7px;background:none;color:var(--t1);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
diff --git a/tools/v2.css b/tools/v2.css
index 9f90dbcf..ebcd0505 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -59,6 +59,7 @@ html.v2 .ver-btn{display:grid}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+#lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
 .lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
 .lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
 .lang-menu button:hover{color:var(--ink);background:var(--line)}
diff --git a/v2/en/index.html b/v2/en/index.html
index 1ce01a30..2e90a18a 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -95,6 +95,7 @@
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+#lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
 .lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
 .lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
 .lang-menu button:hover{color:var(--ink);background:var(--line)}
diff --git a/v2/ru/index.html b/v2/ru/index.html
index 848f696e..f7091f8b 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -95,6 +95,7 @@
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+#lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
 .lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
 .lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
 .lang-menu button:hover{color:var(--ink);background:var(--line)}
diff --git a/v2/zh/index.html b/v2/zh/index.html
index a81b57af..918fc289 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -95,6 +95,7 @@
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
+#lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
 .lang-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--pop-bg);border:1px solid var(--line);padding:4px 0;min-width:120px;z-index:40}
 .lang-menu button{display:block;width:100%;text-align:left;padding:7px 14px;border:0;background:none;color:var(--mut);font:13px/1.4 var(--sans);cursor:pointer;transition:color .15s,background .15s}
 .lang-menu button:hover{color:var(--ink);background:var(--line)}

From 535fb4d842e18e434322f87a236e2a3c975f7a1d Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 13:40:01 +0000
Subject: [PATCH 11/13] =?UTF-8?q?web(v2):=20search=20field=20restyle=20?=
 =?UTF-8?q?=E2=80=94=20framed=20box=20(Linear/Stripe=20pattern)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 1px full-perimeter border, radius 8px, height 36px (was floating
  underline 420px wide that read as cheap)
- real kbd chip for '/' shortcut (border + bg, no bare glyph)
- breathing room around magnifier icon; narrower 340px field
- focus: border darkens to ink, subtle 1px drop shadow
---
 tools/v2.css     | 10 +++++-----
 v2/en/index.html | 10 +++++-----
 v2/ru/index.html | 10 +++++-----
 v2/zh/index.html | 10 +++++-----
 4 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/tools/v2.css b/tools/v2.css
index ebcd0505..ccbf96ef 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -31,12 +31,12 @@ a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,a
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
 /* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
-.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
-.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
-.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(340px,32vw)}
+.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.search input{width:100%;height:36px;padding:0 44px 0 32px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s,box-shadow .15s}
 .search input::placeholder{color:var(--faint)}
-.search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search input:focus{outline:0;border-color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03)}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:1px solid var(--line-soft);border-radius:4px;padding:3px 6px;background:var(--bg);pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
diff --git a/v2/en/index.html b/v2/en/index.html
index 2e90a18a..71066882 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -67,12 +67,12 @@
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
 /* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
-.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
-.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
-.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(340px,32vw)}
+.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.search input{width:100%;height:36px;padding:0 44px 0 32px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s,box-shadow .15s}
 .search input::placeholder{color:var(--faint)}
-.search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search input:focus{outline:0;border-color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03)}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:1px solid var(--line-soft);border-radius:4px;padding:3px 6px;background:var(--bg);pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
diff --git a/v2/ru/index.html b/v2/ru/index.html
index f7091f8b..f72945b7 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -67,12 +67,12 @@
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
 /* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
-.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
-.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
-.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(340px,32vw)}
+.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.search input{width:100%;height:36px;padding:0 44px 0 32px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s,box-shadow .15s}
 .search input::placeholder{color:var(--faint)}
-.search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search input:focus{outline:0;border-color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03)}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:1px solid var(--line-soft);border-radius:4px;padding:3px 6px;background:var(--bg);pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 918fc289..6121ed22 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -67,12 +67,12 @@
 .title:hover{color:var(--ink)}
 .title .logo{display:none}
 /* поиск строго по центру окна (независимо от ширины титула и правого кластера) */
-.search{position:absolute;left:50%;transform:translateX(-50%);width:min(420px,40vw)}
-.search svg{position:absolute;left:2px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
-.search input{width:100%;height:34px;padding:0 34px 0 24px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s}
+.search{position:absolute;left:50%;transform:translateX(-50%);width:min(340px,32vw)}
+.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
+.search input{width:100%;height:36px;padding:0 44px 0 32px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:14px/1.4 var(--sans);transition:border-color .15s,box-shadow .15s}
 .search input::placeholder{color:var(--faint)}
-.search input:focus{outline:0;border-bottom-color:var(--ink)}
-.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:0;padding:0;pointer-events:none}
+.search input:focus{outline:0;border-color:var(--ink);box-shadow:0 1px 0 rgba(0,0,0,.03)}
+.search kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font:500 11px/1 var(--sans);color:var(--faint);border:1px solid var(--line-soft);border-radius:4px;padding:3px 6px;background:var(--bg);pointer-events:none}
 .icon-btn{display:grid;place-items:center;gap:0;width:32px;height:32px;border:0;border-radius:0;background:none;color:var(--faint);cursor:pointer;transition:color .15s;flex:none}
 .icon-btn:hover{color:var(--ink)}
 .icon-btn svg{width:16px;height:16px}

From a498f87d7be9f02138770bfee96aeb221bbd73a5 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 13:41:58 +0000
Subject: [PATCH 12/13] web(v2): hide '/' kbd chip on mobile (no keyboard
 there)

---
 tools/v2.css     | 1 +
 v2/en/index.html | 1 +
 v2/ru/index.html | 1 +
 v2/zh/index.html | 1 +
 4 files changed, 4 insertions(+)

diff --git a/tools/v2.css b/tools/v2.css
index ccbf96ef..ee3eb7e2 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -185,6 +185,7 @@ body{hyphens:auto;-webkit-hyphens:auto}
 @media (max-width:560px){
   .title span:last-child{display:none}
   .search{max-width:none}
+  .search kbd{display:none}
   .nav-in{padding:0 16px;gap:10px}
   .doc-head h1{font-size:27px}
   .sec-h h2{font-size:21px}
diff --git a/v2/en/index.html b/v2/en/index.html
index 71066882..c24e7c67 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -221,6 +221,7 @@
 @media (max-width:560px){
   .title span:last-child{display:none}
   .search{max-width:none}
+  .search kbd{display:none}
   .nav-in{padding:0 16px;gap:10px}
   .doc-head h1{font-size:27px}
   .sec-h h2{font-size:21px}
diff --git a/v2/ru/index.html b/v2/ru/index.html
index f72945b7..ee992ba2 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -221,6 +221,7 @@
 @media (max-width:560px){
   .title span:last-child{display:none}
   .search{max-width:none}
+  .search kbd{display:none}
   .nav-in{padding:0 16px;gap:10px}
   .doc-head h1{font-size:27px}
   .sec-h h2{font-size:21px}
diff --git a/v2/zh/index.html b/v2/zh/index.html
index 6121ed22..b3393e10 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -221,6 +221,7 @@
 @media (max-width:560px){
   .title span:last-child{display:none}
   .search{max-width:none}
+  .search kbd{display:none}
   .nav-in{padding:0 16px;gap:10px}
   .doc-head h1{font-size:27px}
   .sec-h h2{font-size:21px}

From 093501a589a2dd8ed230976105c4b231d3d94ac4 Mon Sep 17 00:00:00 2001
From: dlgrv <dlgrv@users.noreply.github.com>
Date: Sun, 20 Sep 2026 13:55:23 +0000
Subject: [PATCH 13/13] =?UTF-8?q?web(v2):=20lang=20summary=20width:auto=20?=
 =?UTF-8?q?=E2=80=94=20chevron=20no=20longer=20clipped=20by=2032px=20icon-?=
 =?UTF-8?q?btn=20box?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html       | 2 +-
 tools/v2.css     | 2 +-
 v2/en/index.html | 2 +-
 v2/ru/index.html | 2 +-
 v2/zh/index.html | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index ed952fb5..6fe695cc 100644
--- a/index.html
+++ b/index.html
@@ -215,7 +215,7 @@
 
 /* language dropdown */
 .lang-dd{position:relative}
-.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;gap:5px;height:36px;border-radius:8px;border:0;background:none;grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 8px;width:auto;transition:background .25s,color .25s}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;gap:5px;height:36px;border-radius:8px;border:0;background:none;grid-auto-flow:column;grid-template-columns:auto auto;column-gap:4px;align-items:center;padding:0 8px;width:auto;min-width:32px;transition:background .25s,color .25s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary svg{width:12px;height:12px;color:var(--t3)}
 #lang-label{font:600 12px/1 var(--sans);letter-spacing:.08em}
diff --git a/tools/v2.css b/tools/v2.css
index ee3eb7e2..6c1a435a 100644
--- a/tools/v2.css
+++ b/tools/v2.css
@@ -55,7 +55,7 @@ html.v2 .ver-btn{display:grid}
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
-.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;width:auto;min-width:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto auto;column-gap:4px;align-items:center;padding:0 6px;transition:color .15s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
diff --git a/v2/en/index.html b/v2/en/index.html
index c24e7c67..bc24dac2 100644
--- a/v2/en/index.html
+++ b/v2/en/index.html
@@ -91,7 +91,7 @@
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
-.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;width:auto;min-width:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto auto;column-gap:4px;align-items:center;padding:0 6px;transition:color .15s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
diff --git a/v2/ru/index.html b/v2/ru/index.html
index ee992ba2..2cfad73b 100644
--- a/v2/ru/index.html
+++ b/v2/ru/index.html
@@ -91,7 +91,7 @@
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
-.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;width:auto;min-width:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto auto;column-gap:4px;align-items:center;padding:0 6px;transition:color .15s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}
diff --git a/v2/zh/index.html b/v2/zh/index.html
index b3393e10..0054ff9b 100644
--- a/v2/zh/index.html
+++ b/v2/zh/index.html
@@ -91,7 +91,7 @@
 
 /* ---------- language dropdown ---------- */
 .lang-dd{position:relative}
-.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto 10px;align-items:center;padding:0 6px;transition:color .15s}
+.lang-dd>summary{list-style:none;cursor:pointer;display:grid;place-items:center;height:32px;width:auto;min-width:32px;border:0;background:none;color:var(--faint);grid-auto-flow:column;grid-template-columns:auto auto;column-gap:4px;align-items:center;padding:0 6px;transition:color .15s}
 .lang-dd>summary::-webkit-details-marker{display:none}
 .lang-dd>summary:hover{color:var(--ink)}
 .lang-dd>summary svg{width:10px;height:10px;color:var(--faint);fill:none;stroke:currentColor;stroke-width:2}