/*
 * HC Theme: 08-Content-Utils (v1.2)
 * ---------------------------------
 * 1. 内容实用工具类 (Utility Classes)
 * 2. 从 04-templates.css 中解耦，以支持 Gutenberg 编辑器
 */

/*
 * V1.2 重构:
 * 这些样式之前在 04-templates.css 中被 .article-body 和 .page-body 强制应用。
 * 现在它们是可选的“实用工具类”，编辑可以在区块编辑器的“高级”->“附加CSS类”中添加它们。
 */

/* --- 1. 标题样式 --- */

/* 替代 .article-body h2 */
.u-heading-border-left {
    font-size: 32px;
    border-left: 4px solid var(--accent-gold); 
    padding-left: 15px;
    font-family: var(--title-font); 
    color: var(--primary-blue); 
    margin-top: 2.5em; 
    margin-bottom: 1.2em;
    line-height: 1.4; 
}

/* 替代 .article-body h3 */
.u-heading-style-h3 {
    font-size: 26px;
    font-family: var(--title-font); 
    color: var(--primary-blue); 
    margin-top: 2.5em; 
    margin-bottom: 1.2em;
    line-height: 1.4; 
}

/* 替代 .article-body h4 */
.u-heading-style-h4-italic {
    font-size: 22px;
    font-style: italic;
    font-family: var(--title-font); 
    color: var(--primary-blue); 
    margin-top: 2.5em; 
    margin-bottom: 1.2em;
    line-height: 1.4; 
}


/* --- 2. 列表样式 --- */

/* 替代 .article-body ul (带 ✓ 图标) */
.u-list-checked {
    list-style: none;
    margin-left: 20px; 
    margin-bottom: 2em; 
    padding-left: 1.5em;
}
.u-list-checked li {
    margin-bottom: 1em; 
    position: relative; 
    padding-left: 25px;
}
.u-list-checked li::before { 
    content: "✓"; 
    color: var(--accent-gold); 
    font-weight: bold; 
    display: inline-block; 
    position: absolute; 
    left: 0; 
    top: 2px;
    font-size: 18px;
}

/* 替代 .page-body ul (带 • 图标) */
.u-list-bullet {
    list-style: none;
    margin-left: 30px; 
    margin-bottom: 1.8em; 
    padding-left: 1em;
}
.u-list-bullet li {
    margin-bottom: 0.8em; 
    position: relative; 
    padding-left: 20px;
}
.u-list-bullet li::before {
    content: "•"; 
    color: var(--accent-gold); 
    font-weight: bold; 
    display: inline-block; 
    position: absolute; 
    left: 0; 
    top: 0;
}


/* --- 3. 引用样式 --- */

/* 替代 .article-body blockquote */
.u-blockquote-special {
    margin: 2.5em 0;
    padding: 25px 30px;
    background-color: #f9f9f9;
    border-left: 5px solid var(--accent-gold);
    border-radius: 0 8px 8px 0;
}
.u-blockquote-special p {
    font-size: 22px;
    font-family: var(--title-font);
    font-style: italic;
    color: var(--primary-blue);
    line-height: 1.6;
    margin-bottom: 0;
}
.u-blockquote-special p:last-child {
    margin-bottom: 0;
}

/* 替代 .article-body blockquote.story-page-quote */
.u-blockquote-story {
    margin: 2.5em 0;
    padding: 30px 35px;
    background-color: #f9f9f9;
    border-left: 5px solid var(--accent-gold);
    border-radius: 0 8px 8px 0;
}
.u-blockquote-story p {
    font-size: 24px;
    font-family: var(--title-font);
    font-style: italic;
    color: var(--primary-blue);
    line-height: 1.7;
    margin-bottom: 0;
}