/*
═══════════════════════════════════════════════════════════════
   SINGLE POST — 夜晚散文內文樣式
   - 只作用於 .single-content（single.php 的內文容器）
   - 全部使用 base.css 既有變數，深／淺色模式自動跟隨
   - 對應《WP 文章排版規則》八條：不用粗體、不用 H2/H3、
     blockquote 只放別人的話、斜體＝沒說出口的、
     排比用 <br>、最重的那句不加樣式
═══════════════════════════════════════════════════════════════
*/

/* ─── 內文基礎 ─────────────────────────────────
   比 .body 稍大、行距更鬆——散文是線性讀的，不是掃描的
   ───────────────────────────────────────────── */
.single-content {
    font-size: 16.5px;
    line-height: 1.95;
    font-weight: 300;
    color: var(--twilight);
}

.single-content p {
    margin: 0 0 26px;
}

.single-content p:last-child {
    margin-bottom: 0;
}

/* 排比句的 <br>：給一點呼吸，但不到換段 */
.single-content p br {
    content: "";
    display: block;
    margin-top: 6px;
}

/* 斜體＝沒說出口的（當下心裡話／現在的旁白）
   不加粗、不變色，只用字形區隔聲音層 */
.single-content em,
.single-content i {
    font-style: italic;
    color: var(--twilight-2);
}

/* 規則 1：內文一律不用粗體。
   萬一貼上來的 HTML 夾帶 <strong>，這裡讓它退回一般字重，
   避免破壞版面——想改回來就註解掉這一段。 */
.single-content strong,
.single-content b {
    font-weight: 400;
    color: inherit;
}


/* ─── blockquote：只放別人說的話 ───────────────
   借用 .bronze-quote 的語言（display serif + italic + bronze）
   ───────────────────────────────────────────── */
.single-content blockquote,
.single-content .wp-block-quote {
    margin: 40px 0;
    padding: 4px 0 4px 26px;
    border-left: 1px solid var(--linen-2);
    font-family: var(--ff-d);
    font-style: italic;
    font-weight: 400;
    font-size: 19px;
    line-height: 1.75;
    color: var(--bronze);
}

.single-content blockquote p {
    margin: 0 0 14px;
    font-size: inherit;
    line-height: inherit;
}

.single-content blockquote p:last-child {
    margin-bottom: 0;
}

.single-content blockquote cite {
    display: block;
    margin-top: 12px;
    font-family: var(--ff-m);
    font-style: normal;
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mist);
}

/* blockquote 內的斜體反轉成正體，避免斜上加斜 */
.single-content blockquote em {
    font-style: normal;
    color: inherit;
}


/* ─── 分隔符號：時間跳躍，不是小標 ─────────────
   核心 is-style-dots 的 ··· ，改成主題的間距與顏色
   ───────────────────────────────────────────── */
.single-content .wp-block-separator {
    border: 0;
    height: 0;
    margin: 56px auto;
    max-width: 100%;
}

.single-content .wp-block-separator:not(.is-style-dots) {
    border-top: 1px solid var(--linen);
}

.single-content .wp-block-separator.is-style-dots {
    background: none;
    text-align: center;
    line-height: 1;
}

.single-content .wp-block-separator.is-style-dots::before {
    content: "· · ·";
    display: block;
    font-family: var(--ff-m);
    font-size: 13px;
    letter-spacing: .5em;
    padding-left: .5em;
    color: var(--mist-soft);
}


/* ─── 交棒：留給讀者的那個問題 ─────────────────
   用 serif + 一條細線把它跟正文分開，
   不加粗、不加框——它是一扇門，不是一個 CTA
   ───────────────────────────────────────────── */
.single-content .handoff {
    margin-top: 56px;
    padding-top: 32px;
    border-top: 1px solid var(--linen);
    font-family: var(--ff-d);
    font-weight: 300;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: -.005em;
    color: var(--twilight);
}

.lang-en .single-content .handoff {
    font-style: italic;
}


/* ─── 內文連結 ─────────────────────────────── */
.single-content a {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--linen-2);
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    transition: color var(--t-hover) var(--ease-moon),
                text-decoration-color var(--t-hover) var(--ease-moon);
}

.single-content a:hover {
    color: var(--plum-hi);
    text-decoration-color: var(--plum);
}


/* ─── 圖片 ─────────────────────────────────── */
.single-content figure,
.single-content .wp-block-image {
    margin: 44px 0;
}

.single-content figcaption {
    margin-top: 12px;
    font-family: var(--ff-m);
    font-size: 11px;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mist);
    text-align: left;
}


/* ─── 清單：散文不該用，但工具型內容會用到 ───── */
.single-content ul,
.single-content ol {
    margin: 0 0 26px 1.2em;
    padding: 0;
}

.single-content li {
    margin-bottom: 10px;
    line-height: 1.85;
}

.single-content li::marker {
    color: var(--mist-soft);
}


/* ─── 選取顏色 ─────────────────────────────── */
.single-content ::selection {
    background: var(--plum-deep);
    color: var(--twilight);
}


/* ─── 手機 ─────────────────────────────────── */
@media (max-width: 880px) {
    .single-content {
        font-size: 16px;
        line-height: 1.9;
    }

    .single-content p { margin-bottom: 22px; }

    .single-content blockquote,
    .single-content .wp-block-quote {
        margin: 32px 0;
        padding-left: 20px;
        font-size: 17.5px;
    }

    .single-content .wp-block-separator { margin: 44px auto; }

    .single-content .handoff {
        margin-top: 44px;
        padding-top: 26px;
        font-size: 18px;
    }
}