/* ============================================================
   category-cases.php — 分類彙整頁：案例心得（2026-09-02 自 category-case-study 改名，配合父分類 slug 定案 cases）
   Figma node 7951:39915「案例見證—總覽頁」，檔案 key YMOQylTWDWP1skxVO8WJUh

   由 functions.php 的 category CSS 分支自動載入（鍵＝模板檔名
   `category-cases.php` → 去掉 `.php`、**保留** `category-` 前綴：
   `category-cases`（舊 slug case-study 過渡期由 functions.php 2b) 別名表對到本檔），注意這裡刻意跟 page 那條分支的規則不同——
   page 分支去掉的是開頭的 `page-`，本分支不裁切 `category-` 前綴，
   CSS 檔名直接對齊模板檔名，兩條規則分開寫，理由見 functions.php 該段註解）。

   ── 沿用的共用 class（本檔完全沒有重新定義，只覆寫少數尺寸變數）───
   - `.gaia-page-banner` / `__title`：banner 本身（style.css §17），
     與 category.php 共用同一張底圖與標題樣式，逐一比對 Figma 數值後
     確認完全相同，不需要任何覆寫。
   - `.gaia-wrap`：開版公式（style.css §2 群組選擇器），本檔只覆寫
     `--container`。
   - `.gaia-sec-head` / `__title` / `__divider` / `__sub`：三組標題—分隔線—
     副標（style.css §3），逐一比對 Figma 數值（32px/--main-02/letter-
     spacing .2em、20px/--main-01/letter-spacing .25em）後確認完全相同，
     同樣不需要覆寫。
   - `.gaia-postcards` / `.gaia-postcard*`：文章卡網格與卡片本身
     （style.css §「文章卡」，由 healclinic_render_post_cards() 產生），
     3 欄 × 300 寬、gap 48/47 與 Figma 卡片尺寸相符，不需要覆寫。

   ── 本檔新增的 class（只有版面骨架，沒有新元件）───────────────────
   - `.gaia-caselist`：banner 下方的內容容器，給開版寬（994，同
     `.gaia-postlist`／`.gaia-archive`）與上下留白。
   - `.gaia-caselist__group`：每組（疼痛治療／功能醫學／抗衰再生）,
     只負責組與組之間的垂直間距，內部排版完全交給 .gaia-sec-head 與
     .gaia-postcards 自己的樣式。

   ── 組間垂直間距的量測依據（design-system.md 硬規則同款做法）───────
   對照 Figma node 逐一取三組 header 與前一組最後一列卡片的 y 座標差：
   疼痚治療最後一列卡片頂 y=1069（含卡身估算）到功能醫學標題容器頂
   y=1637，量到約 108px；落在 design-system.md 已記錄的「82~120px」
   區間內（09-門診資訊頁同款量測的結論：沒有證據顯示這裡要比全站
   其餘 section 間距更緊或更鬆），故比照該文件的既定做法收進
   `--space-24`（96px）這個既有 token，不新開一個裁切值。
   ============================================================ */

.site-main .gaia-caselist{
  --container:994px;                         /* 同 .gaia-postlist / .gaia-archive 的內容欄寬 */
  padding-block:var(--space-16) var(--space-24);  /* 同 .gaia-archive：banner 後 64，頁尾前 96 */
}

.site-main .gaia-caselist__group + .gaia-caselist__group{
  margin-top:var(--space-24);   /* 組與組之間的間距，量測依據見上方檔頭 */
}