/* =============================================================================
   公文階層清單樣式（方案 A PoC）
   -----------------------------------------------------------------------------
   將有序清單 <ol> 依「巢狀深度」轉為公文分項標號（全形書寫，但括號用半形）：
     第 1 層  一、二、三…      （全形中文數字＋頓號）
     第 2 層  (一)(二)…         （全形中文數字＋半形括號）
     第 3 層  １、２、３、…      （全形阿拉伯數字＋頓號）
     第 4 層  (１)(２)…         （全形阿拉伯數字＋半形括號）

   套用方式：在容器加上 class="gongwen-content"
     - 後台：CKEditor 內容根（editing root），由 createManageEditor() 自動加上
     - 前台：@Html.Raw 內容的外層容器

   重要限制（PoC 需知）：
     - 標號由 CSS 產生，不是內文文字；複製／匯出純文字不會帶標號。
     - 標號依巢狀深度自動決定，使用者以「縮排／凸排」控制層級。
     - @counter-style「system: extends」需 Chrome 91+/Firefox 33+/Safari 17+，
       舊瀏覽器會退化為預設數字（1. 2. 3.），不會壞版。
     - 第 3、4 層阿拉伯數字皆採全形（１、、(１)）；
       如需半形，將對應 counter-style 改為 system: extends decimal 即可。
     - 括號依需求採半形 ( )；若要改全形（）將 prefix/suffix 換成全形括號即可。
   ============================================================================= */

@counter-style gongwen-cjk {
    system: extends trad-chinese-informal;   /* 一、二…十、十一… */
    suffix: "、";
}

@counter-style gongwen-cjk-paren {
    system: extends trad-chinese-informal;
    prefix: "(";                             /* 半形括號 */
    suffix: ")";
}

@counter-style gongwen-arabic {
    system: numeric;                         /* 全形阿拉伯數字 */
    symbols: "０" "１" "２" "３" "４" "５" "６" "７" "８" "９";
    suffix: "、";
}

@counter-style gongwen-arabic-paren {
    system: numeric;
    symbols: "０" "１" "２" "３" "４" "５" "６" "７" "８" "９";
    prefix: "(";                             /* 半形括號 */
    suffix: ")";
}

/* 依巢狀深度指定標號樣式。
   同時列出 .ck-content 版本（提高權重），以蓋過 CKEditor 內容主題與 Bootstrap 預設。 */
.gongwen-content ol,
.ck-content.gongwen-content ol {
    list-style-type: gongwen-cjk;            /* 一、 */
}

.gongwen-content ol ol,
.ck-content.gongwen-content ol ol {
    list-style-type: gongwen-cjk-paren;      /* (一) */
}

.gongwen-content ol ol ol,
.ck-content.gongwen-content ol ol ol {
    list-style-type: gongwen-arabic;         /* １、 */
}

.gongwen-content ol ol ol ol,
.ck-content.gongwen-content ol ol ol ol {
    list-style-type: gongwen-arabic-paren;   /* (１) */
}

/* 較寬的括號標號（(一)(１)）需要足夠內縮，避免被裁切 */
.gongwen-content ol {
    padding-inline-start: 2.4em;
    list-style-position: outside;
}