/* book.html 的少量补充样式。其余全部复用 styles.css / sentence.css / readings.css */

.book-entry .reading-entry-no { letter-spacing: .14em; }

/* 章节正文：比短文阅读器略宽的行长、更大的首字间距 */
#chapterBody .reader-text {
  font-family: var(--font-reading, Georgia, "Times New Roman", serif);
  font-size: 1.04rem;
  line-height: 1.85;
}

#chapterBody .reader-para + .reader-para { margin-top: 1.15em; }

#chapterBody .sentence-word {
  border: 0;
  background: none;
  border-radius: 0;
  line-height: inherit;
  vertical-align: baseline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media (max-width: 620px) {
  #chapterBody .reader-text { font-size: 1.02rem; line-height: 1.8; }
}

/* 弹层里的小标签需要独占一行，否则会和释义粘在一起 */
#wordPopover .sentence-popover-label { display: block; margin-bottom: 4px; }
#wordPopover .sentence-popover-zh { margin-top: 8px; }

/* 段落中文（机器翻译初稿）：与精读页的「段落中译」保持一致的外观 */
.reader-para { position: relative; }
.para-zh-toggle {
  position: static;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 1px 6px 2px;
  border: 1px solid rgba(36, 90, 70, .22);
  border-radius: 6px;
  background: transparent;
  color: var(--green);
  font-family: var(--font-ui);
  font-size: .68rem;
  line-height: 1.5;
  vertical-align: 2px;
  cursor: pointer;
}
.para-zh-toggle:hover { border-color: var(--green); }
.para-zh-toggle.is-open { background: rgba(36, 90, 70, .1); }
.para-zh {
  display: block;
  margin: 10px 0 0;
  padding-left: 14px;
  border-left: 2px solid color-mix(in srgb, var(--green) 32%, transparent);
  font-family: var(--font-zh-serif, "Songti SC", "SimSun", serif);
  font-size: 15px;
  line-height: 1.85;
  color: var(--ink-soft, #55534c);
}


/* 本章「全部中文」开关 */
#chapterView .zh-all-btn {
  font: inherit;
  font-size: .84rem;
  color: var(--green);
  background: none;
  border: 1px solid var(--line, rgba(36, 90, 70, .2));
  border-radius: 999px;
  padding: 4px 12px;
  cursor: pointer;
}
#chapterView .zh-all-btn[aria-pressed="true"] { background: var(--green); color: var(--green-contrast, #fbf8f0); border-color: transparent; }
#chapterView .pager { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; justify-content: center; }