/**
Theme Name: Astra Child
Description: Astra 子佈景＋跨品牌排版模板 v3（顏色全吃 Astra 全域調色盤，換品牌只改後台 9 格色值）
Author: Max
Template: astra
Version: 3.0.49
*/

/* =====================================================================
   網站排版模板 v3（調色盤變數版）— 2026-07-18
   ---------------------------------------------------------------------
   ▸ 用途：貼進 astra-child 子佈景 style.css（外觀 → 佈景主題檔案編輯器）
     既有內容的最下方。貼完後，「額外的 CSS」裡的品牌段（v2.1 起到底）
     整段刪除，只保留最上方 WPForms + Footer 三欄那兩段。
   ▸ 原則：零寫死品牌色——顏色全部吃 Astra 全域調色盤（自訂器 9 格）
     自動生成的 CSS 變數。換品牌＝進後台改 9 格色值，本檔一行都不用動。
   ▸ 排版數值＝blog.nutspapa.com 2026-07-18 現況定案值（含 Max 手調參數）。
   ▸ 本檔比佈景動態 CSS 更早載入，關鍵規則已做權重加固（body 前綴／!important）。
   ===================================================================== */

/* ── 色彩代號層：全檔唯一出現 hex 的地方（僅當調色盤缺格時的保底值）──
   對應 Astra 自訂器調色盤：格1→變數0、格2→變數1 …… 格9→變數8 */
:root{
  --tpl-accent:      var(--ast-global-color-0, #E07B39); /* 格1 主題色／連結 */
  --tpl-accent-dark: var(--ast-global-color-1, #C96528); /* 格2 連結 hover */
  --tpl-ink:         var(--ast-global-color-2, #1F1B18); /* 格3 標題墨色 */
  --tpl-text:        var(--ast-global-color-3, #2E2620); /* 格4 內文字 */
  --tpl-soft:        var(--ast-global-color-4, #FAF5EC); /* 格5 卡片／區塊底 */
  --tpl-bg:          var(--ast-global-color-5, #FFFFFF); /* 格6 頁面背景 */
  --tpl-sub:         var(--ast-global-color-6, #6B5F54); /* 格7 次要文字 */
  --tpl-strong:      var(--ast-global-color-7, #1F1B18); /* 格8 強墨 */
  --tpl-line:        var(--ast-global-color-8, #EBDFC9); /* 格9 邊線／分隔 */
}

/* ── 1. 單篇文章內文可讀性：欄寬（覺得窄可放寬 820px）＋字級行高段距 ── */
.single-post .entry-content, .single-post .ast-article-single{
  color:var(--tpl-text); font-size:18px; line-height:1.85;
  letter-spacing:.01em; max-width:760px; margin-inline:auto;
}
.single-post .entry-content p{ margin-bottom:1.6em; }

/* ── 2. 標題：全部墨色（h1-h6、文章標題連結、彙整/側欄標題）── */
body h1, body h2, body h3, body h4, body h5, body h6,
body .entry-title, body .entry-title a,
body .ast-archive-title, body .widget-title, body .widget .wp-block-heading,
body .wp-block-latest-posts > li > a{
  color:var(--tpl-ink); font-weight:700; letter-spacing:.01em;
}
body .entry-title a:hover{ color:var(--tpl-accent); }
.single-post .entry-content h2{ margin-top:2.2em; margin-bottom:.8em; }
.single-post .entry-content h3{ margin-top:1.6em; }
.single-post .entry-content :is(h2,h3,h4){ scroll-margin-top:90px; } /* 目錄跳轉不被頁首遮住 */

/* ── 3. 文章 meta（日期/作者/分類）：次要色；字級與距離＝現站定案值 ── */
.entry-meta, .entry-meta *{ color:var(--tpl-sub)!important; font-size:14px; } /* 列表頁小字 */
.single-post .entry-meta, .single-post .entry-meta *{ font-size:18px; }      /* 單篇放大 */
.single-post .entry-meta{ margin-top:10px; }   /* 與上方標題的距離 */
.entry-meta a:hover, .entry-meta a:hover *{ color:var(--tpl-accent)!important; }

/* ── 4. 連結：內文主題色、hover 深色加底線 ── */
.single-post .entry-content a, .single-post .ast-article-single a{ color:var(--tpl-accent); }
.single-post .entry-content a:hover{ color:var(--tpl-accent-dark); text-decoration:underline; }

/* ── 5. 列表卡片（首頁/彙整頁）：柔底、圓角、微陰影；單篇不當卡片 ── */
.blog .ast-article-post, .archive .ast-article-post{
  background:var(--tpl-soft); border-radius:16px;
  box-shadow:0 2px 8px rgba(0,0,0,.06); padding:24px; border:none;
}
.single-post .ast-article-single{ background:var(--tpl-bg); padding:8px 0 32px; }

/* ── 6. 按鈕：主題色、圓角、無重陰影 ── */
.wp-block-button__link, .ast-button, .elementor-button{
  background:var(--tpl-accent)!important; color:#fff!important;
  border-radius:12px!important; box-shadow:none!important;
}

/* ── 7. 文章目錄外掛（Easy TOC）：柔底＋模板字色（!important 蓋外掛皮膚）── */
#ez-toc-container{
  background:var(--tpl-soft)!important; border:1px solid var(--tpl-line)!important;
  border-radius:12px!important; padding:16px 20px!important;
}
#ez-toc-container .ez-toc-title{ color:var(--tpl-ink)!important; font-weight:700; }
#ez-toc-container a{ color:var(--tpl-text)!important; }
#ez-toc-container a:hover{ color:var(--tpl-accent)!important; }

/* 目錄連結點擊範圍（2026-10-16 v3.0.23，PageSpeed 無障礙「觸控目標太小／太擠」）：連結原本只有 22px 高、上下貼齊。
   連結上下各加 2px、行高 1.75 → 每個連結 28px 以上（門檻 24）且不重疊；連結維持行內元素，換行的第二行照舊縮排。 */
#ez-toc-container nav li{ line-height:1.75; }
#ez-toc-container nav a{ padding:2px 0; }

/* ── 8. 內文圖片圓角 ── */
.single-post .entry-content img{ border-radius:12px; }

/* ── 9. 引言：主題色左線＋柔底，移除預設超大引號 ── */
.single-post .entry-content blockquote{
  background:var(--tpl-soft); border-left:4px solid var(--tpl-accent);
  border-radius:0 12px 12px 0; margin:1.5em 0; padding:1em 1.4em;
  color:var(--tpl-text);
}
.single-post .entry-content blockquote::before{ content:none; }

/* ── 10. 表格：柔底表頭＋細邊線＋斑馬紋（斑馬色由柔底混背景自動算）── */
.single-post .entry-content table{ border-collapse:collapse; width:100%; font-size:16px; }
.single-post .entry-content th{ background:var(--tpl-soft); color:var(--tpl-ink); }
.single-post .entry-content th, .single-post .entry-content td{
  border:1px solid var(--tpl-line); padding:10px 12px;
}
.single-post .entry-content tr:nth-child(even) td{
  background:var(--tpl-soft); /* 舊瀏覽器保底 */
  background:color-mix(in srgb, var(--tpl-soft) 45%, var(--tpl-bg));
}

/* ── 11. 清單項目間距（最後一項歸零，避免與後文多一塊空白）── */
.single-post .entry-content li{ margin-bottom:.5em; }
.single-post .entry-content li:last-child{ margin-bottom:0; }

/* ── 12. 文章頁微間距（現站定案值；數字可調）── */
.single-post .ast-breadcrumbs-wrapper{  /* 麵包屑：字級＋與下方圖片距離 */
  font-size:18px;
  padding-bottom:10px;
}
.single-post h1.entry-title{            /* 標題與上方圖片距離；要改字級把註解打開 */
  margin-top:20px;
  /* font-size:36px; */
}

/* ── 13. 首頁分類卡片 [np_category_cards]（配套 functions.php 短代碼）── */
/* 2026-08-06 Max：最後一行未滿時要置中，不要偏左。
   從 grid 改成 flex——grid 的 justify-content 只移動整組軌道，未滿的那行仍貼齊第一欄，
   做不到「只有最後一行置中」。flex-wrap + justify-content:center 才會讓每行各自置中，
   滿行的結果與原本完全一樣。欄寬用 calc 扣掉 gap 寫死 1/3，否則最後一行的卡片會被撐大。*/
.np-cat-cards{
  display:flex; flex-wrap:wrap; justify-content:center; gap:24px;
  max-width:1100px; margin-inline:auto;
}
.np-cat-cards__card{
  flex:0 0 calc((100% - 48px)/3); max-width:calc((100% - 48px)/3);
  display:block; background:var(--tpl-soft); border-radius:16px; overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06); text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease;
}
.np-cat-cards__card:hover{ transform:translateY(-4px); box-shadow:0 6px 16px rgba(0,0,0,.10); }
.np-cat-cards__img{ display:block; width:100%; aspect-ratio:2/3; object-fit:cover; } /* 圖統一 2:3 置中裁 */
.np-cat-cards__img--empty{ background:linear-gradient(160deg, var(--tpl-soft), var(--tpl-line)); }
.np-cat-cards__name{
  display:block; text-align:center; color:var(--tpl-ink);
  font-weight:700; font-size:20px; padding:14px 8px 18px;
}
.np-cat-cards__card:hover .np-cat-cards__name{ color:var(--tpl-accent); }
/* 0 篇的分類卡片：短代碼不輸出 <a>，這裡把互動暗示一併關掉（2026-08-08 v3.0.14）
   起因：空彙整頁被 Rank Math 自動加 noindex，首頁有連結就會被 Google 爬到後
   在 GSC 回報「遭到 noindex 標記排除」。卡片仍顯示，版面完全不變。 */
.np-cat-cards__card--nolink{ cursor:default; }
.np-cat-cards__card--nolink:hover{ transform:none; box-shadow:0 2px 8px rgba(0,0,0,.06); }
.np-cat-cards__card--nolink:hover .np-cat-cards__name{ color:var(--tpl-ink); }
@media (max-width:980px){
  .np-cat-cards{ gap:18px; }
  .np-cat-cards__card{ flex-basis:calc((100% - 18px)/2); max-width:calc((100% - 18px)/2); }
}
@media (max-width:600px){
  .np-cat-cards{ max-width:420px; gap:16px; }
  .np-cat-cards__card{ flex-basis:100%; max-width:100%; }
}

/* ── 14. 手機：字級與卡片留白微調 ── */
@media (max-width:768px){
  .single-post .entry-content, .single-post .ast-article-single{ font-size:17px; }
  .blog .ast-article-post, .archive .ast-article-post{ padding:16px; }
}

/* ── 15. 文章底部作者框（配套 functions.php the_content）── */
.tpl-author-box{
  display:flex; gap:22px; align-items:center;   /* 頭像垂直置中對整張卡（2026-08-01 Max 指定）*/
  margin:48px auto 0; max-width:760px; padding:16px 26px;
  background:var(--tpl-soft); border:1px solid var(--tpl-line); border-radius:14px;
}
.tpl-author-box__avatar{ flex:0 0 auto; }
.tpl-author-box__avatar img{
  width:80px; height:80px; border-radius:50%; display:block; object-fit:cover;
}
/* 名稱刻意不用 <h3>：作者框接在 the_content 後面，掛標題會被算進文章大綱（2026-08-02 改為 <p>），
   粗體改由 font-weight 明寫，不再靠 h3 預設值。 */
.tpl-author-box__name{ margin:0 0 8px; font-size:20px; font-weight:700; line-height:1.4; color:var(--tpl-ink); }
/* 名稱字級比照 H3（2026-09-30 Max 指定；仍是 <p> 不是 <h3>，不進文章大綱）：
   Astra 的 H3 在 921px 以下 20px、922px 以上 22px（兩站前台實測）。 */
@media (min-width:922px){ .tpl-author-box__name{ font-size:22px; } }
.tpl-author-box__bio{ margin:0 0 10px; font-size:15px; line-height:1.8; color:var(--tpl-text); }
.tpl-author-box__link{ margin:0; font-size:14px; }
.tpl-author-box__link a{ color:var(--tpl-accent); font-weight:600; text-decoration:none; }
.tpl-author-box__link a:hover{ color:var(--tpl-accent-dark); text-decoration:underline; }
/* 多條連結版（站台登記在 functions.php 的 tpl_author_box_links()）：
   一組一段、組間空一行；每條各佔一行，長網址在窄螢幕可斷行不撐破卡片。 */
.tpl-author-box__links{ font-size:14px; }
.tpl-author-box__group{ margin:0 0 12px; }
.tpl-author-box__group:last-child{ margin-bottom:0; }
.tpl-author-box__row{ display:block; line-height:1.9; }
.tpl-author-box__row a{
  color:var(--tpl-accent); font-weight:600; text-decoration:none;
  word-break:break-all; overflow-wrap:anywhere;
}
.tpl-author-box__row a:hover{ color:var(--tpl-accent-dark); text-decoration:underline; }
@media (max-width:600px){
  .tpl-author-box{ flex-direction:column; align-items:center; text-align:center; }
}

/* ── 15b. 目錄上方的精簡作者欄（配套 functions.php，2026-09-29 v3.0.15／09-30 v3.0.16）──
   一行品牌＋官網按鈕。字級刻意用 em 對齊下方目錄（Max 09-30 指定）：
   ez-toc 標題＝1.2em、第一層目錄項＝0.95×0.95em，兩者都相對 entry-content（手機 17px／電腦 18px）。
   p 的 margin 要寫死：entry-content 的段落預設有下邊距，會把這條撐高。 */
.tpl-author-mini{
  display:flex; flex-wrap:wrap; gap:12px 14px; align-items:center;
  margin:0 0 20px; padding:18px 16px;
  background:var(--tpl-soft); border:1px solid var(--tpl-line); border-radius:12px;
}
.entry-content .tpl-author-mini img.tpl-author-mini__avatar{
  width:48px; height:48px; border-radius:50%; flex:0 0 auto; display:block; object-fit:cover;
}
.tpl-author-mini__body{ flex:1 1 0; min-width:0; line-height:1.5; }
.entry-content .tpl-author-mini p{ margin:0; }
.entry-content .tpl-author-mini .tpl-author-mini__name{ font-size:1.2em; font-weight:700; line-height:1.4; color:var(--tpl-ink); }
.entry-content .tpl-author-mini .tpl-author-mini__tagline{ font-size:0.9025em; color:var(--tpl-text); }
.entry-content a.tpl-author-mini__go{
  flex:0 0 auto; white-space:nowrap; text-decoration:none; text-align:center;
  background:var(--tpl-accent); color:#fff; font-weight:700; font-size:15px;
  padding:9px 16px; border-radius:8px;
}
.entry-content a.tpl-author-mini__go:hover{ background:var(--tpl-accent-dark); color:#fff; }
/* 手機：介紹文字變長（6 項）後按鈕擠在右邊會把字壓成 3 行 → 按鈕換到下方、撐滿整列 */
@media (max-width:600px){
  .entry-content a.tpl-author-mini__go{ flex:1 1 100%; }
}

/* ── 15d. 導流改版 v2（配套 functions.php tpl_v2_*，2026-10-20 v3.0.24，Max 在虛擬範本確認）──
   上方品牌卡：電腦＝Logo 112px 在左、標題與說明在右，按鈕與網址在說明下方；
   手機（≤600px）＝Logo 64px＋標題一列，說明、按鈕、網址撐滿整寬。
   網址字級 Max 指定電腦 20px／手機 19px（固定 px，不跟內文倍數）；按鈕寬度＝網址寬度
   （兩者包同一個 grid，寬度取內容最寬者，按鈕撐滿置中）。
   10-21 v3.0.25（Max 指定）：Logo 放大 1.5 倍＝電腦 168px／手機 96px；手機「關於松果設計」字級 ×1.1。
   11-02 v3.0.46（Max）：按鈕右邊加 FB／IG／LINE Logo，四者分散對齊到說明文字右緣，手機也同一行。
   Logo 電腦跟按鈕同高（3.09em＝行高 1.85＋上下內距 0.62×2）、手機 40px；601–680px 右欄太窄也用 40px。
   手機網址字級隨可用寬度縮（19px 時約 178px 寬、每 1px 字級約 9.36px 寬），維持「按鈕寬度＝網址寬度」。
   ⚠️ 字級要用 cqw（這一列的實際寬度）不能只靠 vw：vw 含捲軸寬，Windows 視窗縮窄時會少 15–17px，FB 就壓到按鈕（11-02 Max 預覽抓到）；
   vw 那行只留給不支援 container query 的舊瀏覽器。 */
.tpl-brandcard{
  --tpl-bc-icon:3.09em; --tpl-bc-url:20px;
  display:grid; grid-template-columns:168px minmax(0,1fr); gap:0 1.2em; align-items:center;
  margin:0 0 20px; padding:1.1em 1.3em;
  background:var(--tpl-soft); border:1px solid var(--tpl-line); border-radius:14px;
}
.entry-content .tpl-brandcard img.tpl-brandcard__logo{
  grid-row:span 2; width:168px; height:168px; border-radius:50%; background:#fff;
  object-fit:contain; display:block;
}
.entry-content .tpl-brandcard p{ margin:0; }
.entry-content .tpl-brandcard .tpl-brandcard__head{ font-weight:700; font-size:1.12em; line-height:1.5; color:var(--tpl-ink); }
.entry-content .tpl-brandcard .tpl-brandcard__desc{ margin:0.35em 0 0; font-size:0.95em; line-height:1.75; color:var(--tpl-text); }
.tpl-brandcard__go{ container-type:inline-size; grid-column:2; display:flex; justify-content:space-between; align-items:flex-start; gap:8px; min-width:0; }
.tpl-brandcard__main{ display:grid; width:max-content; max-width:100%; min-width:0; gap:6px; }
.entry-content a.tpl-brandcard__social{
  display:block; flex:none; width:var(--tpl-bc-icon); height:var(--tpl-bc-icon);
  margin-top:calc(0.9em + (3.09em - var(--tpl-bc-icon)) / 2); line-height:0;
}
/* 懸停效果限有滑鼠的裝置（v3.0.48）。iPhone 第一下沒反應不是這裡造成的，真正修法見 functions.php 觸控監聽（v3.0.49） */
@media (hover:hover){
  .entry-content a.tpl-brandcard__social:hover{ opacity:0.85; }
}
.entry-content a.tpl-brandcard__social img{ display:block; width:100%; height:100%; margin:0; border-radius:0; }
.entry-content a.tpl-brandcard__btn{
  display:block; margin-top:0.9em; padding:0.62em 0.8em; text-align:center; text-decoration:none;
  background:var(--tpl-accent); color:#fff; font-weight:700; border-radius:8px;
}
.entry-content a.tpl-brandcard__btn:hover{ background:var(--tpl-accent-dark); color:#fff; }
.entry-content a.tpl-brandcard__url{
  display:block; font-size:20px; line-height:1.75; text-align:center; color:var(--tpl-accent-dark);
  text-decoration:underline; text-underline-offset:3px; word-break:break-all;
}
@media (max-width:600px){
  .tpl-brandcard{ --tpl-bc-icon:40px; --tpl-bc-url:19px; grid-template-columns:96px minmax(0,1fr); padding:1em; }
  .entry-content .tpl-brandcard img.tpl-brandcard__logo{ width:96px; height:96px; grid-row:auto; }
  .entry-content .tpl-brandcard .tpl-brandcard__head{ font-size:1.232em; }
  .entry-content .tpl-brandcard .tpl-brandcard__desc, .tpl-brandcard__go{ grid-column:1 / -1; }
  .entry-content a.tpl-brandcard__btn{ padding-left:0.4em; padding-right:0.4em; }
  .entry-content a.tpl-brandcard__url{ font-size:clamp(13px, calc(10.68vw - 21.4px), 19px); white-space:nowrap; }
}
@media (min-width:601px) and (max-width:680px){
  .tpl-brandcard{ --tpl-bc-icon:40px; }
  .tpl-brandcard__go{ gap:6px; }
}
/* 依這一列實際寬度縮：可用寬＝列寬－Logo×3－間距×3；再窄（真機 ≤319px 或視窗有捲軸）Logo 才縮到 36px */
@container (max-width:370px){
  .entry-content a.tpl-brandcard__social{ --tpl-bc-icon:40px; }
  .entry-content a.tpl-brandcard__btn{ padding-left:0.4em; padding-right:0.4em; }
  .entry-content a.tpl-brandcard__url{ font-size:clamp(13px, calc(10.68cqw - 15.5px), var(--tpl-bc-url)); white-space:nowrap; }
}
@container (max-width:265px){
  .entry-content a.tpl-brandcard__social{ --tpl-bc-icon:36px; }
  .entry-content a.tpl-brandcard__btn{ padding-left:0.2em; padding-right:0.2em; }
  .entry-content a.tpl-brandcard__url{ font-size:clamp(10px, calc(10.68cqw - 14.2px), 13px); }
}
/* 底部作者框「聯絡松果設計」：Logo 80 → 120px（Max：放大 1.5 倍）→ 10-21 再 1.5 倍＝180px；
   手機連結放不下時整段換到下一行、不從中間切斷（太長才切），卡片左右內距縮小。
   10-21（Max 指定）：電腦連結區字級 14 → 16.8px（×1.2）；手機「聯絡松果設計」20 → 22px（×1.1）。 */
.tpl-author-box--contact .tpl-author-box__avatar img{ width:180px; height:180px; }
@media (min-width:601px){
  .tpl-author-box--contact .tpl-author-box__links{ font-size:16.8px; }
}
.tpl-author-box--contact .tpl-author-box__row a{
  display:inline-block; max-width:100%; vertical-align:top; overflow-wrap:normal;
}
@media (max-width:600px){
  .tpl-author-box--contact{ padding:20px 16px; }
  .tpl-author-box--contact .tpl-author-box__name{ font-size:22px; }
}
/* 商品卡圖片（含檔期卡）：132px → 電腦 198px（×1.5）／手機 264px（×2）（Max 10-21 指定）。
   卡片樣式是 SEO V2 寫在文章 HTML 裡的 inline style，只能用 !important 覆寫；
   只對 body.tpl-v2（functions.php 依 tpl_v2_settings 的 posts 加）生效，nutspapa 與未登記文章不受影響。
   圖片連結＝卡片 div 的第一個子元素；窄螢幕放不下時縮到卡片寬、維持正方形。
   10-21 v3.0.28：手機改成撐滿卡片內寬（左右貼齊卡片內距，Max 截圖指定），等比例、維持正方形。
   10-21 v3.0.29：手機「看商品詳情」按鈕置中（按鈕＝文字欄最後一個連結；display:table 才能 margin auto 置中又不撐滿）。 */
body.tpl-v2 .entry-content div > a[data-cta-product-id]:first-child{ flex:0 1 198px !important; max-width:100%; }
body.tpl-v2 .entry-content div > a[data-cta-product-id]:first-child > img{
  width:198px !important; height:auto !important; max-width:100%; aspect-ratio:1 / 1;
}
@media (max-width:600px){
  body.tpl-v2 .entry-content div > a[data-cta-product-id]:first-child{ flex:0 0 100% !important; }
  body.tpl-v2 .entry-content div > a[data-cta-product-id]:first-child > img{ width:100% !important; }
  body.tpl-v2 .entry-content div > div > a[data-cta-product-id]:last-child{
    display:table !important; margin-left:auto; margin-right:auto;
  }
}

/* ── 15c. 文章資訊列：作者＋發佈日期＋修改日期（配套 functions.php，2026-10-09 v3.0.17）──
   位置在分類那行下面、精簡作者欄上面。小字、次要文字色（Max 10-09 指定）。
   電腦一行排開，項目之間空一個全形字寬；手機一項一行。 */
.entry-content p.tpl-post-byline{
  margin:0 0 14px; font-size:15px; line-height:1.6; color:var(--tpl-sub);
}
.tpl-post-byline__item{ display:inline-block; margin-right:1em; }
.tpl-post-byline__item:last-child{ margin-right:0; }
@media (max-width:600px){
  .entry-content p.tpl-post-byline{ font-size:14px; }
  .tpl-post-byline__item{ display:block; margin-right:0; }
}

/* ── 16. 文章內清單：縮排與符號寫死 ──
   Astra 的做法是先 reset 把 ol/ul 的 margin/padding 全歸零，再靠
   ol,ul{margin:0 0 1.5em 3em} 把 3em 縮排補回來。只要任何環境（webview、
   閱讀模式、外掛）套了自己的重設，清單就掉光符號與縮排。
   這裡改成：縮排走 padding-left（序號落在容器「內」，不會被祖先
   overflow:hidden 裁掉）、list-style 明寫、body 前綴加固權重。
   刻意不設 @media——桌機／平板／手機吃同一條，表現一致（三種裝置的
   body 都有 single-post，實查於 2026-08-04）。
   ez-toc 目錄不受影響：#ez-toc-container 是 id 選擇器，權重高於本區。 */
body.single-post .entry-content ol{ list-style:decimal outside; }
body.single-post .entry-content ul{ list-style:disc outside; }
body.single-post .entry-content ol,
body.single-post .entry-content ul{ margin-left:0; padding-left:2em; }
body.single-post .entry-content li{ display:list-item; }
/* 巢狀清單：Astra 原本靠 li>ol{margin-left:1.5em}，同樣改走 padding */
body.single-post .entry-content li > ol,
body.single-post .entry-content li > ul{ margin-left:0; padding-left:1.5em; }

/* ── 17. 親子餐廳文比較表（2026-10-23 v3.0.31 起；v3.0.33 改 4／5 欄）──
   欄位：店名｜類型｜公休日｜Google 評分｜〔區域，縣市文才有〕。
   只認「名稱欄連到 #food-N、而且第 4 欄評分有 <br>（評分／則數兩行）」的表：還沒換新版的舊表第 4 欄是價位、沒有 <br>，不受影響。
   電腦：依內容分配欄寬，短欄整詞不斷開、評分欄不換行（則數靠 <br> 自己分第二行）。
   手機：固定百分比欄寬，375px 以下字級降到 13px、換一組欄寬。
   v3.0.35（Max 10-24 看 iPhone 13 Pro 截圖）：iPhone 的數字比 Windows 模擬寬，「8200+ 則」斷成三行 →
   類型、公休日收到 4 字寬，評分加寬到「12800+則」兩行放得下（用字更寬的 Verdana 數字在 375–414px 驗過），多的給店名。
   v3.0.37（Max 10-24）：桌機（545px 以上）評分排一行「4.8　13100+則」：<br> 藏掉，全形空格由內容提供（<br> 前那個）。
   v3.0.36：手機表頭也整詞不斷開（評分欄加寬後「Google 評／分」斷在詞中間）。
   ⚠️ 375px 以下的內距要用帶欄數的選擇器，不然被上一段 6px 3px 蓋掉（v3.0.34 修）。 */
@media (min-width:545px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) table{ table-layout:auto; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) td:nth-child(2),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) td:nth-child(3),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) td:nth-child(5){ word-break:keep-all; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) td:nth-child(4){ white-space:nowrap; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) td:nth-child(4) > br{ display:none; }
}
@media (max-width:544px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) table{ table-layout:fixed; font-size:14px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) th{ word-break:keep-all; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) td{ padding:6px 3px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) td{ padding:6px 4px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(1){ width:28%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(2){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(3){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(5){ width:14%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(1){ width:42%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(2){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(3){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(4){ width:22%; }
}
@media (max-width:374px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br) table{ font-size:13px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th, .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) td,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th, .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) td{ padding:6px 2px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(2){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(3){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(5){ width:14%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(1){ width:40%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(2){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(3){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(4){ width:22%; }
}

/* ── 18. 公園／親子景點／住宿文比較表（2026-10-24 v3.0.39，Max：「比照 2138 和 4552」）──
   評分格寫「4.4　<br>17100+則」：桌機（545px 以上）藏 <br> 排一行，手機兩行。只認「名稱欄連到 #park-／#stay-（評分在第 3 欄）
   或 #spot-（評分在第 4 欄）、而且評分格有 <br>」的表；還沒換寫法的舊表（「4.4（17100+ 則）」）不受影響。
   手機欄寬用 Verdana 數字（比 iPhone 寬）在 390／375／360／320px 量過，評分都是兩行。 */
@media (min-width:545px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) table{ table-layout:auto; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th{ word-break:keep-all; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) td:nth-child(3),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) td:nth-child(3),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) td:nth-child(4){ white-space:nowrap; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) td:nth-child(3) > br,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) td:nth-child(3) > br,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) td:nth-child(4) > br{ display:none; }
}
@media (max-width:544px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) table{ table-layout:fixed; font-size:14px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th{ word-break:keep-all; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) td,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) td,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) td{ padding:6px 3px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(1),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(1){ width:30%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(2),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(2){ width:48%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(3),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(3){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:36%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:23%; }
}
@media (max-width:374px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) table,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) table{ font-size:13px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) td,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) td,
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) td{ padding:6px 2px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(1),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(2),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(2){ width:49%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(3) > br) th:nth-child(3),
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(3) > br) th:nth-child(3){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:20%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:24%; }
}

/* ── 19. 比較表多一欄（2026-10-24 v3.0.40）──
   第 18 節只認評分在固定那欄的表。縣市文多一欄「區域」（10-19）時評分往後一欄：公園／住宿「名稱｜區域｜特色｜評分」評分在第 4 欄、
   親子景點「名稱｜區域｜類型｜公休日｜評分」在第 5 欄；親子景點有價位時「名稱｜類型｜公休日｜評分｜價位」是 5 欄（評分仍在第 4 欄）。
   Max 10-24：「補上名稱連結再做兩行」→ 桌機一行、手機兩行，跟第 18 節同一套；手機欄寬一樣用 Verdana 在 390／375／360／320px 量過。 */
@media (min-width:545px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) table{ table-layout:auto; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th{ word-break:keep-all; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) td:nth-child(4),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) td:nth-child(4),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td:nth-child(5){ white-space:nowrap; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) td:nth-child(4) > br,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) td:nth-child(4) > br,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td:nth-child(5) > br{ display:none; }
}
@media (max-width:544px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) table{ table-layout:fixed; font-size:14px; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th{ word-break:keep-all; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) td{ padding:6px 3px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th{ padding:6px 3px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:28%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:28%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:14%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(1){ width:28%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(3){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(5){ width:16%; }
}
@media (max-width:374px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) table,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) table{ font-size:13px; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) td{ padding:6px 2px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:14%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(3){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(4){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):has(th:nth-child(5)) th:nth-child(5){ width:16%; }
}

/* ── 20. 手機比較表的則數小字（2026-10-25 v3.0.41）──
   Max 10-25：「8200+則」讀者看不懂 → 改「8200+則評論」。手機上評分欄只有 66–85px，多兩個字會從兩行變三行；
   Max 選「縮小字：一律 0.8 倍」（加寬評分欄會把店名擠成三行，已比較過）。只在手機（544px 以下）、只動比較表：
   認表＝名稱欄有項目錨點（#food-／#park-／#stay-／#spot-），認格＝格子裡有 <br>（10-25 實測兩站 215 張表 1204 格全是評分格）。
   整格縮 0.8 倍、第一行（分數）用 ::first-line 放回 1.25 倍＝原字級；nowrap 不擋 <br>，只防「則評論」被拆到第三行。
   桌機（545px 以上）與所有資訊表維持原字級。Chromium／WebKit 在 390／375／360／320px 量過：兩行、不溢出。 */
@media (max-width:544px){
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#"]) td:has(> br){ font-size:0.8em; white-space:nowrap; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#"]) td:has(> br)::first-line{ font-size:1.25em; }
}

/* ── 21. 比較表的區域／類型欄寬（2026-10-29 v3.0.43）──
   Max 10-29：「"區域"的欄位設寬一點，至少可以容納 3 個字」「"類型"這欄要至少可以容納 4 個字」，桌機與手機、縣市文與非縣市文都比照。
   ① 親子餐廳縣市文欄序改成「店名｜區域｜類型｜公休日｜評分」（評分在第 5 欄，第 17 節認不到）→ 這裡補桌機一行／手機兩行。
   ② 桌機：區域、類型兩欄不換行（auto 版面下中文可任意斷，原本「大安／區」「娛樂中／心」）。
   ③ 手機：欄寬照「字級×字數＋內距」算，375px（內容約 335px、14px 字）與 320px（約 280px、13px 字）都放得下：
      區域 3 字 ≥16%／17%、類型 4 字 ≥20%／21%。第 18、19、17 節同一組選擇器、寫在後面＝覆蓋原本的寬度。 */
@media (min-width:545px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) table{ table-layout:auto; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th{ word-break:keep-all; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td:nth-child(5){ white-space:nowrap; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td:nth-child(5) > br{ display:none; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) td:nth-child(2),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) td:nth-child(2),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td:nth-child(2),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) td:nth-child(3),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) td:nth-child(2),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td:nth-child(2),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td:nth-child(3),
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) td:nth-child(2){ white-space:nowrap; }
}
@media (max-width:544px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) table{ table-layout:fixed; font-size:14px; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th{ word-break:keep-all; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td{ padding:6px 3px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:36%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:26%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:36%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:20%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:16%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:20%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(1){ width:40%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(2){ width:20%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(3){ width:18%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(4){ width:22%; }
}
@media (max-width:374px){
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) table{ font-size:13px; }
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th,
.single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) td{ padding:6px 2px; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:33%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#park-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(1){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(3){ width:33%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#stay-"]):has(td:nth-child(4) > br) th:nth-child(4){ width:25%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:21%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:21%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(1){ width:21%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(2){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(3){ width:21%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(4){ width:17%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(5) > br) th:nth-child(5){ width:24%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(1){ width:38%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(2){ width:21%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(3){ width:19%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#food-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(4){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(1){ width:34%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(2){ width:22%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(3){ width:20%; }
  .single-post .entry-content figure.wp-block-table:has(td > a[href^="#spot-"]):has(td:nth-child(4) > br):not(:has(th:nth-child(5))) th:nth-child(4){ width:24%; }
}