/* poem.css —— 每首诗的可索引真页（/poems/<id>.html）
   正文直出 HTML，此文件只负责版式；夜读与打印一并处理 */

.poem-page {
    max-width: 46rem;
    margin: 0 auto;
    padding: 1.6rem 1.2rem 3rem;
    color: var(--ink);
}

.poem-head { text-align: center; margin-bottom: 1.6rem; }
.poem-h1 {
    font-family: var(--font-display);
    font-size: 2.1rem;
    letter-spacing: 8px;
    font-weight: 400;
    margin: 0 0 .5rem;
    color: var(--ink);
}
.poem-sub { font-size: .88rem; letter-spacing: 2px; color: var(--ink-soft); margin: 0 0 .3rem; }
.poem-era { font-size: .8rem; letter-spacing: 1px; color: var(--ink-soft); margin: 0; opacity: .85; }
.poem-abridged { color: var(--cinnabar); }

/* 正文：竖排右读，与首页和阅读器同一阅读姿势。
   真页是文档不是首屏，所以不设 max-height —— 长诗让它自然变高，
   否则就又回到 #5 那个"列长溢出被裁"的老坑里 */
.poem-body {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
    gap: .1rem;
    writing-mode: vertical-rl;
    overflow-x: auto;
    margin: 0 auto 1.8rem;
    padding: .8rem .4rem;
    border-top: 1px solid rgba(120, 100, 70, .22);
    border-bottom: 1px solid rgba(120, 100, 70, .22);
}
.poem-line {
    font-family: var(--font-serif);
    font-size: var(--pl-size, 1.28rem);
    line-height: 2.1;
    letter-spacing: .14em;
    white-space: nowrap;
    margin: 0 .55rem;
    color: var(--ink);
}

.poem-block { margin: 0 0 1.4rem; }
.poem-block-h {
    font-size: .84rem;
    letter-spacing: 4px;
    color: var(--cinnabar);
    font-weight: 600;
    margin: 0 0 .4rem;
}
.poem-block p {
    font-size: .95rem;
    line-height: 1.95;
    margin: 0;
    text-align: justify;
}
.poem-variants p { font-size: .87rem; color: var(--ink-soft); }

.poem-tags { margin: 1.6rem 0 .4rem; }
.poem-tag {
    display: inline-block;
    margin: 0 .4rem .4rem 0;
    padding: .16rem .6rem;
    border: 1px solid rgba(120, 100, 70, .3);
    font-size: .8rem;
    letter-spacing: 2px;
    color: var(--ink-soft);
    text-decoration: none;
}
.poem-tag:hover { border-color: var(--cinnabar); color: var(--cinnabar); }

.poem-src { font-size: .74rem; color: var(--ink-soft); opacity: .8; margin: .4rem 0 1.6rem; }
.poem-src a { color: var(--ink-soft); }

.poem-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    border-top: 1px dashed rgba(120, 100, 70, .3);
    padding-top: 1rem;
    font-size: .86rem;
}
.pager-side { max-width: 34%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-soft); text-decoration: none; }
.pager-side:hover { color: var(--cinnabar); }
.pager-mid { color: var(--cinnabar); text-decoration: none; border-bottom: 1px dotted var(--cinnabar); }

html.night-read .poem-body { border-color: rgba(233, 227, 214, .18); }
html.night-read .poem-tag { border-color: rgba(233, 227, 214, .22); color: #d3ccbb; }
html.night-read .poem-tag:hover { border-color: var(--cinnabar-light, #e8836a); color: var(--cinnabar-light, #e8836a); }
html.night-read .poem-pager { border-top-color: rgba(233, 227, 214, .2); }

@media (max-width: 560px) {
    .poem-h1 { font-size: 1.6rem; letter-spacing: 4px; }
    /* 窄屏竖排列数一多就挤，横排更好读 */
    .poem-body {
        writing-mode: horizontal-tb;
        flex-direction: column;
        max-height: none;
        overflow: visible;
        text-align: center;
    }
    .poem-line { white-space: normal; margin: 0 0 .3rem; font-size: 1.12rem; line-height: 2; }
}

@media print {
    html { color-scheme: light only; }
    .site-nav, .site-footer, .poem-pager, .skip-link { display: none !important; }
    .poem-page { max-width: none; color: #000; }
    .poem-body { writing-mode: horizontal-tb; flex-direction: column; max-height: none; overflow: visible; text-align: center; border: none; }
    .poem-line { white-space: normal; color: #000; }
    .poem-block-h { color: #000; }
    .poem-article { break-inside: auto; }
}