/* ══ 內頁排版（2026-10-01 得獎等級檢查第二輪；園主選了「內頁重新排版」）══
 *
 * 🔴 為什麼：內頁（指南、價格、品種、交通、親子…）原本像一般部落格 —— 每一段都包一個白框、
 *    三張一樣大的卡片、膠囊按鈕、每個大標題上面一條線。跟首頁的雜誌感是兩個網站。
 * 方向：照首頁同一套字體與顏色，改成【靠留白分組，不靠框】：
 *   ・資料（地址、營業、宅配方式…）→ 上下兩條細線的「資料表」，不填底色
 *   ・三格特色 → 拿掉底色與外框，只留上方一條深色細線
 *   ・第一張橫的大圖放寬到比內文欄寬（class="wide"，由 tools/inner_round2.py 標上）
 *   ・大標題上面的分隔線拿掉，改用段落間距分節
 * 只載在內頁（tools/site_chrome.py 的 PAGES）；首頁、日記文章不載。
 * 每一條都帶 .container，跟頁面自己的 <style> 同權重時，這個檔排在後面所以會贏。
 */

/* ── 開頭：麵包屑、標題、導言 ── */
.container{padding-top:44px}
.container>.crumb{margin-bottom:30px}
.container h1{font-size:clamp(2.15rem,5.2vw,3.35rem);line-height:1.14;letter-spacing:-.005em;margin:0 0 .5em}
.container .lead{font-size:clamp(1.06rem,1.5vw,1.2rem);line-height:1.9;color:var(--ink);max-width:42em}

/* ── 分節：靠間距，不靠線 ── */
.container h2{border-top:0;padding-top:0;margin:2.7em 0 .55em;font-size:clamp(1.5rem,3.1vw,2.1rem);line-height:1.25}
.container h3{margin:1.7em 0 .35em}
.container ul li::marker,.container ol li::marker{color:var(--berry)}

/* ── 照片 ── */
.container img.wide{display:block;width:min(1080px,calc(100vw - 40px));max-width:none;height:auto;aspect-ratio:16 / 9;object-fit:cover;
  margin:38px 0 44px 50%;translate:-50% 0;border-radius:4px}
.container img.photo{display:block;width:100%;max-width:560px;height:auto;margin:30px 0;border-radius:4px}

/* ── 資料表（原本的 .info-box 白框）── */
.container .info-box,.container .note{background:none;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);
  border-radius:0;padding:16px 0 18px;margin:28px 0;line-height:2}
.container .info-box p{margin:.35em 0}
.container .note{font-size:1rem}

/* ── 三格特色（原本的卡片）── */
.container .feature-grid{background:none;border:0;border-radius:0;overflow:visible;gap:26px 36px;margin:30px 0}
.container .feature-card{background:none;padding:16px 0 0;border-top:1px solid var(--ink)}
.container .feature-card h3{margin:0 0 .45em;color:var(--berry);font-size:1.15rem}
.container .feature-card p{margin:0;color:var(--soft);font-size:.96rem;line-height:1.85}

/* ── 行程、步驟（原本一格一個框）── */
.container :is(.itinerary-step,.step){background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:16px 0;margin:0}
.container :is(.itinerary-step,.step)+:not(.itinerary-step):not(.step){margin-top:0;border-top:1px solid var(--line);padding-top:22px}

/* ── 表格 ── */
.container table{margin:26px 0}
.container td{vertical-align:top}

/* ── 按鈕區 ── */
.container .cta-wrap{margin:60px 0 0;padding:44px 0 0;border-top:1px solid var(--line);text-align:center}
.container .cta-wrap .muted{margin:16px auto 0}

@media (max-width:600px){
  .container{padding-top:30px}
  .container h2{margin-top:2.3em}
  .container img.wide{margin:28px 0 32px 50%}
  .container .feature-grid{gap:22px}
}

/* 大標題的片語（tools/inner_round2.py 包的 <span class="ph">）：只准在片語之間換行，不會斷成「推／薦」 */
.container h1 .ph{display:inline-block}
/* 表格第一欄（項目名稱）不換行 —— 電腦版也會被擠成「入園／費」 */
.container :is(th,td):first-child{white-space:nowrap;padding-right:18px}