/**
 * 桌機下拉選單項目太多時自動分欄（對應 menu-columns.js，全系統共用）。
 * 只有 JS 量到「面板比視窗還高」才會加 .cms-mc，沒超高的選單完全不受影響。
 * 全部用 :where() 零權重、不帶 !important：版型想自己決定欄寬／欄距，直接寫自己的規則就會贏。
 * 欄數 --mc-cols、欄寬 --mc-w 由 JS 依高度與視窗寬度算出。
 */
:where(.cms-mc) { box-sizing: border-box; width: calc(var(--mc-cols, 2) * var(--mc-w, 17rem)); max-width: calc(100vw - 16px);
    column-count: var(--mc-cols, 2); column-gap: 0; }
:where(.cms-mc) > :where(li) { break-inside: avoid; -webkit-column-break-inside: avoid; }
/* 面板裡有第三層飛出選單時的排法（JS 加 .cms-mc-f 並設 max-height）：直排、滿了換欄，每欄各自往下排，飛出面板不會被切。 */
:where(.cms-mc-f) { display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; column-count: auto; }
:where(.cms-mc-f) > :where(li) { flex: 0 0 auto; width: var(--mc-w, 17rem); box-sizing: border-box; }