/* assets/css/pages/single.css — 文章內頁專屬樣式
   由 functions.php 2c) 段固定掛載（is_singular('post') 判斷，見該段註解）。
   內容留到後續任務逐步補。 */
.site-main .gaia-single .gaia-wrap{--container:994px}
/* 療程分支開版較寬：設計稿（Figma 7949:38349）左欄 723 + 間距 104 + 右欄 423 = 1250。 */
.site-main .gaia-single--treatment .gaia-wrap{--container:1250px}
/* 衛教雙欄同寬：設計稿（Figma 7952:48358）左欄 723 + 間距 188 + 右欄 339 = 1250。
   --sidebar 由 single.php 依 $show_sidebar 掛上；--full（案例／無分類）維持 994。 */
.site-main .gaia-single--sidebar .gaia-wrap{--container:1250px}
.site-main .gaia-single__breadcrumb{
  font-family:var(--font-sans);font-size:.875rem;color:var(--main-01);
  display:flex;gap:8px;align-items:center;padding-block:var(--space-4) 0;
}
.site-main .gaia-single__breadcrumb a{color:inherit;text-decoration:none}
/* 療程分支：上方有滿版 .gaia-page-banner（版頭，style.css §17），
   banner 底到麵包屑的留白設計稿約 100px，取最近的 8 倍數 token。 */
.site-main .gaia-single--treatment .gaia-single__breadcrumb{padding-block-start:var(--space-24)}
.site-main .gaia-single__title{
  font-family:var(--font-jinxuan);font-weight:700;font-size:2rem;
  color:var(--text-black);line-height:1.4;margin:var(--space-4) 0;
  max-width:720px;   /* 長標題換行、不橫跨側欄（Ginger 2026-09-08 裁定，三分支通用） */
}
/* 療程分支標題是主橘（設計稿 #DC7D28 = --pain-main-01；Ginger 2026-08-28 裁定）。 */
.site-main .gaia-single--treatment .gaia-single__title{color:var(--pain-main-01)}
.site-main .gaia-single__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);
  font-family:var(--font-sans);font-size:.875rem;color:var(--gray-01);
  padding-block:var(--space-4);
}
.site-main .gaia-single__share{display:flex;gap:8px;margin-inline-start:auto}
.site-main .gaia-single__share-btn{
  width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;
  background:var(--bg-color-01);color:var(--text-black);
  display:inline-flex;align-items:center;justify-content:center;
}
.site-main .gaia-single__share-btn svg{display:block}
.site-main .gaia-single__share-btn--copy.is-copied{background:var(--func-02)}
.site-main .gaia-single__thumb{margin-block:var(--space-8)}
.site-main .gaia-single__thumb img{
  width:100%;border-radius:5px;display:block;
  height:auto;   /* 蓋掉 the_post_thumbnail 的 height 屬性——CSS 只設 width 時該屬性會變固定高、把圖壓扁（MEMORY 2026-08-06 教訓，2026-09-01 案例分支現形後回補到基礎規則） */
}
/* 衛教雙欄的精選圖不鎖比例（Ginger 2026-09-07 裁定，取代原「723×427 圖卡
   cover 裁切」版——該版同樣引 Figma 7952:49051）：滿版寬、跟原圖比例走，
   直接吃上面的基礎規則。案例分支的 4:3 圖卡屬舊案移植設計，維持不動。 */
/* 大綱表（TOC）— 比照 Figma node 7952:49264（Ginger 2026-09-01 指定，取代原「先簡單畫框」版）：
   框 1px --main-01 圓角 5、padding 30px 50px；主項 16px 字距 1.6px、主項群組間距 30px；
   子清單縮排 20px、距主項 10px、子項間距 12px；hover 主橘 --pain-main-01＋底線。
   編號「1.」「1.1」在設計稿是文字的一部分，這裡改用 CSS counters 產生（list-style 做不出
   1.1 複合式），層級與數字自動跟著 healclinic_render_toc 的巢狀 ol 走。 */
.site-main .gaia-single__toc{
  border:1px solid var(--main-01);border-radius:5px;padding:30px 50px;
  margin-block:var(--space-8);
  font-family:var(--font-sans);font-size:1rem;letter-spacing:1.6px;
  /* 框寬包住內容、不撐滿文章欄——設計稿元件框是 auto-layout hug（272 寬隨內容伸縮），
     滿版寬框正是 Ginger 退回的「跑版」（2026-09-01 二次修正）。
     box-sizing:border-box：本主題無全域 reset，max-width 含 padding/border 才不會
     在窄視窗凸出（硬規則，見 style.css 404 搜尋框先例）。 */
  width:fit-content;max-width:100%;box-sizing:border-box;
}
/* TOC 標題「Table of Contents」— Figma 7952:49264 原設計無標題，Ginger 2026-09-04 指定
   比照參考站 entdoctorhu.com 補上（該站標題即英文原文，字級略大於清單項、加粗）。 */
.site-main .gaia-single__toc-title{
  margin:0 0 20px;font-size:1.125rem;font-weight:700;color:var(--text-black);
}
.site-main .gaia-single__toc ol{list-style:none;padding:0;margin:0}
.site-main .gaia-single__toc > ol{display:flex;flex-direction:column;gap:30px;counter-reset:toc}
.site-main .gaia-single__toc > ol > li{counter-increment:toc}
.site-main .gaia-single__toc > ol > li > a::before{content:counter(toc) "."}
.site-main .gaia-single__toc ol ol{
  display:flex;flex-direction:column;gap:12px;
  margin-block-start:10px;padding-inline-start:20px;counter-reset:tocsub;
}
.site-main .gaia-single__toc ol ol li{counter-increment:tocsub}
.site-main .gaia-single__toc ol ol a::before{content:counter(toc) "." counter(tocsub)}
.site-main .gaia-single__toc a{color:var(--text-black);text-decoration:none}
.site-main .gaia-single__toc a:hover{color:var(--pain-main-01);text-decoration:underline}

/* 內文段落 16px、文字色 --text-black #3e3e3e、字距 1.5px
   （Ginger 2026-08-28 裁定，比照參考頁 drathelas.com 植髮療程內文）：
   設在內文容器靠繼承傳下去，自帶明確字級／顏色的元件不受影響。 */
.site-main .gaia-single__main{font-size:1rem;color:var(--text-black);letter-spacing:1.5px}

/* Post Views 列（Post Views Counter 外掛輸出的 .post-views）— Ginger 2026-09-03 指定：
   #999999（初裁 #666666、同日看畫面後改淡）、置右。掛 .gaia-single 層級，
   三分支（衛教／療程／案例）通用。色票是 Ginger 明示值，別「順手統一」成既有 token。 */
.site-main .gaia-single .post-views{color:#999;text-align:right}

.site-main .gaia-single__grid{
  display:grid;
  grid-template-columns:1fr 339px;   /* 設計稿 7952:48358 雙欄：左 723／右 339（容器 1250 − gap 188 = 左欄自然 723） */
  gap:188px;                         /* 設計稿量測值，非 8 倍數 token（同 --treatment 的 104 先例） */
  align-items:start;
}
/* min-width:0 — 蓋掉 grid item 預設 min-width:auto（內容撐寬）造成的窄螢幕溢出。
   已實測：.gaia-single__main 掛 .gaia-measure（width:min(650px,100% - 40px)）在
   auto-fit/1fr 兩種 grid-template-columns 下都會被撐到 480px 寬，超出 320/375/414/768
   容器（measure-elements.mjs 抓到），加這行後 track 才會真的收到容器寬。標準修法，
   不影響桌機兩欄版面（內容本來就沒那麼寬，min-width:0 只拿掉下限，不強制縮小）。 */
.site-main .gaia-single__grid > *{min-width:0}
.site-main .gaia-single__grid--treatment{
  grid-template-columns:minmax(0,1fr) 423px;  /* 設計稿左 723／右 423（容器 1250 − gap 104 = 左欄自然 723） */
  gap:104px;                                   /* 設計稿量測值，非 8 倍數 token（同 .gaia-archive__grid 的 89 先例） */
  align-items:start;
}
/* 放開 .gaia-measure 的 650/760 上限——兩欄版面的左欄設計稿都是佔滿軌道的 723
   （療程 7951 稿與衛教雙欄 7952:48358 稿相同）。--full 單欄分支不放，維持閱讀寬。
   只限桌機兩欄時；≤900 單欄維持 measure 的閱讀寬與左右內縮，與其他分支一致。 */
@media (min-width:901px){
  .site-main .gaia-single__grid:not(.gaia-single__grid--full) > .gaia-single__main{width:100%}
}
.site-main .gaia-single__grid--full{grid-template-columns:1fr}
/* 右欄（Figma 8040:14742，Ginger 2026-08-31 指定比照）：固定品牌形象圖 339×626 圓角 5
   （assets/img/single-aside-brand.jpg，原稿即帶 slogan 的合成圖；素材 640×1050，
   aspect-ratio+cover 重現設計稿的裁切）、圖到 widget 堆疊間距 60、widget 間距 40
   （共用 .gaia-aside 的 48 是彙整頁稿的值，單篇稿是 40，只在單篇覆蓋）。 */
.site-main .gaia-single__aside-brand{margin-bottom:60px}
.site-main .gaia-single__aside-brand img{
  width:100%;aspect-ratio:339/626;object-fit:cover;height:auto;
  border-radius:5px;display:block;
}
.site-main .gaia-single__aside .gaia-aside{gap:40px}

@media (max-width:900px){
  .site-main .gaia-single__grid{grid-template-columns:1fr;gap:var(--space-16)}
  .site-main .gaia-single--treatment .gaia-single__breadcrumb{padding-block-start:var(--space-8)}
  /* 單欄時療程小百科卡提到內文前面（Ginger 指定：RWD 放開頭不放結尾）。 */
  .site-main .gaia-single__grid--treatment .gaia-single__treatment-card{order:-1;margin-inline:auto}
}

.site-main .gaia-single__summary{
  max-width:655px;   /* 設計稿（1:1 參考圖量測）摘要框不佔滿左欄 723，是 655 */
  background:var(--bg-color-01);border-radius:5px;padding:var(--space-8);
  font-family:var(--font-sans);font-size:1rem;color:var(--text-black);line-height:1.85;
}
.site-main .gaia-single__summary ul{list-style:disc;padding-inline-start:1.5em;margin:0}
.site-main .gaia-single__summary li strong{color:var(--main-02)}

/* 「醫師的話」樣式族——使用者是 gaia/doctor-quote 區塊（blocks/doctor-quote/，
   可安插在文章段落間）。原 single.php 固定版渲染已於 2026-09-03 移除（51a1dbd），
   class 名沿用當時的 gaia-single__director-quote 不改（8 篇已遷移文章的區塊輸出用它）。
   區塊要在編輯器畫布預覽，比照下方 Block Style 的慣例並列一份
   .editor-styles-wrapper selector（編輯器畫布沒有 .site-main）。 */
.site-main .gaia-single__director-quote,
.editor-styles-wrapper .gaia-single__director-quote{
  display:flex;gap:var(--space-8);align-items:center;margin-block-start:var(--space-8);
}
.site-main .gaia-single__director-quote-person,
.editor-styles-wrapper .gaia-single__director-quote-person{
  display:flex;flex-direction:column;align-items:center;gap:8px;flex:0 0 auto;
}
.site-main .gaia-single__director-quote-person img,
.editor-styles-wrapper .gaia-single__director-quote-person img{
  width:150px;height:150px;border-radius:50%;object-fit:cover;
}
/* 醫師姓名：設計稿 Noto Sans Bold 18px（Figma 7950:39610）。 */
.site-main .gaia-single__director-quote-person p,
.editor-styles-wrapper .gaia-single__director-quote-person p{
  margin:0;font-family:var(--font-sans);font-weight:700;font-size:1.125rem;
  line-height:1.85;color:var(--text-black);
}
.site-main .gaia-single__director-quote-bubble,
.editor-styles-wrapper .gaia-single__director-quote-bubble{
  background:#e9e9e9;border-radius:5px;padding:var(--space-8);flex:1 1 0;
  position:relative;   /* 給 ::before 對話尾巴定位 */
}
/* 話文字 16px（Ginger 2026-08-28 指定）。 */
.site-main .gaia-single__director-quote-bubble p,
.editor-styles-wrapper .gaia-single__director-quote-bubble p{font-size:1rem}
/* 對話框小三角（Figma 7950:39603）：指向左側頭像，寬 14 高 16、
   距泡泡頂 27px（設計稿量測），顏色同泡泡底色。 */
.site-main .gaia-single__director-quote-bubble::before,
.editor-styles-wrapper .gaia-single__director-quote-bubble::before{
  content:"";position:absolute;top:27px;left:-14px;
  border-block:8px solid transparent;
  border-right:14px solid #e9e9e9;
}
/* ≤600px 頭像與泡泡左右並排會把泡泡壓成一字一行（Ginger 指定改上下堆疊：
   頭像在上、話在下）。對話尾巴改朝上、水平置中對齊上方頭像。 */
@media (max-width:600px){
  .site-main .gaia-single__director-quote,
  .editor-styles-wrapper .gaia-single__director-quote{flex-direction:column;gap:var(--space-4)}
  .site-main .gaia-single__director-quote-bubble,
  .editor-styles-wrapper .gaia-single__director-quote-bubble{flex:1 1 auto;width:100%;box-sizing:border-box}
  .site-main .gaia-single__director-quote-bubble::before,
  .editor-styles-wrapper .gaia-single__director-quote-bubble::before{
    top:-14px;left:50%;transform:translateX(-50%);
    border:8px solid transparent;border-top:0;
    border-bottom:14px solid #e9e9e9;
  }
}
/* gaia/doctor-quote 區塊安插在文內時，底部也要與下一段拉開（基礎規則只有頂部間距）。 */
.site-main .gaia-single__director-quote--in-content,
.editor-styles-wrapper .gaia-single__director-quote--in-content{
  margin-block:var(--space-8);
}
/* 區塊三欄全空時的編輯器佔位框（前台不會輸出，只有編輯器看得到）。 */
.editor-styles-wrapper .gaia-single__director-quote--placeholder{
  display:block;padding:var(--space-4);border:1px dashed var(--sub-gray-02,#858889);
  border-radius:5px;color:var(--sub-gray-01,#5c5957);font-size:.875rem;
}

.site-main .gaia-single__treatment-card{
  display:flex;flex-direction:column;align-items:center;gap:30px;
  width:100%;max-width:423px;padding:30px 45px;box-sizing:border-box;
  border:1px solid var(--main-01);border-radius:10px;text-align:center;
}
.site-main .gaia-single__treatment-card img{
  width:110px;height:110px;border-radius:50%;object-fit:cover;overflow:hidden;flex:0 0 auto;
}
.site-main .gaia-single__treatment-card-heading{width:100%;color:var(--pain-main-01)}
.site-main .gaia-single__treatment-card h2{
  margin:0;font-family:var(--font-sans);font-weight:700;font-size:1.5rem;
  line-height:1.85;color:inherit;overflow-wrap:break-word;
}
.site-main .gaia-single__treatment-card-en{
  margin:0;font-family:var(--font-sans);font-size:1rem;font-weight:400;
  line-height:1.85;color:inherit;overflow-wrap:break-word;
}
.site-main .gaia-single__treatment-card-intro{
  font-family:var(--font-sans);font-size:1.125rem;font-weight:400;line-height:1.85;
  color:var(--sub-gray-01,#5c5957);text-align:left;overflow-wrap:break-word;
}
.site-main .gaia-single__treatment-card-intro p{margin:0}
.site-main .gaia-single__treatment-card > .gaia-cta{font-weight:700}

/* 五個 Block Style（H2 accent／Group 虛線框／Quote pull-quote／Button CTA／FAQ）：
   前台 selector 掛 .gaia-entry 前綴（single.php 的文章容器 class）。編輯器畫布裡
   沒有 .gaia-entry 這層，所以另外並列一份 .editor-styles-wrapper 前綴的 selector——
   這支 CSS 同時被 wp_enqueue_style（前台）與 add_editor_style（編輯器）載入
   （見 functions.php 1)、2c) 段）。.editor-styles-wrapper 是 Gutenberg 給編輯器
   畫布外層自動掛的 class；block-editor.js 的 EDITOR_STYLE_TRANSFORM_OPTIONS 明講
   「已經帶 .editor-styles-wrapper 的 selector 不會再被自動加前綴」，所以這裡手動
   並列的規則不會被二次包一層、也不會跟前台的規則互相干擾。 */

/* H2 accent — 比照 Figma node 7950:39615 */
.gaia-entry .wp-block-heading.is-style-gaia-accent,
.editor-styles-wrapper .wp-block-heading.is-style-gaia-accent{
  border-inline-start:5px solid var(--func-02);
  padding-inline-start:15px;
  font-family:var(--font-sans);font-weight:700;font-size:1.875rem;color:var(--text-black);
  letter-spacing:.1em;  /* 30px＋字距 10%：2026-08-31 Ginger 改裁恢復檢測稿 7952:49162 原值
                           （取代 08-28「28px＋.8px 比照 drathelas」的前裁定） */
}
/* 療程分支：設計稿裡內文「每一個」H2 都帶金色左條（treatment-full 參考圖），
   所以金邊在療程內頁是 H2 的「預設」，不靠編輯逐區塊手動選樣式——
   2026-08-27 Ginger 兩度回報「H2 沒有金邊」，根因都是手動選用模式不符合這個設計意圖。
   只鎖 h2（設計稿 H3 以下無金條）；有沒有選 is-style-gaia-accent 結果相同。 */
.site-main .gaia-single--treatment .gaia-entry h2.wp-block-heading{
  border-inline-start:5px solid var(--func-02);
  padding-inline-start:15px;
  font-family:var(--font-sans);font-weight:700;font-size:1.875rem;color:var(--text-black);
  letter-spacing:.1em;  /* 30px＋字距 10%：2026-08-31 Ginger 改裁恢復檢測稿原值（同上） */
}

/* Group 虛線框 — 比照 Figma node 7951:39637 */
.gaia-entry .wp-block-group.is-style-gaia-highlight,
.editor-styles-wrapper .wp-block-group.is-style-gaia-highlight{
  border:2px dashed var(--func-02);border-radius:5px;padding:var(--space-8);
  box-sizing:border-box;
}

/* Quote pull-quote — 比照 Figma node 7951:39654。
   療程分支的「素」quote 強制此樣式，但排除手動選了樣式的（:not([class*="is-style-"])）——
   否則高權重會把「重要引文」等選用樣式蓋掉（Ginger 2026-08-31 指定重要引文
   三種內頁都要能用；衛教／案例的素 quote 排除寫法同此，見各自規則）。 */
.gaia-entry .wp-block-quote.is-style-gaia-pullquote,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-pullquote,
.site-main .gaia-single--treatment .gaia-entry .wp-block-quote:not([class*="is-style-"]){
  background:var(--bg-color-01);border-radius:5px;padding:10px;
  font-family:var(--font-sans);font-size:1rem;color:var(--text-black);
  line-height:1.85;border-inline-start:0;margin:0;text-align:center;
}
.gaia-entry .wp-block-quote.is-style-gaia-pullquote p,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-pullquote p,
.site-main .gaia-single--treatment .gaia-entry .wp-block-quote:not([class*="is-style-"]) p{margin:0}
.gaia-entry .wp-block-quote.is-style-gaia-pullquote p::before,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-pullquote p::before,
.site-main .gaia-single--treatment .gaia-entry .wp-block-quote:not([class*="is-style-"]) p::before{
  content:"\201C";font-weight:700;
}
.gaia-entry .wp-block-quote.is-style-gaia-pullquote p::after,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-pullquote p::after,
.site-main .gaia-single--treatment .gaia-entry .wp-block-quote:not([class*="is-style-"]) p::after{
  content:"\201D";font-weight:700;
}

/* 引文・小（左金條）— 比照 Figma node 7952:48370（衛教檢測稿 7952:48358）：
   5px 金條、條與文字間距 15px、Noto Sans Bold 18px、字距 1.8px、行高 1.85。
   與 H2 accent 同一套「左金條」語彙，條高隨內容自然伸縮（border-inline-start）。
   衛教雙欄（--sidebar）的「素」quote 預設就是小引文（同療程分支素 quote 預設淺棕底
   的先例；Ginger 2026-08-31 指定引文比照檢測稿，素 quote 不能再以瀏覽器預設樣式上線）；
   案例分支（--case）比照衛教（Ginger 2026-09-01 回報案例頁素引文裸奔，指定照設計稿
   7952:49230 顯示）；重要引文（gaia-quote-lines，設計稿 7952:49281）維持手動選。 */
.gaia-entry .wp-block-quote.is-style-gaia-quote-bar,
.site-main .gaia-single--sidebar .gaia-entry .wp-block-quote:not([class*="is-style-"]),
.site-main .gaia-single--case .gaia-entry .wp-block-quote:not([class*="is-style-"]),
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-bar{
  border-inline-start:5px solid var(--func-02);padding-inline-start:15px;
  margin:0;background:none;border-radius:0;text-align:start;
  font-family:var(--font-sans);font-weight:700;font-size:1.125rem;
  letter-spacing:1.8px;line-height:1.85;color:var(--text-black);
}
.gaia-entry .wp-block-quote.is-style-gaia-quote-bar p,
.site-main .gaia-single--sidebar .gaia-entry .wp-block-quote:not([class*="is-style-"]) p,
.site-main .gaia-single--case .gaia-entry .wp-block-quote:not([class*="is-style-"]) p,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-bar p{margin:0}

/* 引文・重要（上下金線）— 比照 Figma node 7952:49126（衛教檢測稿）：
   上下各一條 2px 金線、線中央嵌 4px 金圓點（線與點間隔 10px）、線與文字間距 30px、
   Noto Sans Bold 20px 置中、字距 2px、行高 1.85。線＋點用背景圖層畫，不佔 DOM。
   2026-09-03 Ginger 澄清：編輯者用的是插入器內建的「重要引述」磚（core/pullquote）——
   所以這組視覺同時是 .wp-block-pullquote 的**預設**（插入即帶出、免選樣式，同詩句先例，
   三分支通用）；core/quote 的手動樣式 gaia-quote-lines 保留向下相容。
   border:0 同時歸零 core 給 pullquote 的預設上下粗框。 */
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines,
.gaia-entry .wp-block-pullquote,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines,
.editor-styles-wrapper .wp-block-pullquote{
  margin:0;padding:0;border:0;background:none;text-align:center;
  font-family:var(--font-sans);font-weight:700;font-size:1.25rem;
  letter-spacing:2px;line-height:1.85;color:var(--text-black);
}
/* pullquote 內層 blockquote 歸零（core 結構：figure > blockquote > p ＋ cite） */
.gaia-entry .wp-block-pullquote blockquote,
.editor-styles-wrapper .wp-block-pullquote blockquote{margin:0;padding:0;border:0}
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines p,
.gaia-entry .wp-block-pullquote p,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines p,
.editor-styles-wrapper .wp-block-pullquote p{
  margin:0;font-size:inherit;line-height:inherit;   /* 蓋掉 core pullquote p 的 1.75em */
}
/* 引用出處（cite）：設計稿沒畫，給一個低調預設——小字、非斜體、距正文 10px */
.gaia-entry .wp-block-pullquote cite,
.editor-styles-wrapper .wp-block-pullquote cite{
  display:block;margin-top:10px;font-size:.875rem;font-style:normal;
  font-weight:400;letter-spacing:normal;color:var(--sub-gray-01,#5c5957);
}
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines::before,
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines::after,
.gaia-entry .wp-block-pullquote::before,
.gaia-entry .wp-block-pullquote::after,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines::before,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines::after,
.editor-styles-wrapper .wp-block-pullquote::before,
.editor-styles-wrapper .wp-block-pullquote::after{
  content:"";display:block;height:4px;
  background:
    radial-gradient(circle closest-side, var(--func-02) 98%, transparent) center/4px 4px no-repeat,
    linear-gradient(var(--func-02),var(--func-02)) left center/calc(50% - 12px) 2px no-repeat,
    linear-gradient(var(--func-02),var(--func-02)) right center/calc(50% - 12px) 2px no-repeat;
}
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines::before,
.gaia-entry .wp-block-pullquote::before,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines::before,
.editor-styles-wrapper .wp-block-pullquote::before{margin-block-end:30px}
.gaia-entry .wp-block-quote.is-style-gaia-quote-lines::after,
.gaia-entry .wp-block-pullquote::after,
.editor-styles-wrapper .wp-block-quote.is-style-gaia-quote-lines::after,
.editor-styles-wrapper .wp-block-pullquote::after{margin-block-start:30px}

/* 分隔線（core/separator）— 比照 Figma node 7952:49151（Ginger 2026-09-02 指定）：
   與重要引文上下線同一套視覺語言——左右兩段 2px --func-02 金線＋中央 4px 金點
   （線端到點間隔 10px，即各段線寬 50% − 12px），用背景圖層畫、不佔 DOM。
   蓋掉 core 的 border-top 與 has-alpha-channel-opacity 的透明度；
   三種文章內頁（.gaia-entry）都自動套用，編輯器畫布並列一份（檔內既有慣例）。 */
.gaia-entry hr.wp-block-separator,
.editor-styles-wrapper hr.wp-block-separator{
  border:0;height:4px;width:100%;max-width:none;opacity:1;
  background:
    radial-gradient(circle closest-side, var(--func-02) 98%, transparent) center/4px 4px no-repeat,
    linear-gradient(var(--func-02),var(--func-02)) left center/calc(50% - 12px) 2px no-repeat,
    linear-gradient(var(--func-02),var(--func-02)) right center/calc(50% - 12px) 2px no-repeat;
  margin-block:var(--space-8);
}

/* 內文按鈕 — 比照 Figma node 7952:49186（Ginger 2026-08-31 指定）：金底 --func-02、
   圓角 5、padding 10×20、Noto Sans Bold 16 白字、字距 1.6、行高 1.85。
   素按鈕（未選樣式）預設同視覺（比照今日 H2／引文「免手動選」原則）；
   is-style-gaia-cta 保留、結果相同。原「--main-01 底沿用 .gaia-cta」的寫法由本規則取代。 */
.gaia-entry .wp-block-button__link,
.editor-styles-wrapper .wp-block-button__link{
  background:var(--func-02);color:#fff;border-radius:5px;padding:10px 20px;
  font-family:var(--font-sans);font-weight:700;font-size:1rem;
  letter-spacing:1.6px;line-height:1.85;text-decoration:none;
}

/* FAQ Details — 直接比照既有 .gaia-faq__item 系列規則，套用到原生 core/details 結構。
   三種文章內頁（療程／衛教／案例）的 Details 都自動套用，不必逐題選 Block Style；
   編輯器畫布仍保留 is-style-gaia-faq selector，避免 add_editor_style() 影響非文章頁面。 */
.gaia-entry .wp-block-details,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq{
  border:1px solid var(--main-01);margin-top:-1px;
}
.gaia-entry .wp-block-details:first-of-type,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq:first-of-type{margin-top:0;border-radius:5px 5px 0 0}
.gaia-entry .wp-block-details:last-of-type,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq:last-of-type{border-radius:0 0 5px 5px}
.gaia-entry .wp-block-details > summary,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > summary{
  font-family:var(--font-sans);font-size:1.125rem;font-weight:500;color:var(--sub-gray-01,#5c5957);
  min-height:55px;padding:10px 22px;box-sizing:border-box;
  cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none;
}
.gaia-entry .wp-block-details > summary::-webkit-details-marker,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > summary::-webkit-details-marker{display:none}
.gaia-entry .wp-block-details > summary::before,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > summary::before{content:"＋";flex:0 0 auto;line-height:1}
.gaia-entry .wp-block-details[open] > summary,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq[open] > summary{font-weight:700;color:var(--main-02)}
.gaia-entry .wp-block-details[open] > summary::before,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq[open] > summary::before{content:"－"}
.gaia-entry .wp-block-details > *:not(summary),
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > *:not(summary){
  background:var(--bg-color-01);margin:0;padding:0 20px;
  font-family:var(--font-sans);font-size:1rem;color:#000;line-height:1.85;
}
.gaia-entry .wp-block-details > summary + *,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > summary + *{
  border-top:1px solid var(--main-01);padding-top:10px;
}
.gaia-entry .wp-block-details > *:not(summary) + *,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > *:not(summary) + *{padding-top:10px}
.gaia-entry .wp-block-details > *:not(summary):last-child,
.editor-styles-wrapper .wp-block-details.is-style-gaia-faq > *:not(summary):last-child{padding-bottom:10px}

/* ===== 內文通用元素（衛教檢測稿 7952:48358，2026-08-31 補齊）=====
   標題階層／連結／圖說／表格。這些不是 Block Style，是 .gaia-entry 的預設樣式，
   三種文章分支共用；編輯器畫布並列 .editor-styles-wrapper 版（同上方 Block Style 的做法）。 */

/* 標題階層 — 比照 Figma node 7952:49162（H2–H6 檢測）設計原值：30/28/26/24/22px、
   字距各為字級的 10%（=.1em，隨字級自動縮放）。
   ※ 2026-08-28 曾裁 H2=28px＋.8px（比照 drathelas），2026-08-31 Ginger 改裁恢復設計原值。 */
.gaia-entry h2,.editor-styles-wrapper h2.wp-block-heading{font-size:1.875rem}
.gaia-entry h3,.editor-styles-wrapper h3.wp-block-heading{font-size:1.75rem}
.gaia-entry h4,.editor-styles-wrapper h4.wp-block-heading{font-size:1.625rem}
.gaia-entry h5,.editor-styles-wrapper h5.wp-block-heading{font-size:1.5rem}
.gaia-entry h6,.editor-styles-wrapper h6.wp-block-heading{font-size:1.375rem}
.gaia-entry :is(h2,h3,h4,h5,h6),
.editor-styles-wrapper :is(h2,h3,h4,h5,h6).wp-block-heading{
  font-family:var(--font-sans);font-weight:700;letter-spacing:.1em;
  line-height:1.4;color:var(--text-black);
}
/* 內文 H2 一律帶金色左條（Ginger 2026-08-31 指定「內文頁的 H2 也要金色左條」——
   原本只有療程分支強制、衛教／案例要手動選 accent 樣式；現在三分支前台皆預設）。
   只限 the_content 頂層 H2（>）：包在其他元件裡的 h2（例：案例文末分享列標題）不吃。
   前台預設、編輯器畫布維持素的（同療程先例——editor style 會載到 Page 編輯器，
   不能全域上金條），畫布要預覽可選「左側色塊標題」樣式。 */
.gaia-entry > h2{border-inline-start:5px solid var(--func-02);padding-inline-start:15px}

/* 內文連結 — 粗體、底線、金 #D2B32A（--func-02；Ginger 2026-08-31 指定，
   取代檢測稿 7952:49168 的主橘 #DC7D28）。
   排除按鈕類與分享鈕；:where() 讓排除不墊高 specificity，
   目錄（.gaia-single__toc a，檔首）與 FAQ 等自帶連結樣式因 specificity 較高不受影響。 */
.gaia-entry a:where(:not(.wp-block-button__link):not(.gaia-cta):not(.gaia-single__share-btn)),
.editor-styles-wrapper .wp-block-post-content a:where(:not(.wp-block-button__link)){
  color:var(--func-02);font-weight:700;text-decoration:underline;
}
/* 目錄連結不吃上面的粗體（色與底線檔首的 TOC 規則已擋住，字重這裡補擋，維持原細體） */
.site-main .gaia-single__toc a{font-weight:400}

/* 圖說 — 比照 Figma node 7952:49170：Regular 14px／行高 150%。稿上的標注文字寫
   「#666666」，但該文字節點實際套的色票是 Figma 變數 main-gray #7E7A75
   （get_design_context 回報），以實際色票為準（token 加在 style.css :root）。
   字距歸零：不吃 .gaia-single__main 的內文 1.5px 字距（設計稿圖說無字距）。 */
.gaia-entry figcaption,.editor-styles-wrapper figcaption{
  font-family:var(--font-sans);font-size:.875rem;font-weight:400;
  line-height:1.5;letter-spacing:normal;color:var(--main-gray,#7e7a75);text-align:start;
}

/* 表格 — 檢測稿沒有畫表格（7952:48850 只是一張嵌入的截圖、匯出為空 1×1），
   樣式比照 drathelas.com 參考頁的中性細框表：淺灰 1px 框、表頭粗體米灰底。
   figure 上加 overflow-x:auto——窄視窗表格寬過容器時容器內捲動，不撐破版面。 */
.gaia-entry .wp-block-table,.editor-styles-wrapper .wp-block-table{overflow-x:auto}
.gaia-entry .wp-block-table table,.editor-styles-wrapper .wp-block-table table{
  width:100%;border-collapse:collapse;font-size:1rem;line-height:1.85;
}
.gaia-entry .wp-block-table th,.gaia-entry .wp-block-table td,
.editor-styles-wrapper .wp-block-table th,.editor-styles-wrapper .wp-block-table td{
  border:1px solid #e0e0e0;padding:10px 15px;text-align:start;vertical-align:top;
}
.gaia-entry .wp-block-table th,.editor-styles-wrapper .wp-block-table th{
  background:var(--bg-color-01);font-weight:700;
}

/* 相關圖文區收尾留白：卡片列與 footer（CTA 帶）之間設計稿有一大段呼吸空間，
   原本緊貼（Ginger 2026-09-01 回報）。取 8 倍數 token --space-24（96px），
   掛在 section 上、不掛 .gaia-wrap（wrap 是共用開版容器，別動）。 */
/* 8870:896：導覽塊底到「你可能也會感興趣」122px（導覽自帶 32px 下內距，補 90）。 */
.site-main .gaia-single__related{margin-block-start:90px;margin-block-end:var(--space-24)}

/* 詩句元件 — 比照 Figma 8867:10551（Ginger 2026-09-03 指定，三種文章內頁通用）：
   佔滿左欄（723 軌道）、最小高 86px、米金底 --func-01、直角（設計稿矩形無圓角）。
   載體是 WP 內建「詩篇（core/verse）」區塊（Ginger 指定用現成的詩句元件磚）——
   前台預設生效、免選樣式（同 H2 金條／素引文的「免手動選」原則）。
   保留 pre 的換行行為（white-space:pre-wrap 為 core 預設，flex 置中不影響）。
   ⚠️ 設計稿只有空色帶、沒有文字節點（同首頁跑馬燈先例）——文字樣式是本主題預設：
   金萱 Bold 18 置中、行高 1.85、字距 .1em、--text-black，要調整等 Ginger 裁定。 */
.gaia-entry .wp-block-verse,
.editor-styles-wrapper .wp-block-verse{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  min-height:86px;padding:15px 20px;background:var(--func-01);border-radius:0;
  font-family:var(--font-jinxuan);font-weight:700;font-size:1.125rem;
  line-height:1.85;letter-spacing:.1em;
  color:var(--text-black);   /* 曾短暫改白（Ginger 09-03），同日看過實際畫面後裁定改回深色 */
  text-align:center;white-space:pre-wrap;overflow-wrap:break-word;
}

/* 相關圖文標題「你可能也會感興趣」— 比照 Figma 7952:48445：Bold 14px 金 --func-02、
   字距 1.4px、行高 1.85。不是大標題——設計稿是小小的金色引導字。 */
.site-main .gaia-single__related-title{
  margin:0 0 30px;   /* 標題到卡片 30（8870:896 量測） */
  font-family:var(--font-sans);font-weight:700;font-size:.875rem;
  letter-spacing:1.4px;line-height:1.85;color:var(--func-02);
}

/* 上一篇/下一篇文章導覽（.gaia-single__adjacent）——顏色與字樣 2026-09-01 依
   Figma node 7952:49320（Ginger 指定 7979-16972 群組內）校正：
   縮圖 75px 圓、1px --func-02 金圈；標籤「上一文章/下一文章」12px Bold --func-02
   金、字距 0.6px；標題 14px Regular --text-black、字距 0.7px；標籤與標題距 17px、
   圖文距 22px；中央分隔線 1px #858889（設計稿 Vector 22 的 stroke，無對應 token）。
   縮圖與圖文距仍用 clamp() 隨寬度縮放，320px 不溢出。 */
/* 2026-09-03 改版（Ginger 指定比照 8870:895，三分支統一，取代 09-02 的 723 置中版）：
   導覽改「靠左、內容收攏」——上一篇｜144｜30px 短分隔線｜144｜下一篇，
   與下方相關文章卡片區同左緣（兩者的 wrap 都是 994 容器，見 --related 規則）。
   與內文距離維持 120（自帶 32px 上內距＋88px margin，沿用 09-02 量測）。
   分隔線改為 PHP 輸出的實體元素（.gaia-single__adjacent-sep，雙鄰居才渲染）——
   舊版 left:50% 偽元素在兩側標題不等長時會偏掉。窄視窗 gap 用 clamp 收斂。 */
.site-main .gaia-single__adjacent{
  display:flex;align-items:center;justify-content:flex-start;
  gap:clamp(24px,10vw,144px);padding-block:var(--space-8);
  width:fit-content;max-width:100%;margin-block-start:88px;
  flex-wrap:wrap;
}
.site-main .gaia-single__adjacent-sep{
  width:1px;height:30px;flex:none;align-self:center;
  background:#858889;   /* 設計稿分隔線 stroke 色，無對應 token */
}
.site-main .gaia-single__adjacent-item{
  display:flex;align-items:center;gap:clamp(12px,2.5vw,22px);text-decoration:none;
  flex:0 1 auto;min-width:0;
}
.site-main .gaia-single__adjacent-item img{
  width:clamp(48px,12vw,75px);height:clamp(48px,12vw,75px);
  border-radius:50%;object-fit:cover;flex:none;
  border:1px solid var(--func-02);
}
.site-main .gaia-single__adjacent-item span{
  display:flex;flex-direction:column;gap:clamp(8px,2vw,17px);min-width:0;
  width:145px;   /* 設計稿 8870:895 文字欄固定 145，配 strong 的兩行截斷——
                    否則長標題會把內容收攏版撐爆換行（正式站實測踩到） */
}
.site-main .gaia-single__adjacent-item em{
  font-style:normal;font-weight:700;color:var(--func-02);
  font-size:.75rem;letter-spacing:.6px;
}
.site-main .gaia-single__adjacent-item strong{
  font-weight:400;color:var(--text-black);font-size:.875rem;letter-spacing:.7px;
  line-height:1.5;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.site-main .gaia-single__adjacent-item--next{
  text-align:right;
}
.site-main .gaia-single__adjacent-item--next span{align-items:flex-end}

/* ===== 案例心得分支（.gaia-single--case）——設計系統移植自舊案 =====
   來源：entdoctorhu.com 案例故事內頁（Elementor 單篇模板 post-33560 的 CSS，
   2026-08-31 curl 抽樣量測；Ginger 同日裁定蕙林案例內頁「抄舊案的設計系統」，
   只移植版面與元件樣式、不搬程式碼）。
   蕙林保留的既有能力不動：TOC、上下篇縮圖導覽、相關文章 .gaia-postcards。
   衛教／療程分支不受影響——本節規則鎖在 --case 或 share-footer 底下
   （share-footer 只有案例分支的 PHP 會輸出）。 */

/* 版心：舊案整條文章欄（麵包屑→內文→文末分享→上下篇）都是 750 置中。
   相關文章區例外（蕙林維持既有 994），用 single.php 掛的 .gaia-wrap--related 豁免。 */
.site-main .gaia-single--case .gaia-wrap{--container:750px}
/* 尾段（上下篇導覽＋相關文章）：wrap 用各分支自己的容器寬（衛教／療程 1250、案例 750），
   左緣即文章欄左緣（Ginger 2026-09-03「靠左對齊文章區塊」，取代同日稍早的 994 置中版）；
   內容仍鎖設計稿的 994 群組寬（8870:896 卡片 300×3＋47 gap）——靠左、不置中。
   案例 750 容器下卡片 auto-fill 自動降 2 欄，左緣照樣對齊。 */
.site-main .gaia-single .gaia-wrap--related > *{max-width:994px}
/* __main 掛著共用 .gaia-measure（650/760 上限），案例欄寬以 wrap 的 750 為準，放開。 */
.site-main .gaia-single--case .gaia-single__main{width:100%}

/* 標題：舊案 36px、≤1024 縮 24px。行高／字距不抄舊案的 1.5em／1.5px——
   級距與字距屬系統層，套全域字級系統正本（H1＝2.25rem／Bold／1.3／.1em）；
   字體家族屬品牌層，維持蕙林金萱（繼承檔首 .gaia-single__title 既有規則）。 */
.site-main .gaia-single--case .gaia-single__title{
  font-size:2.25rem;line-height:1.3;letter-spacing:.1em;
}
@media (max-width:1024px){
  .site-main .gaia-single--case .gaia-single__title{font-size:1.5rem}
}

/* meta：2026-09-04 Ginger 裁定案例 meta 列「比照文章內頁辦理」——直向三列版與
   標籤列（meta-row／meta-tags）作廢，meta 列全分支走檔首共用規則。
   舊案設計只留在文末「分享文章」列：28×28、圓角 5、平台品牌色底＋白 icon、
   複製鈕透明底原色、hover 放大 1.1。頂部 meta 列的分享鈕（含案例）維持
   32px 圓形 --bg-color-01 底（design-system.md .gaia-single__share* 節）。 */
.site-main .gaia-single__share-footer .gaia-single__share{margin-inline-start:0;gap:10px}
.site-main .gaia-single__share-footer .gaia-single__share-btn{
  width:28px;height:28px;border-radius:5px;color:#fff;transition:transform .2s ease;
}
.site-main .gaia-single__share-footer .gaia-single__share-btn:hover{transform:scale(1.1)}
.site-main .gaia-single__share-footer .gaia-single__share-btn--fb{background:#1877f2}
.site-main .gaia-single__share-footer .gaia-single__share-btn--line{background:#06c755}
.site-main .gaia-single__share-footer .gaia-single__share-btn--threads{background:#000}
.site-main .gaia-single__share-footer .gaia-single__share-btn--copy{background:transparent;color:var(--text-black)}
.site-main .gaia-single__share-footer .gaia-single__share-btn--copy.is-copied{background:var(--func-02);color:#fff}

/* （--case 導覽的 723 置中特例已併回三分支共用的新版規則——靠左內容收攏、
   短分隔線，見上方 09-03 改版註解；與內文 120px 的距離判準不變。） */

/* 精選圖：撐滿文章欄（Ginger 2026-09-03 裁定，取代舊案的 60% 縮圖——不抄那條）、
   上 40 下 20。比例固定 4:3（舊案精選圖都是 1024×768 圖卡）＋ cover 裁切＋
   height:auto——做法同 --sidebar 分支：不跟原圖比例走，直式上傳會裁成 4:3
   而不是把版面撐高；height:auto 解除 the_post_thumbnail 的 height 屬性
   （沒有它圖會被壓扁，2026-09-01 Ginger 抓到過）。 */
.site-main .gaia-single--case .gaia-single__thumb{margin-block:40px 20px}
.site-main .gaia-single--case .gaia-single__thumb img{
  width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;
}

/* 文末分享列：「分享文章」標題與分享鈕同一行（舊案 flex row）。標題 18px Bold（=H5 級）。
   在 .gaia-entry 內，字級要蓋掉 .gaia-entry h2 的 30px 預設（specificity 較高，已驗）。 */
.site-main .gaia-single__share-footer{
  display:flex;align-items:center;gap:20px;margin-block-start:var(--space-8);
}
.site-main .gaia-single__share-footer-title{
  margin:0;font-family:var(--font-sans);font-weight:700;font-size:1.125rem;
  line-height:1.5;letter-spacing:.1em;color:var(--text-black);
}