/*
 * 專案自訂樣式
 *
 * 刻意與 public/css/layout.css 分開 —— 後者是 2014 年的 Epona 佈景原檔，
 * 直接改動會在日後更換或比對佈景時遺失。所有本站專屬的調整寫在這裡。
 */

/*
 * 主選單改成八個項目（加入「通關知識庫」）之後，佈景原本的 23px 水平內距
 * 會讓選單總寬 836px + logo 292px + 15px 邊距 = 1143px，
 * 超過 .container 的內容寬度 1140px 僅 3px，導致整個選單被擠到第二列。
 * 縮到 20px 後總寬 1095px，保留 45px 餘裕。
 *
 * 只作用於第一層（> li > a），下拉選單項目的內距不受影響。
 */
#topNav ul.nav > li > a {
    padding-left: 20px;
    padding-right: 20px;
}

/*
 * SEO：多數頁面原本沒有 h1，或把頁面主標題寫成 h2 / h3。
 * 標籤已改為 h1 以建立正確的標題層級，但佈景的 h1 是 3em、h2 是 2.2em，
 * 直接改會放大字體，因此在這裡把字級壓回原本的視覺大小，外觀維持不變。
 */
.seo-h1 {
    font-size: 2.2em;
    line-height: 42px;
}

/* 新聞內頁標題原本是 h3，改成 h1 後同樣維持原字級 */
.seo-h1-article {
    font-size: 1.6em;
    line-height: 1.4;
}