/* ============================================================
   clean.css — 雅術語意重組頁（_clean）文章區樣式
   鐵則：每一個值都來自正式 rebuild 版的實測 computed style，
        禁止目測、禁止發明數值。改值前先量正式版。
   量測基準：1600px viewport，2026-08-05，諾保科 All-on-4 頁
   選擇器比重：inner.css 有泛用規則 .codex-rewrite .inner-content p
   （0,2,1），本檔一律用 .codex-rewrite .inner-content .ac-* 三層
   （0,3,x）當最終定義層（同 refine ⑱ 模式），且載入順序在最後。
   定案後本檔＝共用唯讀（沐群鐵律）；新頁只能新增規則，不可改既有值
   ============================================================ */

/* 文章內容區（取代建構器 codex-prose-section）
   08-08 Dennis 拍板「分級統一」（選項 B）：全站 section 上下留白只留兩檔——
   一般內文 36/36、有底色或底圖的區塊 78/78。
   原值 20/76 是原站逐塊實測值，跟其他區塊各不相同（80/60、78/78、80/80…），
   整頁高度比基準版多 43%，就是 Dennis 指出的「真的有全站統一樣式?」。
   ⚠️ 連續內文區仍由下方 ③ 歸零，間距交給標題自身 margin — 兩條規則不衝突：
      這裡定的是「單獨一塊時的標準值」。 */
.codex-rewrite .inner-content .ac-prose{padding:36px 0;margin:0}

/* 內容欄：1080px 置中（實測 x=253/w=1080 @1600，= (1585-1080)/2） */
.codex-rewrite .inner-content .ac-article{max-width:1080px;margin:0 auto}

/* 內文段落：18px/400、行高 32.76px(=1.82)、色 rgb(74,69,64)
   ⚠️ 段距沿革：28（原站）→ 36（08-06，因為行距 32.76 大於舊段距 28，段落之間比行與行
   還緊，眼睛分不出段落邊界）→ **34（08-08 Dennis 拍板）**。
   基準版 /rebuild/ 是 23.04，但那小於行距、會退回他當初嫌「段落分合混亂」的狀態；
   34 剛好大於行距又比 36 收斂。*/
.codex-rewrite .inner-content .ac-article p{
  font-size:18px;font-weight:400;line-height:1.82;
  color:rgb(74,69,64);text-align:left;letter-spacing:.018em;
  margin:0 0 34px;padding:0;max-width:none;
}

/* 前言段：實測 19px、行高 36.1px(=1.9)、色同內文（refine ⑱ 的 #3b3632
   在正式版上輸給建構器規則沒生效，正式版實渲染 74,69,64——以實測為準。
   選擇器墊到 (0,5,2) 等同 refine 那條、靠載入順序後者勝） */
body.codex-article .inner-content .ac-article.ac-article p.codex-a-lead{
  font-size:19px;line-height:1.9;color:rgb(74,69,64);
}

/* 重點段：實測 600 字重、margin-bottom 0、色同內文（同上，refine #2c2825 未生效） */
body.codex-article .inner-content .ac-article.ac-article p.codex-a-highlight{
  font-weight:600;margin-bottom:0;color:rgb(74,69,64);
}

/* 圖與影片：滿欄寬 1080、實測上下 margin 皆 0（主圖與影片緊貼前後文） */
.codex-rewrite .inner-content .ac-article img,
.codex-rewrite .inner-content .ac-article video{
  display:block;width:100%;height:auto;margin:0;max-width:none;
}

/* ============================================================
   共用區塊乾淨版（v2 起）——值＝正式版 1600px 實測（2026-08-05）
   ============================================================ */

/* 通用 1080 內容欄（滿版底色區塊內用） */
.codex-rewrite .inner-content .ac-in{max-width:1080px;margin-inline:auto}

/* 麵包屑：refine (37) 已釘 padding-block 8px!important（keyed
   .codex-breadcrumb-section，轉換器保留該 class），此處只補容器欄寬 */

/* —— 優勢區（實測：內距78/78、底圖 a100-2.jpg + 遮罩 rgba(19,19,19,.89)）—— */
.codex-rewrite .inner-content .ac-advantages{
  padding:78px 0;margin:0 -15px;
  background:linear-gradient(rgba(19,19,19,.89),rgba(19,19,19,.89)),
    url("/codex-rewrite/static/img/2018/12/a100-2-dim2.jpg") center/cover no-repeat;
}
.codex-rewrite .inner-content .ac-advantages .ac-adv-title{
  font-size:34px!important;font-weight:700;color:rgb(215,171,72)!important;
  letter-spacing:.02em!important;line-height:1.36!important;
  text-align:center;margin:0 0 16px;padding:0!important;
  /* inner.css 通用 h2 規則帶 border-left:3px 金線（Dennis 拍板拿掉；只封偽元素封不到它）*/
  border:0!important;
}
.codex-rewrite .inner-content .ac-adv-grid{
  display:grid;grid-template-columns:1fr 1fr;column-gap:72px;row-gap:0;
}
.codex-rewrite .inner-content .ac-adv-card{padding:24px 0 28px;margin:0}
.codex-rewrite .inner-content .ac-adv-head{
  display:flex;align-items:baseline;gap:12px;margin:0;padding:0;
}
.codex-rewrite .inner-content .ac-adv-no{
  font-size:28px;font-weight:700;color:rgb(197,154,92);line-height:1;
}
.codex-rewrite .inner-content .ac-adv-card h3{
  font-size:21px;font-weight:700;color:rgb(255,255,255);line-height:1.5;
  margin:0;padding:0;letter-spacing:normal;
}
.codex-rewrite .inner-content .ac-adv-card p{
  font-size:17px;font-weight:400;color:rgba(255,255,255,.92);line-height:1.82;
  letter-spacing:normal;margin:12px 0 0;padding:0;
}

/* —— 醫師介紹（底 #f7f8fa、雙欄 464/544 gap72）——
   內距原為原站實測 80/80，08-08 依 Dennis 拍板的「分級統一」收斂成有底色的 78/78 —— */
.codex-rewrite .inner-content .ac-doctor{
  padding:78px 0;margin:0 -15px;background-color:#f7f8fa;
}
.codex-rewrite .inner-content .ac-doctor-summary{
  display:grid;grid-template-columns:464fr 544fr;gap:72px;
}
.codex-rewrite .inner-content .ac-doctor-photo{margin:0;padding:0}
/* Dennis 拍板（08-05）：全站沈醫師照 team 頁樣式——照片白卡圓角20+陰影 */
/* ⚠️ 高度不可釘死：600px 是照沈院長那張（600×788、比例 0.76）訂的，
   但其他醫師的照片是 800×800 正方形 → 塞進 464×600 的框配 object-fit:contain
   會上下各留白約 68px（08-08 Dennis 一眼看出「照片上下為什麼有白色區域」）。
   基準版本來就是各依原比例（沈 467×600、其餘 467×467）。height:auto 兩種都對。
   同型於 08-07 ac-grid3 那次：整組圖比例混用就不能釘尺寸。 */
.codex-rewrite .inner-content .ac-doctor-photo img{
  display:block;width:100%;height:auto;object-fit:contain;margin:0 0 18.2px;
  background:#fff;border-radius:20px;box-shadow:0 16px 36px rgba(58,49,42,.12);
}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-role{
  font-size:16px;font-weight:600;color:rgb(101,75,55);
  letter-spacing:.08em;line-height:1.5;margin:0 0 10px;padding:0;
}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-name{
  font-size:40px;font-weight:700;color:rgb(59,54,50);
  letter-spacing:.04em;line-height:1.22;margin:0 0 14px;padding:0;
}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-spec{
  font-size:18px;font-weight:700;color:rgb(101,75,55);
  letter-spacing:.012em;line-height:1.6;margin:0 0 22px;padding:0 0 13px;
  border-bottom:1px solid rgba(197,154,92,.46);
}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-cred{
  font-size:18px;font-weight:400;color:rgb(74,69,64);
  letter-spacing:.012em;line-height:1.75;margin:0 0 22px;padding:0;
}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-cred:last-of-type{margin-bottom:0}
.codex-rewrite .inner-content .ac-doctor-details p.ac-doc-cred-h{
  font-size:18px;font-weight:700;color:rgb(74,69,64);
  letter-spacing:.012em;line-height:1.75;margin:0 0 7px;padding:0;
}
.codex-rewrite .inner-content .ac-doctor-bio{margin-top:52px;padding-top:40px;border-top:1px solid rgba(59,54,50,.14)}
.codex-rewrite .inner-content .ac-doctor-bio p{
  font-size:18px;font-weight:400;color:rgb(95,88,81);
  letter-spacing:.018em;line-height:1.9;margin:0 0 22px;padding:0;
}
.codex-rewrite .inner-content .ac-doctor-bio p:last-child{margin-bottom:0}
/* 實測：官方文字欄頂端比照片高 5px */
.codex-rewrite .inner-content .ac-doctor-details{padding-top:5px}

/* 手機（820 斷點，站上既有斷點，禁 767）：欄寬跟容器走，補容器同級左右距
   內文降級值＝正式版 390px 實測：p 17px/行高31.62(=1.86)/段距20，
   lead 維持 19px 只降段距，highlight 維持段距 0 */
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-article{padding-inline:15px}
  .codex-rewrite .inner-content .ac-article p{
    font-size:17px;line-height:1.86;margin-bottom:20px;
  }
  body.codex-article .inner-content .ac-article.ac-article p.codex-a-lead{
    font-size:19px;line-height:1.9;margin-bottom:20px;
  }
  body.codex-article .inner-content .ac-article.ac-article p.codex-a-highlight{
    margin-bottom:0;
  }

  /* —— 共用區塊手機值（正式版 390px 實測）—— */
  .codex-rewrite .inner-content .ac-in{padding-inline:15px}
  .codex-rewrite .inner-content .ac-advantages{padding:40px 0}
  .codex-rewrite .inner-content .ac-advantages .ac-adv-title{
    font-size:26px!important;margin-bottom:12px;
  }
  .codex-rewrite .inner-content .ac-adv-grid{grid-template-columns:1fr;row-gap:0}
  .codex-rewrite .inner-content .ac-adv-card:nth-child(2n){margin-top:32px}
  .codex-rewrite .inner-content .ac-adv-card h3{font-size:19px}
  .codex-rewrite .inner-content .ac-doctor{padding:40px 0}
  .codex-rewrite .inner-content .ac-doctor-summary{grid-template-columns:1fr;gap:0}
  .codex-rewrite .inner-content .ac-doctor-photo img{height:auto}
  .codex-rewrite .inner-content .ac-doctor-details{padding-top:28px}
  .codex-rewrite .inner-content .ac-doctor-details p.ac-doc-role{font-size:15px}
  .codex-rewrite .inner-content .ac-doctor-details p.ac-doc-name{font-size:30px;line-height:1.86}
  .codex-rewrite .inner-content .ac-doctor-details p.ac-doc-spec{
    font-size:17px;line-height:1.86;margin-bottom:20px;padding-bottom:11px;
  }
  .codex-rewrite .inner-content .ac-doctor-details p.ac-doc-cred{
    font-size:17px;line-height:1.86;margin-bottom:21.25px;
  }
  .codex-rewrite .inner-content .ac-doctor-details p.ac-doc-cred-h{font-size:17px;line-height:1.86;margin-bottom:21.25px}
  .codex-rewrite .inner-content .ac-doctor-bio{margin-top:30px;padding-top:26px}
  .codex-rewrite .inner-content .ac-doctor-bio p{font-size:16px;line-height:1.85}
}

/* ============================================================
   v3：輪播＋聯絡模組乾淨版——值＝正式版實測（2026-08-05）
   ============================================================ */

/* —— 照片輪播（引擎在 site.js，控制鈕樣式沿用 codex-carousel-control）—— */
.codex-rewrite .inner-content .ac-carousel{padding:0;margin:0 -15px}
.codex-rewrite .inner-content .ac-car-viewport{overflow:hidden;position:relative}
.codex-rewrite .inner-content .ac-car-rail{
  display:flex;transition:transform .72s cubic-bezier(.22,.61,.36,1);
}
.codex-rewrite .inner-content .ac-car-item{
  flex:0 0 25%;min-height:300px;
  background-size:cover;background-repeat:no-repeat;background-position:center center;
}

/* —— 聯絡模組（表單帶 pt40、地址帶 #f5eeb8 pad68、欄 398/598 gap84）—— */
/* 官方實測：模組頂到 h2=114（40 內距＋74 帶前距）；醫師照疊進地址帶 74px */
.codex-rewrite .inner-content .ac-contact-form-band{padding:114px 0 0;margin:0 -15px}
.codex-rewrite .inner-content .ac-contact-grid{
  display:grid;grid-template-columns:398fr 598fr;gap:84px;
}
/* Dennis 拍板：聯絡標題不要左金線（同優勢標題決定） */
.codex-rewrite .inner-content .ac-contact-title::before,
.codex-rewrite .inner-content .ac-contact-title::after{content:none!important;display:none!important}
.codex-rewrite .inner-content .ac-contact-title.ac-contact-title{border:0!important;padding-left:0!important;
  font-size:30px;font-weight:700;color:rgb(59,54,50);line-height:1.45;
  margin:0 0 20px;padding:0;text-align:left;
}
.codex-rewrite .inner-content .ac-form .ac-field{margin-bottom:13px}
.codex-rewrite .inner-content .ac-form > .ac-field{margin-bottom:23px}
.codex-rewrite .inner-content .ac-form label{
  display:block;font-size:14px;font-weight:400;color:rgb(59,54,50);
  margin:0 0 5px;padding:0;line-height:20px;
}
.codex-rewrite .inner-content .ac-form .ac-req{color:rgb(204,1,1)}
.codex-rewrite .inner-content .ac-form select,
.codex-rewrite .inner-content .ac-form input{
  width:100%;font-size:14px;color:rgb(59,54,50);
  background-color:rgb(247,248,250);border:1px solid rgba(59,54,50,.22);
  border-radius:0;padding-left:10px;
}
.codex-rewrite .inner-content .ac-form select{height:34px}
.codex-rewrite .inner-content .ac-form input{height:37.2px}
.codex-rewrite .inner-content .ac-frow{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.codex-rewrite .inner-content .ac-captcha{margin-top:8px}
.codex-rewrite .inner-content .ac-captcha img{display:block}
.codex-rewrite .inner-content .ac-field--submit{display:flex;align-items:flex-start;padding-top:25px}
.codex-rewrite .inner-content .ac-form button{
  height:37px;width:150px;font-size:14px;font-weight:400;
  color:rgb(59,54,50);background-color:rgb(247,248,250);
  border:1px solid rgba(59,54,50,.22);border-radius:0;cursor:pointer;
  line-height:25.2px;
}
.codex-rewrite .inner-content .ac-contact-portrait{display:flex;align-items:flex-end;align-self:end;position:relative;z-index:1}
/* 原圖 600x1273 直幅，官方=500px 盒 object-fit:contain 貼底置中 */
.codex-rewrite .inner-content .ac-contact-portrait img{
  display:block;width:100%;height:500px;max-height:500px;
  object-fit:contain;object-position:50% 100%;margin:0;
}
/* Dennis 拍板：醫師照底部貼齊白底最下緣（取消疊進黃帶的 74px） */
.codex-rewrite .inner-content .ac-contact-addr-band{
  background-color:#f5eeb8;padding:68px 0;margin:0 -15px;
}
.codex-rewrite .inner-content .ac-addr-grid{
  display:grid;grid-template-columns:403fr 605fr;gap:72px;
}
.codex-rewrite .inner-content .ac-addr-brand{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;height:66px;
}
.codex-rewrite .inner-content .ac-addr-brand img{display:block;margin:0;width:32px;height:auto}
.codex-rewrite .inner-content .ac-addr-brand p{
  font-size:26px;font-weight:700;color:rgb(59,54,50);margin:0;padding:0;
  line-height:1.4;letter-spacing:.01em;
}
.codex-rewrite .inner-content .ac-addr-lines{
  font-size:18px;line-height:1.82;color:rgb(74,69,64);
  letter-spacing:.012em;margin:0 0 28px;padding:0;
}
.codex-rewrite .inner-content .ac-addr-socials{display:flex;gap:12px}
.codex-rewrite .inner-content .ac-addr-socials img{display:block;width:48px;height:48px}
.codex-rewrite .inner-content .ac-addr-map iframe{display:block;width:100%;height:320px;border:0}

@media (max-width:1199px){
  .codex-rewrite .inner-content .ac-car-item{flex-basis:33.3333%}
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-car-item{flex-basis:50%;min-height:190px}
  .codex-rewrite .inner-content .ac-contact-grid{grid-template-columns:1fr;gap:48px}
  .codex-rewrite .inner-content .ac-addr-grid{grid-template-columns:1fr;gap:32px}
  .codex-rewrite .inner-content .ac-contact-form-band{padding-top:40px}
  .codex-rewrite .inner-content .ac-contact-formcol{padding-inline:15px}
  .codex-rewrite .inner-content .ac-frow{grid-template-columns:1fr;gap:0}
  .codex-rewrite .inner-content .ac-contact-title.ac-contact-title{font-size:23px}
  .codex-rewrite .inner-content .ac-contact-portrait img{height:250px;max-height:250px}
  .codex-rewrite .inner-content .ac-contact-addr-band{margin-top:15px}
  .codex-rewrite .inner-content .ac-addr-map iframe{height:260px}
  .codex-rewrite .inner-content .ac-addr-info{padding-inline:15px}
  .codex-rewrite .inner-content .ac-addr-brand{gap:6px;height:auto;margin-bottom:23px}
  .codex-rewrite .inner-content .ac-addr-brand p{font-size:21px}
  .codex-rewrite .inner-content .ac-addr-lines{font-size:17px;line-height:1.86;margin-bottom:20px}
  .codex-rewrite .inner-content .ac-field--submit{padding-top:16px}
}

/* Dennis 2026-08-05 拍板：優勢標題不要左直線裝飾——防禦性封死
   （現行兩版量測皆無此偽元素；此規則確保任何舊裝飾規則都畫不出來） */
.codex-rewrite .inner-content .ac-advantages .ac-adv-title::before,
.codex-rewrite .inner-content .ac-advantages .ac-adv-title::after,
.codex-rewrite .inner-content .ac-advantages .ac-in::before,
.codex-rewrite .inner-content .ac-advantages .ac-in::after{
  content:none!important;display:none!important;
}

/* ============================================================
   v4：文章標準葉組（全站統一——Dennis 驗收清單 #10；值＝現行版實測）
   說明：文章頁的建構器逐頁怪癖（段距0＋空段撐距、負邊距寬圖）於此
   正規化為站標準：p 段距 28、圖滿欄 1080——屬拍板的「統一」範圍
   ============================================================ */
/* 文章 h2：釘現行版實測值（對手泛用 h2 規則帶 !important，此處必須同級壓制） */
.codex-rewrite .inner-content .ac-article h2{
  font-size:27px!important;font-weight:700!important;color:rgb(59,54,50)!important;
  line-height:1.45!important;letter-spacing:.035em!important;text-align:left;
  margin:52px 0 18px!important;padding:8px 0 9px!important;
  border:0;border-bottom:1px solid rgba(200,154,91,.28)!important;background:none;
}
.codex-rewrite .inner-content .ac-article > h2:first-child{margin-top:0!important}
.codex-rewrite .inner-content .ac-article ul,
.codex-rewrite .inner-content .ac-article ol{
  margin:16px 0 24px;padding:0 0 0 20.3px;list-style:none;
}
.codex-rewrite .inner-content .ac-article li{
  position:relative;font-size:18px;font-weight:400;line-height:1.65;
  color:rgb(74,69,64);margin:5px 0;padding:0;
}
.codex-rewrite .inner-content .ac-article li::before{
  content:"";position:absolute;left:-18px;top:11px;width:6px;height:6px;
  border-radius:50%;background:rgb(74,69,64);
}
/* 併排欄列：欄寬由 12 格制 inline template 決定，此處只給溝與對齊 */
.codex-rewrite .inner-content .ac-cols{
  display:grid;gap:70px;align-items:start;
}
.codex-rewrite .inner-content .ac-cols .ac-col > :first-child{margin-top:0}
/* Waterlase 灰帶（#f7f8fa、帶內 h2 29px 頂貼）
   內距原為原站實測 52/52，08-08 收進分級統一（Dennis 拍板選項 B）：
   它有底色，歸「有底色或底圖」那一檔 78/78。全站 27 頁。 */
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase{
  background-color:rgb(247,248,250);padding:78px 0;margin:0 -15px;
}
/* 灰帶 h2：實測 29px/1.4/.025em、頂貼 */
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-article h2{
  font-size:29px!important;line-height:1.4!important;letter-spacing:.025em!important;
  margin-top:0!important;
}
/* 灰帶內文＝軟色系（實測 95,88,81／1.9／.012em；官方帶內兩色混用，統一取軟色） */
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-article p{
  color:rgb(95,88,81);line-height:1.9;letter-spacing:.012em;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-cols{grid-template-columns:1fr;gap:24px}
}

/* 影片內嵌（YouTube 等）：統一滿欄 16:9 */
.codex-rewrite .inner-content .ac-article .ac-embed{
  display:block;width:100%;aspect-ratio:16/9;border:0;margin:0;
}

/* 目錄（重點整理，LuckyWP 正規化版）：實測 標題14/700、項目17/1.8、色 95,88,81 */
.codex-rewrite .inner-content .ac-toc{margin:0}
.codex-rewrite .inner-content .ac-toc .ac-toc-title{
  font-size:14px;font-weight:700;color:rgb(95,88,81);margin:0 0 5px;padding:0;
}
.codex-rewrite .inner-content .ac-toc ol{
  list-style:decimal;margin:0;padding:0 0 0 22px;color:rgb(95,88,81);
}
.codex-rewrite .inner-content .ac-toc li{
  font-size:17px;line-height:1.8;margin:0;padding:0;
}
.codex-rewrite .inner-content .ac-toc a{color:rgb(95,88,81);text-decoration:none}

/* 08-06 Dennis：「重點整理數字很醜」→ 棄 ::marker 預設，改全站金色編號語彙（同優勢區 01-04）*/
.codex-rewrite .inner-content .ac-toc ol{
  list-style:none;counter-reset:toc;padding-left:0;
}
.codex-rewrite .inner-content .ac-toc ol li{
  counter-increment:toc;position:relative;padding-left:38px;
}
.codex-rewrite .inner-content .ac-toc ol li::before{
  content:counter(toc,decimal-leading-zero);
  position:absolute;left:0;top:.15em;
  font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:14px;
  color:rgb(200,154,91);letter-spacing:.04em;
}
/* 補：內文 ul li 圓點規則（li::before 6px 圓形底）打到 TOC 編號 ::before 疊出小點，中和掉 */
.codex-rewrite .inner-content .ac-toc ol li::before{
  background:none!important;width:auto!important;height:auto!important;
  border-radius:0!important;transform:none!important;
}

/* ============================================================
   v5：70→90 優化批「統一規範」（Dennis 08-06 拍板：本批起統一規範優先於照原站）
   目標值表出處：rebuild/TYPO_AUDIT.md §7，值取自全站實測最大宗，非發明
   對手：refine.css 有 body.codex-article×5 + !important 的規則，此處同等比重壓制
   ============================================================ */

/* ① H3／H4 統一（原本是 em 換算的尾數 32.3/10.45/27.2/6.8，改成釘整數並拉開層級差）*/
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article h3,
.codex-rewrite .inner-content .ac-article h3{
  font-size:21px!important;font-weight:700!important;line-height:1.5!important;
  color:rgb(59,54,50)!important;letter-spacing:.02em!important;
  margin:36px 0 12px!important;padding:0!important;border:0!important;background:none!important;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article h4,
.codex-rewrite .inner-content .ac-article h4{
  font-size:18px!important;font-weight:700!important;line-height:1.7!important;
  color:rgb(95,88,81)!important;letter-spacing:.02em!important;
  margin:28px 0 8px!important;padding:0!important;border:0!important;background:none!important;
}
/* 標題後緊接的第一段不要再疊上距 */
.codex-rewrite .inner-content .ac-article h3 + p,
.codex-rewrite .inner-content .ac-article h4 + p{margin-top:0}

/* ② 圖文距統一（Dennis 第 6 點：原站「圖貼文」0/0 → 固定圖文距，與段距同節奏）*/
.codex-rewrite .inner-content .ac-article > img,
.codex-rewrite .inner-content .ac-article > video,
.codex-rewrite .inner-content .ac-article > .ac-embed{margin:28px 0!important}
/* 圖組相鄰時不要疊成 56 */
.codex-rewrite .inner-content .ac-article > img + img,
.codex-rewrite .inner-content .ac-article > img + video{margin-top:0!important}
/* 圖說緊貼它說明的那張圖 */
.codex-rewrite .inner-content .ac-article > img + p.codex-caption{margin-top:-18px}

/* ③ 標題上方留白單一來源（Dennis 第 2 點）
   成因：建構器把一篇切成多個 section.ac-prose，各帶 padding 20/76，
   跨界時空隙＝76+20+前段 margin-bottom 28＝124px，同 section 內只有 52px。
   修法：連續且都無底色的內文區，內距歸零 → 間距完全由標題自身 margin 決定。
   ⚠️ .ac-band（含 .ac-band-img）要排除：它們有底色／底圖，留白是「讓底色露出來」
   的版面手段，不是文字間距。這兩條的優先權 (0,6,0) 高過 ⑩ 的 band 規則 (0,5,0)，
   同為 !important 時會贏，把 --ac-pt/--ac-pb 整個歸零（08-07 一日微創植牙抓到：
   400px 留白變 0，三顆膠囊擠成 55px 高的一條）。*/
.codex-rewrite .inner-content .ac-prose:not(.codex-a-waterlase):not(.ac-band) + .ac-prose:not(.codex-a-waterlase):not(.ac-band){
  padding-top:0!important;
}
/* 深色／底色區塊之後是新的一段，要有 section 該有的上緣留白
   （基準版 /rebuild/ 實測 36px）。先前「前者」沒排除 .ac-band，
   「底色區塊 → 內文區」也被歸零，標題就貼著上一區的邊界
   （08-07 Dennis 指出：這邊應該是新的 section，就該有 padding-top）。*/
.codex-rewrite .inner-content .ac-band + .ac-prose:not(.ac-band){
  padding-top:36px!important;
}
.codex-rewrite .inner-content .ac-prose:not(.codex-a-waterlase):not(.ac-band):has(+ .ac-prose:not(.codex-a-waterlase)){
  padding-bottom:0!important;
}
/* 只有「全文第一個」標題才貼頂；後續 section 的首個 h2 要與同 section 內的一致（52px）*/
.codex-rewrite .inner-content .ac-prose:not(:first-of-type) .ac-article > h2:first-child{
  margin-top:52px!important;
}
.codex-rewrite .inner-content .ac-prose:not(:first-of-type) .ac-article > h3:first-child{
  margin-top:36px!important;
}

/* ④ H2 統一（補洞）：refine.css 有 body.codex-article×5 的 24px 規則專打 h2.codex-a-h2，
   造成「帶 class 的 24px／不帶的 27px」兩種長相（〈高齡牙科〉vs guide 頁實測）。
   此處同等比重收斂成單一值。*/
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article h2,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article h2.codex-a-h2{
  font-size:27px!important;font-weight:700!important;line-height:1.45!important;
  color:rgb(59,54,50)!important;letter-spacing:.035em!important;
  margin:52px 0 18px!important;padding:8px 0 9px!important;
  border:0!important;border-bottom:1px solid rgba(200,154,91,.28)!important;background:none!important;
}
/* Waterlase 灰帶內的 h2 維持自己的 29px 頂貼（共用件，不受統一規範影響）*/
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-prose.codex-a-waterlase .ac-article h2{
  font-size:29px!important;line-height:1.4!important;letter-spacing:.025em!important;margin-top:0!important;
}

/* ⑤ 文章 H1（08-06 補洞）：實測 96 篇文章**全部沒有 h1**——SEO 上是明確缺陷
   （Dennis 第 4 點要求「一頁一 H1、章節 H2、小節 H3」），
   讀者端也只有麵包屑小字沒有主標題。此處補上可見主標題。*/
.codex-rewrite .inner-content .ac-prose.ac-titlebar{padding:28px 0 0!important}
.codex-rewrite .inner-content .ac-article-title,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content h1.ac-article-title{
  font-size:32px!important;font-weight:700!important;line-height:1.4!important;
  color:rgb(59,54,50)!important;letter-spacing:.02em!important;
  margin:0 0 4px!important;padding:0!important;border:0!important;background:none!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-article-title,
  body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content h1.ac-article-title{
    font-size:26px!important;
  }
}

/* ⑥ 底色區塊（ac-band）——08-06 補既有缺陷
   症狀：帶底色的內文區在轉乾淨版時底色被抹掉，整塊變白底純文字。
   影響**不只頁面型**：9 篇已上線文章的「雅術數位植牙手術的優勢」黃底區
   （#f5eeb8）＋1 篇特殊色，從 08-05 起就是壞的，這次才發現。
   ⚠️ 以下每個值都是 1600px 下量正式版量出來的，**不是發明的**
   （第一版我自己編了 26px 金色左對齊，實際是 27px 深色置中＋左金線，已更正）。*/
.codex-rewrite .inner-content .ac-prose.ac-band{
  background:var(--ac-band-bg)!important;
  padding:78px 0!important;margin:0 -15px!important;
}
/* 區塊標題（原 .codex-source-heading）：18px/700/軟色＋左金線 3px、內縮 16 */
/* Dennis 08-06：這是區塊標題，原本 18px＋小金線沒有標題份量 →
   改用站上 h2 的語彙（深色＋金色細底線），只是字級略小於 h2 */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band .ac-article > p.codex-source-heading,
.codex-rewrite .inner-content .ac-band .ac-article > p.codex-source-heading{
  font-size:24px!important;font-weight:700!important;color:rgb(59,54,50)!important;
  letter-spacing:.03em!important;line-height:1.45!important;
  border-left:0!important;border-bottom:1px solid rgba(200,154,91,.28)!important;
  padding:0 0 10px!important;margin:0 0 30px!important;
}
/* 編號卡 h3（01–04）：27px/700/1.45/深色、**文字置中**、左金線 3px、內縮 16 */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band .ac-article h3,
.codex-rewrite .inner-content .ac-band .ac-article h3{
  font-size:27px!important;font-weight:700!important;line-height:1.45!important;
  color:rgb(59,54,50)!important;text-align:center!important;
  border:0!important;border-left:3px solid rgb(200,154,91)!important;
  padding:0 0 0 16px!important;margin:0 0 16px!important;background:none!important;
}
/* 編號說明段：18px/400/軟色、貼著標題、段距 28 */
.codex-rewrite .inner-content .ac-band .ac-article h3 + p{
  font-size:18px!important;font-weight:400!important;color:rgb(95,88,81)!important;
  margin:0 0 28px!important;
}
/* 帶內圖組：原版實測 3 欄各 347px（1080 內，欄距約 20px）；
   ac-cols 預設 gap 70px 會把欄壓到 313px，帶內改用實測欄距 */
.codex-rewrite .inner-content .ac-band .ac-cols{gap:19.5px!important}

/* ============================================================
   ⑦ 08-06 Dennis 逐項回報（糖尿病微創植牙頁）五項
   ============================================================ */

/* ① V.S. 對照組：中間欄已由轉換器移除，兩張圖說改置中對齊各自圖片下方 */
.codex-rewrite .inner-content .ac-cols.ac-cmp-caption{gap:19.5px!important}
/* Dennis 08-06：圖說要貼近它說明的那張圖，與下一段文字拉開
   （實測改前：圖片底→圖說 28px、圖說→下段 0px，正好相反）*/
.codex-rewrite .inner-content .ac-cols:has(+ .ac-cols.ac-cmp-caption){
  margin-bottom:0!important;
}
.codex-rewrite .inner-content .ac-cols.ac-cmp-caption{
  margin-top:-18px!important;margin-bottom:40px!important;
}
.codex-rewrite .inner-content .ac-cols.ac-cmp-caption .ac-col > p{
  text-align:center!important;margin:0!important;
}

/* ③ 編號卡重新設計（原本 h3 佔滿 1080 讓金線黏最左、數字飄中間＝我造成的）
   改成 2×2 卡片：金色序號在上、說明在下，左金線貼齊卡片 */
.codex-rewrite .inner-content .ac-band .ac-numgrid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;margin:0 0 40px;   /* 間距與四點卡片一致 */
}
/* Dennis 08-06：改用與四點卡片相同的框框樣式、垂直置中，但**不要勾號** */
.codex-rewrite .inner-content .ac-band .ac-numcard{
  background:rgb(250,249,247);border:1px solid rgba(200,154,91,.32);border-radius:10px;
  padding:20px 24px;display:flex;align-items:center;gap:18px;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band .ac-numcard h3,
.codex-rewrite .inner-content .ac-band .ac-numcard h3{
  font-size:38px!important;font-weight:700!important;line-height:1!important;
  color:rgb(59,54,50)!important;text-align:left!important;letter-spacing:.02em!important;
  border:0!important;padding:0!important;margin:0!important;background:none!important;
  flex:0 0 auto;                      /* 序號固定寬，說明佔剩餘 */
}
.codex-rewrite .inner-content .ac-band .ac-numcard p{
  font-size:18px!important;font-weight:400!important;color:rgb(95,88,81)!important;
  line-height:1.6!important;margin:0!important;flex:1 1 auto;
}

/* ② 四點（降低感染風險／傷口小／痛感低／快速完成）：原本只有四個孤立文字，太單調。
   改成帶金色勾號的卡片，維持站上既有語彙（金 rgb(200,154,91)＋軟色內文），不另創色系 */
.codex-rewrite .inner-content .ac-article a.ac-link:not(:has(img)){
  display:block;text-decoration:none;
  background:rgb(250,249,247);border:1px solid rgba(200,154,91,.32);
  border-radius:10px;padding:18px 20px 18px 52px;position:relative;
}
.codex-rewrite .inner-content .ac-article a.ac-link:not(:has(img))::before{
  content:"";position:absolute;left:20px;top:50%;width:18px;height:18px;
  margin-top:-9px;border-radius:50%;background:rgb(200,154,91);
}
.codex-rewrite .inner-content .ac-article a.ac-link:not(:has(img))::after{
  content:"";position:absolute;left:25.5px;top:50%;width:4px;height:8px;
  margin-top:-6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);
}
.codex-rewrite .inner-content .ac-article a.ac-link:not(:has(img)) > p{
  margin:0!important;font-size:18px!important;font-weight:700!important;
  color:rgb(59,54,50)!important;line-height:1.5!important;
}
/* Dennis 08-06：四點卡片間距一致 5px；卡片群與下段仍保持正常距離
   ⚠️ 原本寫 `:has(> .ac-col > a.ac-link:not(:has(img)))`＝**巢狀 :not(:has()) 語法錯誤**，
   瀏覽器直接丟棄整條規則（實測 matches() 丟 SyntaxError），所以怎麼改都沒生效。*/
.codex-rewrite .inner-content .ac-cols:has(a.ac-link){
  gap:5px!important;margin-bottom:5px!important;
}
.codex-rewrite .inner-content .ac-cols:has(a.ac-link):last-of-type{
  margin-bottom:40px!important;
}

/* ④ 醫師介紹改用 /team/ 版型（值為 team 頁 1600px 實測：姓名 40/700/48.8、
   專長 18/700/咖啡 rgb(101,75,55)、職稱 14/400） */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-doctor .ac-doc-name,
.codex-rewrite .inner-content .ac-doctor .ac-doc-name{
  font-size:40px!important;font-weight:700!important;line-height:1.22!important;
  color:rgb(59,54,50)!important;margin:0 0 14px!important;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-doctor .ac-doc-role,
.codex-rewrite .inner-content .ac-doctor .ac-doc-role{
  /* Dennis 08-07：職稱的顏色與字級要跟下方專長行一致（專長 18px／rgb(101,75,55)）。
     字重維持 400，讓它跟 700 的專長仍有輕重差。*/
  font-size:18px!important;font-weight:400!important;line-height:1.8!important;
  color:rgb(101,75,55)!important;margin:0!important;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-doctor .ac-doc-spec,
.codex-rewrite .inner-content .ac-doctor .ac-doc-spec{
  font-size:18px!important;font-weight:700!important;line-height:1.6!important;
  color:rgb(101,75,55)!important;margin:0 0 22px!important;
}

/* ⑤ RWD（Dennis：手機上 Waterlase 兩欄沒堆疊，標題被擠成一字一行）*/
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-cols,
  .codex-rewrite .inner-content .ac-cols.ac-cmp-caption,
  .codex-rewrite .inner-content .ac-band .ac-numgrid{
    grid-template-columns:1fr!important;gap:20px!important;
  }
  body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-doctor .ac-doc-name,
.codex-rewrite .inner-content .ac-doctor .ac-doc-name{font-size:28px!important}
  .codex-rewrite .inner-content .ac-band{padding:44px 0!important}
  .codex-rewrite .inner-content .ac-band .ac-numcard{gap:14px;padding-left:16px}
  body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band .ac-numcard h3,
  .codex-rewrite .inner-content .ac-band .ac-numcard h3{font-size:30px!important}
  .codex-rewrite .inner-content .ac-band .ac-numcard p{font-size:17px!important}
}

/* ⑧ Waterlase 區塊：原本左文右圖各半，圖片比文字短，
   圖片下方的文字仍卡在半寬 → 右邊空一大塊（Dennis 08-06）。
   改成圖片浮右、文字環繞，圖片結束後文字自動流成滿寬。 */
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-cols{
  display:block!important;
}
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-cols > .ac-col:has(img){
  float:right;width:46%;margin:6px 0 28px 44px;
}
/* ⚠️ 清除浮動要放在「內文區結束」而不是「兩欄結束」：
   放在兩欄上會把下一段推到圖片底部之下，圖比文字長 396px 就空出 465px 大洞
   （Dennis 08-06：「這段文字離上面的距離蠻遠的」）。
   移到 .ac-article 之後，區塊內的段落能繼續環繞圖片、把空白填滿。*/
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-article::after{
  content:"";display:block;clear:both;
}
.codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-cols{
  margin-bottom:0!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-prose.codex-a-waterlase .ac-cols > .ac-col:has(img){
    float:none;width:100%;margin:0 0 20px;
  }
}

/* ⑨ 08-06 Dennis 續三項 */
/* (B) 編號卡：說明文字對齊序號底部（基線對齊），比垂直置中好看 */
.codex-rewrite .inner-content .ac-band .ac-numcard{align-items:baseline!important}
.codex-rewrite .inner-content .ac-band .ac-numcard h3{line-height:1!important}
/* (C) 圖片區與文字要有距離（圖說除外——圖說本來就該貼著圖）
       實測改前：圖組底到下段文字 0px */
.codex-rewrite .inner-content .ac-article > .ac-cols:has(img):not(.ac-imgrow){
  /* ⚠️ 排除 .ac-imgrow（滿版貼合圖列）：那種圖列原站是直接貼著下一個區塊的，
     這 36px 會在照片牆與深色區塊之間露出一條白底（08-07 Dennis 指出）。
     在來源排除，不用提高 ⑭ 的權重去硬碰。*/
  margin-bottom:36px!important;
}
.codex-rewrite .inner-content .ac-article > .ac-cols:has(img) + .ac-cols.ac-cmp-caption{
  margin-top:-18px!important;
}

/* ============================================================
   ⑩ 底圖區塊（ac-band-img）＋膠囊按鈕列（ac-chips）
   08-06 晚新增，為「頁面型轉乾淨版」支援建構器的背景圖區塊（全站 9 個 / 6 頁）。
   圖片網址、遮罩色與不透明度由轉換器從 dist 版帶出；上下留白取自
   clean_article.py 的 BAND_IMG_PAD（原站 1280px playwright 實測，非目測）。
   ⚠️ 這裡的上下留白不是文字間距，是「讓背景照片露出來」的版面手段，
      所以不套 08-06 的 section 內距統一規範。
   ============================================================ */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-prose.ac-band.ac-band-img,
.codex-rewrite .inner-content .ac-prose.ac-band.ac-band-img{
  position:relative!important;
  background:var(--ac-bg) center center/cover no-repeat!important;
  padding:0!important;
  margin:0 -15px!important;
}
/* 08-08 分級統一（Dennis 選項 B）：底圖區塊裡「有文字」的照有底色那一檔 78/78，
   純圖列（IG 圖區、消毒流程三張）本來就是貼合排列，維持 0。
   取代原本逐塊實測的 --ac-pt/--ac-pb（400/80、80/60…每塊都不同）。 */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-prose.ac-band.ac-band-img:has(p),
.codex-rewrite .inner-content .ac-prose.ac-band.ac-band-img:has(p){
  padding:78px 0!important;
}
/* 遮罩：原站兩種手法都要接住——另疊半透明色層（--ac-veil/--ac-veil-o），
   或把圖層本身調淡（--ac-img-o，等效於在白底上蓋 1-o 的白遮罩）。
   缺了它文字會被照片吃掉（08-08 Dennis /team/ 第 1 項：標題整個看不見）。 */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band-img::before,
.codex-rewrite .inner-content .ac-band-img::before{
  content:"";position:absolute;inset:0;
  background:var(--ac-veil,#fff);
  opacity:var(--ac-veil-o,calc(1 - var(--ac-img-o,1)));
  pointer-events:none;
}
/* 內容浮在遮罩之上（::after 的 clear:both 照舊，見 CLEAN_SPEC 坑⑤） */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-band-img > .ac-article,
.codex-rewrite .inner-content .ac-band-img > .ac-article{position:relative;z-index:1}

/* 膠囊按鈕列：原站實測 黃底 #fdd900／字 #3d3d3d 21px/700／內距 12-25／圓角 50／
   單顆 180×55／間距 30／整列置中（一日微創植牙：省時間‧免奔波‧無空窗） */
.codex-rewrite .inner-content .ac-chips,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-chips{
  display:flex!important;justify-content:center!important;
  gap:30px!important;flex-wrap:wrap!important;
}
.codex-rewrite .inner-content .ac-chips > a.ac-chip,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-chips > a.ac-chip{
  display:inline-block!important;box-sizing:border-box!important;
  min-width:180px!important;text-align:center!important;
  background:#fdd900!important;color:#3d3d3d!important;
  font-size:21px!important;font-weight:700!important;line-height:1.4!important;
  padding:12px 25px!important;border:1px solid #fdd900!important;
  border-radius:50px!important;text-decoration:none!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-prose.ac-band.ac-band-img{
    /* 手機：原站的 400px 留白是為了露出 1280 寬的照片，窄螢幕照片本來就矮，
       留白等比收斂避免整塊空白過長 */
    padding:calc(var(--ac-pt,0) * .55) 0 calc(var(--ac-pb,0) * .55)!important;
  }
  .codex-rewrite .inner-content .ac-chips{gap:14px!important}
  .codex-rewrite .inner-content .ac-chips > a.ac-chip{
    min-width:140px!important;font-size:18px!important;padding:10px 18px!important;
  }
}

/* ============================================================
   ⑪ Cube Portfolio 圖牆（ac-grid3）
   08-07 新增。原站用 Cube Portfolio 外掛，靠 JS 絕對定位排成 3 欄網格；
   靜態化後那套 JS 不留，改用 CSS grid 還原。
   數值一律取原站 1280 實測（playwright）：3 欄、gap 5px、item 329×439、
   圖片 800×600 顯示成 329×247（4:3）、object-fit:fill。
   ⚠️ 不做這塊的話 15 張圖會垂直直堆，整頁高度爆成 2-3 倍。
   ============================================================ */
.codex-rewrite .inner-content .ac-grid3,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-grid3{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:5px!important;
  margin:28px 0!important;
}
/* ⚠️ 絕對不要在這裡釘 aspect-ratio：這組圖**兩種比例混用**
   （800×600 橫式與 600×800 直式），原站是各自依原比例顯示
   （橫式 329×247、直式 329×439，同列高度不同），強制 4/3 會把直式圖壓扁
   （08-07 Dennis 指出「照片被壓扁了」）。height:auto 讓它跟著原比例走。*/
.codex-rewrite .inner-content .ac-grid3 > img,
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-grid3 > img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:fill!important;
  margin:0!important;
}
@media (max-width:767px){
  .codex-rewrite .inner-content .ac-grid3{grid-template-columns:repeat(2,1fr)!important}
}

/* ============================================================
   ⑫ 深色底區塊的文字顏色（ac-on-dark）
   08-07 新增。原站用建構器的 fg-text-light 標記「這區文字是淺色」，
   轉換時 class 被丟掉 → 深色底上留下深色文字，整區幾乎看不見。
   值一律取原站 1280 實測（playwright computed style）：
     編號（h2）rgb(253,217,0) 黃｜標題（h3）rgb(255,255,255) 白
     說明（p）rgb(247,248,250) 近白
   ⚠️ 只上色，不動字級與版面——原站那四個編號是 115px 黃字配圓圈裝飾，
      那屬於版面還原，未做（待 Dennis 看過決定）。
   ============================================================ */
/* ⚠️ 優先權要墊到 (0,5,x)，用「重複 class」不要用 body.codex-article：
   一、擋路的是本檔 ⑨ 的 .ac-band .ac-article h3 + p (0,4,2)，(0,3,1) 會輸給它。
   二、頁面型的 body class 是 `codex-rewrite inner-page`，**沒有 codex-article**，
       所以 body.codex-article×5 那種寫法在這些頁上根本不匹配＝死規則（08-07 實測踩到）。
   .ac-on-dark×3 → (0,5,1)，class 數 5 > 4 勝出，且不依賴 body 上有什麼 class。*/
/* ⚠️ h2 在深色區塊有兩種身分，不能一律染黃：
   一、圓圈裡的**編號**（01…）→ 黃 rgb(253,217,0)
   二、區塊**標題**（「三大對策 完美體驗」「提升品質 感受價值」）→ 原站實測
      rgb(247,248,250)、**置中**、31px/300（原站該標題是 h1，轉出來是 h2）
   08-07 第一版把 ac-on-dark 底下所有 h2 寫死成黃色，區塊標題被一起染成金色又靠左，
   Dennis 指出「版型有點怪」。
   ⚠️ h1 也要一起選：一級頁面（aboutus）保留內文 h1 後，這兩個標題是 h1 不是 h2，
      只寫 h2 會對不上、退回預設的金線＋靠左（改了標籤就要回頭檢查選擇器）。*/
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-circle h2,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-circle h2 span{color:rgb(253,217,0)!important}
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h2,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h2 span,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h1,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h1 span{
  /* Dennis 08-07 指定（非原站值）：深色底的標題要黃色，全白會跟內文分不出層次、
     整片死白。黃色沿用站上既有的標題金 rgb(215,171,72)（＝ac-adv-title 同色）。*/
  color:rgb(215,171,72)!important;text-align:center!important;
  font-size:31px!important;font-weight:300!important;
  border:0!important;padding:0!important;background:none!important;
}
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark h3,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark h3 span{color:rgb(255,255,255)!important}
/* 引言（區塊直接子代的 h3，如「雅術，是我匯聚多年來的思考…」）：
   原站實測 32px/300、rgb(247,248,250)、**置中且沒有左邊那條線**。
   通用標題樣式會給它 border-left 3px 金線＋padding-left 16px，
   變成「置中卻掛一條左線」——Dennis：要置中就不要線，不然就置左。原站選置中無線。*/
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h3,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-article > h3 span{
  /* Dennis 08-07 指定（非原站值，原站為近白）：引言也要黃色。*/
  color:rgb(215,171,72)!important;text-align:center!important;
  font-size:32px!important;font-weight:300!important;
  border:0!important;padding:0!important;background:none!important;
}
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark p,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark p span,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark li{color:rgb(247,248,250)!important}

/* ============================================================
   ⑬ 圓圈編號（ac-circles / ac-circle）
   08-07 新增。原站深色區塊那四個編號是「圓框＋大黃字＋圓內標題」橫排，
   轉成乾淨版後只剩 h2/h3 各自成行，版面對不上。
   值一律取原站 1280 實測（playwright computed style）：
     圓 240×240、border-radius 100%、border 1px rgba(253,217,0,.19)、底透明
     四個橫排 x=170/413/655/898 → 間距 3px、整組置中（總寬 968）
     編號 115px/700 rgb(253,217,0)｜標題 25px/400 rgb(255,255,255)、圓內置中
   顏色由 ⑫ ac-on-dark 負責，這裡只管形狀與版面。
   ============================================================ */
.codex-rewrite .inner-content .ac-circles{
  display:flex!important;justify-content:center!important;
  gap:3px!important;flex-wrap:wrap!important;margin:28px 0!important;
}
.codex-rewrite .inner-content .ac-circle{
  width:240px!important;height:240px!important;box-sizing:border-box!important;
  border:1px solid rgba(253,217,0,.19)!important;border-radius:100%!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  padding:0!important;margin:0!important;background:none!important;
}
.codex-rewrite .inner-content .ac-circle.ac-circle h2{
  font-size:115px!important;font-weight:700!important;line-height:1!important;
  /* 原站實測：font-style italic、family Roboto,Arial,sans-serif（數字走西文字型，
     不是中文字型的數字字面）。照抄它的堆疊，站上沒 Roboto 會 fallback 到 Arial，
     仍比中文字型接近原站。*/
  font-style:italic!important;
  font-family:Roboto,Arial,sans-serif!important;
  text-align:center!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;
}
.codex-rewrite .inner-content .ac-circle.ac-circle h3{
  font-size:25px!important;font-weight:400!important;line-height:1.4!important;
  text-align:center!important;margin:6px 0 0!important;padding:0!important;
  border:0!important;background:none!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-circle{width:170px!important;height:170px!important}
  .codex-rewrite .inner-content .ac-circle.ac-circle h2{font-size:74px!important}
  .codex-rewrite .inner-content .ac-circle.ac-circle h3{font-size:18px!important}
}

/* ============================================================
   ⑭ 滿版貼合圖列（ac-imgrow）
   08-07 新增。原站有幾組「整排照片貼在一起、撐滿視窗寬」的圖列
   （信義-大安-永春的診間照：4 張各 320×213、x=0/320/640/960、間距 0、總寬 1280）。
   轉成一般 ac-cols 會被關進 1080 內容欄、圖縮成 218 寬、還多出 70px 間距。
   撐滿視窗用 margin-inline:calc(50% - 50vw)（不依賴外層容器寬度）。
   ============================================================ */
.codex-rewrite .inner-content .ac-cols.ac-imgrow{
  gap:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  /* ⚠️ 上下 margin 必須歸零：ac-cols 帶著 36px 的 margin-bottom，
     照片牆與下一個深色區塊之間會露出一條 36px 白底（08-07 Dennis 指出）。
     原站是緊貼的（照片區 bottom 1351／下一區 top 1350）。*/
  margin-top:0!important;margin-bottom:0!important;
  max-width:100vw!important;width:100vw!important;
}
.codex-rewrite .inner-content .ac-cols.ac-imgrow > .ac-col{margin:0!important;padding:0!important}
.codex-rewrite .inner-content .ac-cols.ac-imgrow img{
  display:block!important;width:100%!important;height:auto!important;margin:0!important;
}

/* ============================================================
   ⑮ 深色區塊下方說明的「編號 ／ 標題」同行（ac-numline）
   08-07 新增。原站 1280 實測：
     編號 36px/400 italic Roboto rgb(253,217,0)，x=170
     標題 25px/600 rgb(255,255,255) 靠左、無邊線無內距，x=229（→ 間距 19px）
   轉出來原本是 <p>01</p> 獨立一行＋標題一行，且標題被 inner.css 的通用標題樣式
   套上 border-left 3px 金線＋padding-left 16px＋text-align:center → 邊線在左、
   文字置中，看起來歪掉（Dennis：「樣式跑掉了」）。這裡一併還原。
   ============================================================ */
.codex-rewrite .inner-content .ac-numline{
  display:flex!important;align-items:baseline!important;
  gap:19px!important;margin:0 0 16px!important;
}
.codex-rewrite .inner-content .ac-numline > p{
  font-size:36px!important;font-weight:400!important;font-style:italic!important;
  font-family:Roboto,Arial,sans-serif!important;line-height:1.2!important;
  margin:0!important;padding:0!important;flex:0 0 auto!important;
}
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-numline > p,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-numline > p span{
  /* ⚠️ span 一定要一起選：編號文字實際包在 <span> 裡，
     只設 p 的話會被 ⑫ 的 `.ac-on-dark p span` 白色規則蓋掉（08-07 實測）。*/
  color:rgb(253,217,0)!important;
}
/* 標題還原：拿掉通用樣式的金線／內距／置中，回到原站的 25px/600 靠左 */
.codex-rewrite .inner-content .ac-numline > h3,
.codex-rewrite .inner-content .ac-on-dark.ac-on-dark.ac-on-dark .ac-numline > h3{
  font-size:25px!important;font-weight:600!important;line-height:1.4!important;
  text-align:left!important;border:0!important;padding:0!important;margin:0!important;
  background:none!important;
}

/* ============================================================
   ⑯ 聯絡區地圖的垂直位置（Dennis 08-07：地圖再低一點點比較好）
   基準版 /rebuild/ 實測：地圖上緣比「雅術3D數位植牙中心」標題低 14px；
   乾淨版是高 15px（跟左欄頂端齊平）→ 差 29px，補上即對齊基準版。
   ============================================================ */
.codex-rewrite .inner-content .ac-addr-map{
  margin-top:29px!important;
}

/* ============================================================
   ⑰ 區塊引導標題（ac-lead）— 08-08 Dennis /team/ 第 1、2 項
   原站是置中的段落，字級／字重由逐頁 CSS 給（1280 實測 28px/700、行高 41、
   下距 30、色 rgb(74,69,64)）；轉乾淨版時那層樣式被丟掉，變成 18px/400 靠左
   的普通內文，「雅術口腔數位醫療」「國際原廠植牙認證…卓越中心」就沒有標題感了。
   命中對象由 clean_article.py 的 LEAD_IDS 決定（原站實測表，非 text-center
   —— 全站 38 個置中段落只有 10 個是標題，用 class 當判準會誤傷圖說與卡片標籤）。
   ============================================================ */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article > :is(p,h1).ac-lead,
.codex-rewrite .inner-content .ac-article > :is(p,h1).ac-lead{
  font-size:28px!important;font-weight:700!important;line-height:41px!important;
  color:rgb(74,69,64)!important;text-align:center!important;
  margin:0 0 30px!important;padding:0!important;border:0!important;
}
/* 底圖區塊上的引導標題：底圖已被遮罩壓淡，維持深色即可讀（team titlebar） */
.codex-rewrite .inner-content .ac-band-img .ac-article > :is(p,h1).ac-lead{margin-bottom:0!important}

/* ============================================================
   ⑱ 雙層標題（眉標＋主標）— 08-08 Dennis /team/ 第 7 項
   原站是「親切、專業」(小字眉標) ＋「您專屬的口腔健康秘書」(大字主標) 兩層，
   轉乾淨版時兩個 span 的 class 被剝掉 → 黏成一行「親切、專業您專屬的…」。
   主標沿用 ⑥ 已拍板的區塊標題樣式（24px/700＋金色細底線），這裡只補眉標。
   ============================================================ */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content p.codex-source-heading .codex-source-heading__kicker,
.codex-rewrite .inner-content p.codex-source-heading .codex-source-heading__kicker{
  display:block!important;font-size:14px!important;font-weight:600!important;
  color:rgb(200,154,91)!important;letter-spacing:.08em!important;
  line-height:1.8!important;margin:0 0 7px!important;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content p.codex-source-heading .codex-source-heading__title,
.codex-rewrite .inner-content p.codex-source-heading .codex-source-heading__title{
  display:block!important;
}

/* ============================================================
   ⑲ 第二個照片輪播的底色 — 08-08 Dennis /team/ 第 6 項
   原站有兩個輪播，第二個帶 #f7f8fa 底色（team、
   clinic-dental-implant-certification 兩頁）。底色由轉換器帶出成 --ac-car-bg。
   ============================================================ */
.codex-rewrite .inner-content .ac-carousel{background:var(--ac-car-bg,transparent)}

/* ============================================================
   ⑳ 證照卡輪播（ac-car-cards）— 08-08
   clinic-dental-implant-certification 的兩個輪播不是照片牆，是「證照圖＋圖說」。
   照片牆那套（背景圖鋪滿、min-height 300、無文字）套上去會把 359 字吃掉，
   所以另立卡片版：圖依原比例、圖說置中在圖下方。基準版實測 3 欄、item 377 寬。
   ============================================================ */
.codex-rewrite .inner-content .ac-car-cards .ac-car-item{
  flex:0 0 33.3333%;min-height:0;background:none;
  padding:0 12px;box-sizing:border-box;
}
.codex-rewrite .inner-content .ac-car-cards .ac-car-card img{
  display:block;width:100%;height:auto;margin:0 0 14px;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-car-cards p.ac-car-cap,
.codex-rewrite .inner-content .ac-car-cards p.ac-car-cap{
  text-align:center!important;font-size:16px!important;line-height:1.7!important;
  color:rgb(95,88,81)!important;margin:0!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-car-cards .ac-car-item{flex-basis:50%}
}
@media (max-width:520px){
  .codex-rewrite .inner-content .ac-car-cards .ac-car-item{flex-basis:100%}
}
/* 證照卡輪播上方的小標（植牙專業認證／導師／著作）：不是內文句子，
   沿用站上區塊小標語彙（深色粗體＋金色細底線），與 ⑥ 的區塊標題同族但字級小一階 */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content p.ac-car-title,
.codex-rewrite .inner-content p.ac-car-title{
  font-size:20px!important;font-weight:700!important;color:rgb(59,54,50)!important;
  letter-spacing:.03em!important;line-height:1.45!important;
  border-bottom:1px solid rgba(200,154,91,.28)!important;
  padding:0 0 8px!important;margin:36px 0 22px!important;
}

/* ============================================================
   ㉑ 照片卡列（ac-col-photo）— 08-08 Dennis「這邊整個壞掉」
   微笑美學五步驟示意圖：原站每格是「整格鋪滿的背景照片＋壓在下緣的標籤」，
   照片掛在連結 wrapper 的 .fg-bg 上（不是 <img>），轉換時整組掉光只剩空框。
   值＝原站 1280 實測：每格 219×237、圖 cover/center、
   標籤 19px/400 rgb(52,52,52) 置中、距格子底部 26px、標籤自身無底色。
   ============================================================ */
.codex-rewrite .inner-content .ac-col.ac-col-photo{
  aspect-ratio:219/237;
  background:var(--ac-col-bg) center center/cover no-repeat;
  display:flex;align-items:flex-end;justify-content:center;
  padding:0 0 26px;box-sizing:border-box;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-col-photo p,
.codex-rewrite .inner-content .ac-col-photo p{
  font-size:19px!important;font-weight:400!important;color:rgb(52,52,52)!important;
  text-align:center!important;margin:0!important;width:100%!important;line-height:1.6!important;
}
@media (max-width:820px){
  .codex-rewrite .inner-content .ac-cols:has(.ac-col-photo){grid-template-columns:1fr 1fr!important}
}

/* ============================================================
   ㉒ 流程步驟列（ac-col-badge）— 08-08 Dennis「這邊流程看看有沒有更好的表現方式」
   微創舒眠植牙 1-6 步驟：原站是「深藍實心圓形徽章＋緊接文字」，
   轉乾淨版後底色掉了、變成 2fr/10fr 兩欄 → 小灰數字離文字很遠，看不出是流程。
   值＝原站 1280 實測：徽章 60×60、底色 #4b5284（由轉換器帶出）、數字白色斜體、
   數字欄 x=85／文字欄 x=145（間距 60）。
   ============================================================ */
.codex-rewrite .inner-content .ac-cols:has(.ac-col-badge){
  grid-template-columns:60px 1fr!important;gap:24px!important;
  align-items:center!important;margin:0 0 14px!important;
}
.codex-rewrite .inner-content .ac-col.ac-col-badge{
  width:60px;height:60px;border-radius:50%;
  background:var(--ac-col-bg-color,#4b5284);
  display:flex;align-items:center;justify-content:center;
}
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-col-badge :is(h2,h3,h4,h5,p),
.codex-rewrite .inner-content .ac-col-badge :is(h2,h3,h4,h5,p){
  color:#fff!important;font-size:24px!important;font-style:italic!important;
  font-weight:400!important;margin:0!important;padding:0!important;
  border:0!important;background:none!important;line-height:1!important;text-align:center!important;
}
.codex-rewrite .inner-content .ac-cols:has(.ac-col-badge) .ac-col:not(.ac-col-badge) p{
  margin:0!important;
}

/* ============================================================
   ㉓ FAQ 問句（ac-faq-q）— 08-08 Dennis「用之前 3d 那頁裡面的」
   值抄 refine.css 的 a3d-q：18px/700、左對齊、左側金色細線緊貼（內縮 12px）。
   只套在「FAQ／常見問題」章節之後的問句標題，不動全站其他標題。
   ============================================================ */
body.codex-article.codex-article.codex-article.codex-article.codex-article .inner-content .ac-article :is(h2,h3).ac-faq-q,
.codex-rewrite .inner-content .ac-article :is(h2,h3).ac-faq-q{
  font-size:18px!important;font-weight:700!important;color:#2c2825!important;
  text-align:left!important;line-height:1.6!important;
  margin:1.5em 0 .35em!important;
  padding:0 0 0 12px!important;
  border:0!important;border-left:3px solid rgba(200,154,91,.75)!important;
  background:none!important;
}

/* ============================================================
   ㉔ 圖片緊接標題時的間距 — 08-08 Dennis「離上面距離好遠」
   （院長沈育群醫師談「高難度植牙」的「客製化植牙療程 恢復亮麗笑容更健康」）
   ⚠️ 不是跨 section 造成的（圖與標題本來就在同一個 ac-prose 裡），
   是兩個間距疊加：圖片 margin-bottom 28 ＋ 標題 margin-top 52 ＝ 80px。
   原站實測是 圖片 0 ＋ 標題 50 ＝ 50px。
   修法：圖片後面緊接標題時，圖片的下距歸零（照原站），標題上距不動。
   ============================================================ */
.codex-rewrite .inner-content .ac-article > img:has(+ :is(h2,h3,h4)){
  margin-bottom:0!important;
}

/* ============================================================
   ㉕ 原站指定寬度的小裝飾圖不放大（ac-img-fixed）— 08-08
   `.ac-article img{width:100%}` 會蓋過 HTML 的 width 屬性：
   微笑美學 step1.png 原圖 518×130、原站顯示 250×63，卻被拉成 1080×271
   ＝那條佔滿整寬的巨大膠囊。改用 HTML 指定的寬度（width:auto 會採用 width 屬性）。
   只套在「內文區直接子 ＋ width ≤600」的圖，內容主圖仍維持滿版。
   ============================================================ */
.codex-rewrite .inner-content .ac-article > img.ac-img-fixed{
  width:var(--ac-img-w)!important;max-width:100%!important;height:auto!important;
}