/* 法务正文(/privacy-policy、/terms-conditions、/ticketing-policy 三页与付款页的政策弹窗共用)。它们是签发 .docx 的逐字呈现:元素层级与编号都照抄原件,
   这里只负责排版,不参与「哪一段算标题」的判断——Word 里被标成标题样式的整句话照样渲染成标题。
   pre-wrap 是为了让原件里的连续空格在页面上也是连续空格:HTML 默认把它们折叠成一个,
   那属于改动正文。因此每个文字元素都由生成器写成单行、内部不带任何多余空白。 */
.legal-document .card-body,
.legal-document.modal-body {
    padding: 28px 30px 32px;
}

.legal-document .legal-doc-title,
.legal-document .legal-section-title,
.legal-document .legal-subsection-title,
.legal-document .legal-p,
.legal-document .legal-list li {
    white-space: pre-wrap;
    /* pre-wrap 不会替长串断行。原件里今天最长的不可断词是 29 字符,将来补进来的 cookie 清单
       或取消政策带上长 URL、长邮箱时就会顶出容器,而正文不许为了排版改写。 */
    overflow-wrap: anywhere;
}

/* 原件自己的标题(Word Heading1)。页面的 h1 是外壳那个短标签,所以它落在 h2 上。 */
.legal-doc-title {
    margin: 0 0 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--line);
    color: var(--brand);
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

.legal-section-title {
    margin: 26px 0 12px;
    color: var(--brand);
    font-size: 1.05rem;
    font-weight: 750;
}

.legal-subsection-title {
    margin: 18px 0 10px;
    font-size: .95rem;
    font-weight: 700;
}

.legal-document .card-body > .legal-section-title:first-child,
.legal-document .card-body > .legal-subsection-title:first-child {
    margin-top: 0;
}

.legal-p {
    margin-bottom: 14px;
    line-height: 1.75;
}

/* 编号取自原件自身的编号格式,与标题文字之间的间距由这里给,不写进正文取值。 */
.legal-num {
    margin-right: .45rem;
}

.legal-list {
    margin-bottom: 14px;
    padding-left: 26px;
}

.legal-list li {
    margin-bottom: 6px;
    line-height: 1.7;
}

@media (max-width: 575.98px) {
    .legal-document .card-body,
    .legal-document.modal-body {
        padding: 20px 18px 24px;
    }

    .legal-list {
        padding-left: 20px;
    }
}