/* =========================================================
   法規內容共用呈現規格
   前台 LawContent.aspx / 後台 LawEdit.aspx 共同引用
   ========================================================= */

/* ---------------------------------------------------------
   內容區共同基準
   1rem 通常對應瀏覽器預設 16px，約等於原本畫面上的 12pt 基準。
   使用相對單位，瀏覽器縮放與無障礙文字放大仍可正常運作。
   --------------------------------------------------------- */
.law-content-render {
    font-size: 1rem;
    line-height: 1.6;
    font-family: "細明體", "MingLiU", serif;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    word-wrap: break-word;
    box-sizing: border-box;
}

/* ---------------------------------------------------------
   段落基準
   避免前台 layout.css 與 Quill 預設 margin 不一致
   --------------------------------------------------------- */
.law-content-render p {
    margin: 0;
    padding: 0;
    line-height: inherit;

    /* 一般段落保留連續空白與 Tab */
    white-space: pre-wrap !important;
    tab-size: 4;
}


/* ---------------------------------------------------------
   字級
   使用者看到 pt 名稱，但實際使用 em
   --------------------------------------------------------- */

.law-content-render .ql-size-10pt,
.law-content-render .x_ql-size-10pt {
    font-size: 0.833em;
}

.law-content-render .ql-size-12pt,
.law-content-render .x_ql-size-12pt {
    font-size: 1em;
}

.law-content-render .ql-size-14pt,
.law-content-render .x_ql-size-14pt {
    font-size: 1.167em;
}

.law-content-render .ql-size-16pt,
.law-content-render .x_ql-size-16pt {
    font-size: 1.333em;
}

.law-content-render .ql-size-18pt,
.law-content-render .x_ql-size-18pt {
    font-size: 1.5em;
}

.law-content-render .ql-size-20pt,
.law-content-render .x_ql-size-20pt {
    font-size: 1.667em;
}

.law-content-render .ql-size-24pt,
.law-content-render .x_ql-size-24pt {
    font-size: 2em;
}


/* ---------------------------------------------------------
   字型
   --------------------------------------------------------- */

.law-content-render .ql-font-kai,
.law-content-render .x_ql-font-kai {
    font-family: "標楷體", "DFKai-SB", "BiauKai", serif;
}

.law-content-render .ql-font-pmingliu,
.law-content-render .x_ql-font-pmingliu {
    font-family: "新細明體", "PMingLiU", serif;
}

.law-content-render .ql-font-mingliu,
.law-content-render .x_ql-font-mingliu {
    font-family: "細明體", "MingLiU", serif;
}

.law-content-render .ql-font-times,
.law-content-render .x_ql-font-times {
    font-family: "Times New Roman", Times, serif;
}


/* ---------------------------------------------------------
   Quill 一般縮排
   Quill 原本就是每級約 3em
   --------------------------------------------------------- */

.law-content-render .ql-indent-1,
.law-content-render .x_ql-indent-1 {
    padding-left: 3em !important;
}

.law-content-render .ql-indent-2,
.law-content-render .x_ql-indent-2 {
    padding-left: 6em !important;
}

.law-content-render .ql-indent-3,
.law-content-render .x_ql-indent-3 {
    padding-left: 9em !important;
}

.law-content-render .ql-indent-4,
.law-content-render .x_ql-indent-4 {
    padding-left: 12em !important;
}

.law-content-render .ql-indent-5,
.law-content-render .x_ql-indent-5 {
    padding-left: 15em !important;
}

.law-content-render .ql-indent-6,
.law-content-render .x_ql-indent-6 {
    padding-left: 18em !important;
}

.law-content-render .ql-indent-7,
.law-content-render .x_ql-indent-7 {
    padding-left: 21em !important;
}

.law-content-render .ql-indent-8,
.law-content-render .x_ql-indent-8 {
    padding-left: 24em !important;
}

.law-content-render .ql-indent-9,
.law-content-render .x_ql-indent-9 {
    padding-left: 27em !important;
}


/* ---------------------------------------------------------
   Word 凸排／懸掛縮排
   --------------------------------------------------------- */

.law-content-render .ql-hanging-indent-1,
.law-content-render .x_ql-hanging-indent-1 {
    padding-left: 1em !important;
    text-indent: -1em !important;
}

.law-content-render .ql-hanging-indent-2,
.law-content-render .x_ql-hanging-indent-2 {
    padding-left: 2em !important;
    text-indent: -2em !important;
}

.law-content-render .ql-hanging-indent-3,
.law-content-render .x_ql-hanging-indent-3 {
    padding-left: 3em !important;
    text-indent: -3em !important;
}

.law-content-render .ql-hanging-indent-4,
.law-content-render .x_ql-hanging-indent-4 {
    padding-left: 4em !important;
    text-indent: -4em !important;
}

.law-content-render .ql-hanging-indent-5,
.law-content-render .x_ql-hanging-indent-5 {
    padding-left: 5em !important;
    text-indent: -5em !important;
}

.law-content-render .ql-hanging-indent-6,
.law-content-render .x_ql-hanging-indent-6 {
    padding-left: 6em !important;
    text-indent: -6em !important;
}

.law-content-render .ql-hanging-indent-7,
.law-content-render .x_ql-hanging-indent-7 {
    padding-left: 7em !important;
    text-indent: -7em !important;
}

.law-content-render .ql-hanging-indent-8,
.law-content-render .x_ql-hanging-indent-8 {
    padding-left: 8em !important;
    text-indent: -8em !important;
}

.law-content-render .ql-hanging-indent-9,
.law-content-render .x_ql-hanging-indent-9 {
    padding-left: 9em !important;
    text-indent: -9em !important;
}



/* ---------------------------------------------------------
   Word 首行縮排 1~9 字元
   與凸排不同：只讓第一行往右，後續行維持原本左界
   --------------------------------------------------------- */

.law-content-render .ql-first-line-indent-1,
.law-content-render .x_ql-first-line-indent-1 {
    text-indent: 1em !important;
}

.law-content-render .ql-first-line-indent-2,
.law-content-render .x_ql-first-line-indent-2 {
    text-indent: 2em !important;
}

.law-content-render .ql-first-line-indent-3,
.law-content-render .x_ql-first-line-indent-3 {
    text-indent: 3em !important;
}

.law-content-render .ql-first-line-indent-4,
.law-content-render .x_ql-first-line-indent-4 {
    text-indent: 4em !important;
}

.law-content-render .ql-first-line-indent-5,
.law-content-render .x_ql-first-line-indent-5 {
    text-indent: 5em !important;
}

.law-content-render .ql-first-line-indent-6,
.law-content-render .x_ql-first-line-indent-6 {
    text-indent: 6em !important;
}

.law-content-render .ql-first-line-indent-7,
.law-content-render .x_ql-first-line-indent-7 {
    text-indent: 7em !important;
}

.law-content-render .ql-first-line-indent-8,
.law-content-render .x_ql-first-line-indent-8 {
    text-indent: 8em !important;
}

.law-content-render .ql-first-line-indent-9,
.law-content-render .x_ql-first-line-indent-9 {
    text-indent: 9em !important;
}



/* ---------------------------------------------------------
   對齊
   --------------------------------------------------------- */

.law-content-render .ql-align-center,
.law-content-render .x_ql-align-center {
    text-align: center;
}

.law-content-render .ql-align-right,
.law-content-render .x_ql-align-right {
    text-align: right;
}

.law-content-render .ql-align-justify,
.law-content-render .x_ql-align-justify {
    text-align: justify;
}


/* ---------------------------------------------------------
   PRE
   --------------------------------------------------------- */

.law-content-render pre {
    margin: 0;
    white-space: pre-wrap;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
/* PRE rich text per-line blocks: Quill's temporary P blocks are exported as spans.
   No literal newlines between these spans, to avoid duplicate blank lines. */
.law-content-render pre > .ql-pre-line {
    display: block;
    white-space: pre-wrap;
    min-height: 1em;
    line-height: inherit;
    overflow-wrap: break-word;
}
.law-content-render pre > .ql-pre-line:empty::before {
    content: "\200B";
}
/* PRE 區塊保留 Tab，依 4 個字元欄位定位 */
.law-content-render pre,
.law-content-render pre .ql-pre-line {
    white-space: pre-wrap;
    tab-size: 4;
    -moz-tab-size: 4;
}