/*
 * Bootstrap 5.1.3 → 5.3.8 相容層（2026/10/30）
 *
 * 5.2／5.3 把幾個元件改成「自己設定文字色／底色」，會蓋掉頁面原本從外層繼承下來的顏色。
 * 本站頁面（多數對齊 wm5）是在 5.1 的行為下調的色，這裡把那幾處改回 5.1 行為。
 * 必須在 bootstrap.min.css 之後載入。A/B 截圖比對（新舊兩版同頁逐像素）抓出的回歸：
 *   - 下載專區 .table：儲存格改成白底，蓋掉列底色與橘色表頭
 *   - 等級測驗 .card：文字由繼承的灰色變成 body 黑色
 */

/* .table：5.3 儲存格 background-color 預設 body 白底、color 為 emphasis 黑；5.1 為透明＋繼承 */
.table {
    --bs-table-bg: transparent;
    color: #212529;
}
.table > :not(caption) > * > * {
    color: inherit;
}

/* .card：5.3 加了 color: var(--bs-body-color)；5.1 不設（繼承外層） */
.card {
    color: inherit;
}

/* 5.3 次要文字改為半透明 body 色；回到 5.1 的 #6c757d */
.text-muted,
.form-text {
    color: #6c757d !important;
}

/* 5.3 頁籤選中文字改為 emphasis 黑；回到 5.1 的 #495057 */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
}
