/* 醫療團隊 — Figma 7901:11330（檔案 YMOQylTWDWP1skxVO8WJUh）
   由 functions.php 2b 段依模板 page-team.php 自動 enqueue，排在 style.css 之後。
   共用 token / 共用元件請留在 style.css，不要複製到這裡。

   本頁重用的共用元件（未在此新增對應 CSS，直接沿用既有 class，見 page-team.php docblock）：
   - .gaia-page-banner / .gaia-page-banner__title
   - .gaia-sec-head / __title / __divider / __sub
   - .gaia-clinic 全家族（style.css §12，門診資訊區塊，Task 3 逐節點核對後確認同款，見 page-team.php）
   - .gaia-btn-outline / .gaia-cta（按鈕）
   - .gaia-greviews（透過 include patterns/google-reviews.php 取得，本檔不重複定義）

   本頁新增（只在這頁使用）：
   1) .gaia-team-intro*    — 引言「我們相信，醫療的價值」
   2) .gaia-team-doctor*   — 醫師介紹（ACF Repeater team_doctors，0~n 筆）
   3) .gaia-team-member*   — 團隊成員（ACF Repeater team_members，0~n 筆）

   ⚠️ 全檔 0 個 @media：RWD 一律用 clamp() / auto-fit,minmax(min(Npx,100%),1fr)，
   320px 下限包進 min() 避免被 .site-main{overflow-x:clip} 悄悄吃掉溢出
   （同 about.css / style.css .gaia-story 的既有作法，理由見那兩處註解）。
   ============================================================ */

/* ============================================================
   1) 引言：我們相信，醫療的價值（Figma 8130:4385）
   左：大標（2 行）+ 三段內文；右：單張情境照，430:378 比例。
   不滿版，開版寬走 .gaia-wrap 預設 1200（全站公式，見 style.css §2，不必覆寫 --container）。
   ============================================================ */
.site-main .gaia-team-intro{padding-block:var(--space-24)}

.site-main .gaia-team-intro__row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(430px,100%),1fr));
  gap:clamp(24px,6vw,var(--space-20));
  align-items:center;
}

.site-main .gaia-team-intro__title{
  margin:0 0 var(--space-6);
  font-family:var(--font-serif);font-weight:700;font-size:1.5rem;
  color:var(--pain-main-01);letter-spacing:.1em;line-height:1.85;
}
.site-main .gaia-team-intro__body{
  display:flex;flex-direction:column;gap:var(--space-4);
  max-width:44em;
}
.site-main .gaia-team-intro__body p{
  margin:0;font-family:var(--font-sans);font-size:1rem;color:var(--text-black);
  text-align:justify;letter-spacing:.1em;line-height:1.85;
}

.site-main .gaia-team-intro__media{
  margin:0;border-radius:5px;overflow:hidden;
  aspect-ratio:430 / 378;background:var(--sub-beige-01);
}
.site-main .gaia-team-intro__media img{width:100%;height:100%;object-fit:cover;display:block}

/* ============================================================
   2) 醫師介紹（Figma 8130:4386 起，逐位重複同一結構）
   左：400×400 圓角照片（無照片→占位框）+ 語錄（可空）+ 社群/按鈕（可空）；
   右：姓名/職稱 + 一行副標 + 細分隔線 + 經歷／專長 條列。
   ============================================================ */
.site-main .gaia-team-doctors{padding-block:var(--space-24)}
.site-main .gaia-team-doctors .gaia-wrap{--container:994px}

.site-main .gaia-team-doctor{
  display:grid;
  /* 照片欄固定 400（下限包 min() 避免 320px 被 clip 吃掉溢出）；
     資訊欄吃剩下的，兩欄擠不下時 auto-fit 收成單欄。 */
  grid-template-columns:repeat(auto-fit,minmax(min(400px,100%),1fr));
  gap:var(--space-20);
  align-items:start;
}
.site-main .gaia-team-doctor + .gaia-team-doctor{margin-top:var(--space-20)}

.site-main .gaia-team-doctor__media{
  display:flex;flex-direction:column;align-items:center;gap:var(--space-6);
}
/* ⚠️ height:auto 不可省：<img> 帶原生 width/height 屬性（presentational hint，
   會生效成一個定值高度）。CSS 只覆寫 width、不覆寫 height 的話，寬高兩軸都變定值，
   aspect-ratio 依規範直接失效——見 design-system.md「9. 對 <img> 寫 width:100% +
   aspect-ratio 時，一定要同時寫 height:auto」，style.css .gaia-story__img
   已踩過同一顆坑，這裡照同一個修法補、不重犯。 */
.site-main .gaia-team-doctor__photo{
  width:min(400px,100%);height:auto;aspect-ratio:1 / 1;border-radius:20px;
  object-fit:cover;display:block;
}
/* 沒有照片時的占位框：沿用全站既有「缺圖占位」慣例色（.gaia-postcard__img--empty
   同一個 --sub-beige-01），不是為這裡另配一個灰階。 */
.site-main .gaia-team-doctor__photo--empty{background:var(--sub-beige-01)}

.site-main .gaia-team-doctor__quote{
  width:100%;display:flex;flex-direction:column;gap:var(--space-2);
  text-align:center;
}
.site-main .gaia-team-doctor__quote p{
  margin:0;font-family:var(--font-serif);font-weight:600;font-size:1.125rem;
  color:var(--main-02);letter-spacing:.1em;line-height:1.85;
}
/* 上下兩條分隔線，各在遠端帶一個小圓點（呼應 .gaia-clinic__sep 同一組視覺語彙，
   但這裡是兩條獨立線各自帶一個點，不是同一條線兩端各一點）。 */
.site-main .gaia-team-doctor__quote-rule{
  position:relative;height:0;margin:0;border:0;border-top:1px solid var(--main-02);opacity:.6;
}
.site-main .gaia-team-doctor__quote-rule::after{
  content:"";position:absolute;top:-2px;width:4px;height:4px;border-radius:50%;background:var(--main-02);
}
.site-main .gaia-team-doctor__quote-rule:first-child::after{right:0}
.site-main .gaia-team-doctor__quote-rule:last-child::after{left:0}

.site-main .gaia-team-doctor__actions{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-6);
}
.site-main .gaia-team-doctor__social{display:flex;align-items:center;gap:var(--space-2)}
.site-main .gaia-team-doctor__social img{display:block}

.site-main .gaia-team-doctor__info{padding-top:var(--space-2)}
.site-main .gaia-team-doctor__heading{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-3);
}
.site-main .gaia-team-doctor__name{
  font-family:var(--font-sans);font-weight:700;font-size:2rem;color:var(--text-black);
}
.site-main .gaia-team-doctor__title{
  font-family:var(--font-sans);font-weight:400;font-size:1.125rem;color:var(--text-black);
}
.site-main .gaia-team-doctor__subtitle{
  margin:var(--space-3) 0 0;font-family:var(--font-sans);font-weight:700;font-size:1.125rem;
  color:var(--text-black);
}
.site-main .gaia-team-doctor__rule{
  margin:var(--space-4) 0;border:0;border-top:1px solid var(--sub-gray-02);opacity:.5;
}
.site-main .gaia-team-doctor__block + .gaia-team-doctor__block{margin-top:var(--space-4)}
.site-main .gaia-team-doctor__block-title{
  margin:0 0 var(--space-3);font-family:var(--font-sans);font-weight:700;font-size:1.125rem;
  color:var(--text-black);
}
.site-main .gaia-team-doctor__list{
  margin:0;padding-left:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);
  list-style:disc;font-family:var(--font-sans);font-size:1rem;color:var(--gray-01);line-height:1.85;
}

/* ============================================================
   3) 團隊成員（Figma 8112:6721）
   3 欄 × N 列，卡片 300px、間距 47/60（自然吃剩下的 gap，
   auto-fit 讓窄寬度下自動收成 2 欄 / 1 欄，不開 media query）。
   ============================================================ */
.site-main .gaia-team-members{padding-block:var(--space-24)}
.site-main .gaia-team-members .gaia-wrap{--container:994px}

.site-main .gaia-team-members__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));
  gap:var(--space-12) var(--space-8);
}

.site-main .gaia-team-member{display:flex;flex-direction:column;gap:var(--space-4)}
/* 同上一顆 .gaia-team-doctor__photo 的 height:auto 註解，同一個 bug 模式，不重複寫。 */
.site-main .gaia-team-member__photo{
  width:100%;height:auto;aspect-ratio:300 / 350;border-radius:20px;object-fit:cover;display:block;
}
.site-main .gaia-team-member__photo--empty{background:var(--sub-beige-01)}

.site-main .gaia-team-member__name{
  display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;
}
.site-main .gaia-team-member__name-text{
  font-family:var(--font-sans);font-weight:700;font-size:1.125rem;color:var(--text-black);
}
.site-main .gaia-team-member__role{
  font-family:var(--font-sans);font-weight:400;font-size:1rem;color:var(--text-black);
}
.site-main .gaia-team-member__rule{
  margin:0;border:0;border-top:1px solid var(--sub-gray-02);opacity:.5;
}
.site-main .gaia-team-member__duties{
  margin:0;font-family:var(--font-sans);font-size:1rem;color:var(--text-black);line-height:1.85;
}