/* JCT Table Column Width — v1.0.0
 *
 * core/table 的逐欄寬度。寬度由 --jct-cw-N 帶進來（前台掛在 <figure>、
 * 編輯器掛在區塊包裹層），沒帶到的欄位 fallback 成 auto ——
 * 「只指定其中幾欄」不需要另外處理，是變數 fallback 的天然結果。
 *
 * 指定值嚴不嚴格生效，取決於區塊自己的「固定寬度表格儲存格」：
 *   關（table-layout: auto ）指定值是建議，內容太長仍會撐開；其餘依內容分配
 *   開（table-layout: fixed）指定值嚴格生效；其餘平均分剩餘空間
 * 這是內容決定的事，模組不強制。
 *
 * 特異度：`.jct-colw`（1）＋ `:nth-child`（1）＝ (0,2,2)，
 * 穩定贏過主題常見的 `.entry-content td`（0,1,2）。
 */

.jct-colw table tr > *:nth-child(1)  { width: var(--jct-cw-1,  auto); }
.jct-colw table tr > *:nth-child(2)  { width: var(--jct-cw-2,  auto); }
.jct-colw table tr > *:nth-child(3)  { width: var(--jct-cw-3,  auto); }
.jct-colw table tr > *:nth-child(4)  { width: var(--jct-cw-4,  auto); }
.jct-colw table tr > *:nth-child(5)  { width: var(--jct-cw-5,  auto); }
.jct-colw table tr > *:nth-child(6)  { width: var(--jct-cw-6,  auto); }
.jct-colw table tr > *:nth-child(7)  { width: var(--jct-cw-7,  auto); }
.jct-colw table tr > *:nth-child(8)  { width: var(--jct-cw-8,  auto); }
.jct-colw table tr > *:nth-child(9)  { width: var(--jct-cw-9,  auto); }
.jct-colw table tr > *:nth-child(10) { width: var(--jct-cw-10, auto); }
.jct-colw table tr > *:nth-child(11) { width: var(--jct-cw-11, auto); }
.jct-colw table tr > *:nth-child(12) { width: var(--jct-cw-12, auto); }

/* 手機一律忽略欄寬。
 *
 * px 寬在窄螢幕只會把表格撐出容器，`.wp-block-table` 的 overflow-x
 * 會讓它變成橫向捲動——欄寬設定在那個情境下沒有意義，還會讓每一欄都
 * 更窄更難讀，不如交還給瀏覽器依內容分配。
 *
 * `:nth-child(n)` 匹配全部子元素，特異度與上面每一條完全相同 (0,2,2)，
 * 靠順序在後面取勝。不用 !important——那會連帶封死日後任何客製。 */
@media (max-width: 480px) {
    .jct-colw table tr > *:nth-child(n) { width: auto; }
}