@charset "UTF-8";

/* ===================================================================
   全站共用樣式 site.css
   字級系統（依規範）：
     · 內文 Body      20px（1.25rem）
     · 標題 Heading   內文的 1.5–2.5 倍，24–42px，隨螢幕自動縮放
     · 註腳 Small     12.8px（不低於 12px）
   文字策略：混合方案 —— 內文固定、標題用 clamp() 隨螢幕縮放。
   =================================================================== */

/* 內文基準 20px */
body {
    font-size: 1.25rem;
    line-height: 1.7;
}

/* 導覽列字級 24px */
.navbar {
    font-size: 1.5rem;
}

/* 側邊欄選單字級 24px（心靈小棧與泰國行共用） */
.site-sidebar .nav-link {
    font-size: 1.5rem;
}

/* 主標題：24–42px，隨螢幕自動縮放 */
.title-responsive {
    font-size: clamp(1.6rem, 1.1rem + 2vw, 2.625rem);
    line-height: 1.25;
}

/* 副標題 / 前言 */
.subtitle-responsive {
    font-size: clamp(1.15rem, 1rem + 0.6vw, 1.4rem);
}

/* 註腳 / 小字：不低於 12px */
small,
.small {
    font-size: 0.8rem;
}

/* 內容頁左側選單：手機（堆疊時）留點下方間距 */
@media (max-width: 991.98px) {
    .site-sidebar {
        margin-bottom: 1rem;
    }
}

/* 讓所有圖片預設就是響應式，避免漏加 img-fluid 時撐破版面 */
img {
    max-width: 100%;
    height: auto;
}

/* 圖片統一成 4:3 比例（與泰國行一致，整排更整齊） */
.img-fluid {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}