/*
 * ════════════════════════════════════════════════════════════
 *  Book Prose Component  ·  assets/css/prose.css
 *
 *  用法：将长文正文区域包裹在 <div class="book-prose"> 中，
 *  内部的 blockquote、标题、段落等元素将自动获得以下排版。
 *
 *  与 Tailwind 结合使用：结构类（border、color、margin 等）
 *  继续在 HTML 的 class 中写 Tailwind utility，
 *  本文件只处理 Tailwind 无法覆盖的 typography 细节
 *  （字体族、斜体、行高、padding override）。
 * ════════════════════════════════════════════════════════════
 */

/* ── Blockquote ──────────────────────────────────────────── */
.book-prose blockquote {
    /* 左缩进：覆盖 Tailwind 编译结果中可能缺失的 pl-* 类 */
    padding-left: 2.5rem;     /* ~pl-10 */
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;

    /* Typography */
    font-family: 'Newsreader', 'Georgia', serif; /* font-label，与正文 Manrope 形成对比 */
    font-style: italic;
    font-size: 1.25rem;     /* text-xl */
    line-height: 1.75;
    color: hsla(45, 47%, 85%, 0.9); /* on-surface/90 */
}

/* cite 署名行：去除斜体，回到正文体 */
.book-prose blockquote cite {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    font-family: 'Manrope', sans-serif; /* font-body */
    font-style: normal;
    font-size: 0.875rem;   /* text-sm */
    letter-spacing: 0.025em; /* tracking-wide */
    color: rgb(233, 193, 118); /* secondary */
}

/* ── Headings（补充行高和 letter-spacing，Tailwind 已处理 size/color） */
.book-prose h2,
.book-prose h3,
.book-prose h4 {
    line-height: 1.3;
    letter-spacing: 0.02em;
}

/* ── Body paragraphs（统一行高，Tailwind leading-relaxed 已覆盖多数情况） */
.book-prose p {
    line-height: 1.85;
}

/* ── Strong inline（确保在 Newsreader/Manrope 混排时不丢粗体） */
.book-prose strong {
    font-weight: 600;
}

/* ── Italic inline（确保 em 在 blockquote 外的正文中也呈斜体） */
.book-prose em {
    font-style: italic;
}