/* breast 客製樣式層（見 helpers.php theme_custom_assets：這支存在就會自動載入）
 *
 * ⚠️ 為什麼圖片的自適應要寫在這裡，而不是逐個積木補：
 *    老大 2026-09-23：「你圖片需要有一個全域的自適應啊」——他是對的。
 *    搬遷進來的內容大量帶著寫死的 width="1024" height="768"，
 *    而這套版型的 CSS 從來沒有 `max-width:100%` 去蓋它，圖片就直接撐破欄位與版面。
 *    逐個積木補只會補不完（多欄、自訂 HTML、文章內文…每一種都要補一次）。
 *
 * ⚠️ 一定要同時給 height:auto：
 *    只壓 max-width 卻留著 height="768" 屬性，圖片會被壓扁變形。
 *
 * ⚠️ 為什麼不寫進 breast 的 style.css：
 *    那是搬遷當時凍結的檔，改它等於改動既有版面的基準；
 *    獨立一支 custom/theme.css 可以單獨移除，退回成本低。
 *    這支原本只掛在 breast-c。老大 2026-09-24 驗收過並裁示「把前面測試在 breast-c 的功能，給 breast」，
 *    所以同一條規則搬過來。breast 正式站上線前的實測範圍：113 頁全掃，只有 3 頁用到
 *    會受影響的積木（columns 1、button 3），其餘都是搬遷的整塊 HTML。
 */
img {
    max-width: 100%;
    height: auto;
}

/* 影片崁入（iframe）同樣會撐破，一併夾住 */
iframe,
video {
    max-width: 100%;
}

/* 表格是搬遷內容的另一個破版來源：原站用表格排版，欄寬寫死。
   ⚠️ 不動 table-layout，只讓它在窄螢幕可以橫向捲，不硬改欄寬（硬改會讓原本排好的內容錯位）。 */
.wsite-multicol-table {
    max-width: 100%;
}

/* 本頁第一個標題會在輸出時升成 <h1>（見 themes/breast/page.php：搬遷內容原本整頁沒有 h1）。
   ⚠️ 這條是為了讓外觀「完全不變」：h1 與 h2 的差別只在瀏覽器預設字級（2em vs 1.5em）
      與上下邊界（0.67em vs 0.83em），字級本身是內容裡的 <font size> 給的。
      這裡把 h1 的預設值補成 h2 的，升級標籤就不會讓版面位移。 */
h1.wsite-content-title {
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    font-weight: bold;
}