/* Keep shortcuts beside the poem on wide screens and within reach on phones. */
.poem-shortcuts { display:flex; align-items:center; gap:6px; position:sticky; top:65px; z-index:20; margin:0 0 12px; padding:7px; border:1px solid #e3e6e9; border-radius:10px; background:#fffffff2; box-shadow:0 3px 12px #2d384408; }
.poem-shortcuts a { display:flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:7px 12px; color:#596670; border-radius:7px; font-size:12px; text-decoration:none; }
.poem-shortcuts a:hover,.poem-shortcuts a:focus-visible { background:#edf3ed; color:#456758; }
.poem-shortcuts i { font-size:17px; }
#poem-text,#poem-translation,#poem-appreciation { scroll-margin-top:135px; }
@media(min-width:1260px) {
 .poem-shortcuts { position:fixed; top:180px; left:max(6px,calc((100vw - 1170px)/2 - 58px)); width:44px; flex-direction:column; gap:5px; margin:0; padding:5px 2px; }
 .poem-shortcuts a { width:38px; padding:8px 2px; flex-direction:column; gap:4px; font-size:10px; text-align:center; overflow-wrap:anywhere; }
 #poem-text,#poem-translation,#poem-appreciation { scroll-margin-top:85px; }
}
@media(max-width:600px) { .poem-shortcuts { top:60px; gap:1px; justify-content:space-around; }.poem-shortcuts a { padding:6px; flex-direction:column; gap:4px; font-size:11px; min-width:42px; max-width:100px; }.poem-shortcuts i { font-size:16px; } }

.poem-novel-entry { padding:24px 22px 18px; border:1px solid #e1e2d8; background:#faf8f2; }
.poem-novel-entry .poem-novel-eyebrow { color:#7b846c; font-size:10px; letter-spacing:2px; margin:0 0 8px; }
.poem-novel-entry > h2 { color:#384c41; font:600 20px/1.5 'Songti SC',SimSun,serif; margin:0 0 21px; }
.poem-novel-card + .poem-novel-card { border-top:1px solid #dedfd2; margin-top:22px; padding-top:22px; }
.poem-novel-genre { font-size:10px; color:#7b846c; }
.poem-novel-card h3 { font:600 23px/1.5 'Songti SC',SimSun,serif; margin:6px 0 11px; }
.poem-novel-card h3 a { color:#384c41; text-decoration:none; }
.poem-novel-card > p { font-size:12px; line-height:1.9; color:#75776c; margin-bottom:18px; }
.poem-novel-read { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:10px 15px; background:#456758; border-radius:3px; color:#fff !important; font-size:12px; text-decoration:none !important; }
.poem-novel-read:hover { background:#365343; }.poem-novel-read:focus-visible { outline:2px solid #456758; outline-offset:4px; }
.poem-novel-entry .poem-novel-disclosure { font-size:10px; color:#85887b; margin:16px 0 0; }
@media(max-width:992px) { .poem-novel-entry { padding:22px; }.poem-novel-card > p { max-width:65ch; } }

.poem-novel-mobile-slot:empty { display:none; }
.poem-novel-mobile-slot .poem-novel-entry { margin:24px 20px; }