/* Original pages and the original view (books).
   Daily Dose page headings carry a small "原书 P110" chip; the page opens in the image viewer.
   Untranslated pages keep the original inline inside one quiet frame. */

/* Page chip (placed at the right of each page's header) */
.book-page-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--mono);color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:5px 10px 5px 8px;background:var(--surface);transition:color .15s,border-color .15s}
.book-page-chip::before{content:'';width:10px;height:13px;border:1.5px solid currentColor;border-radius:2px;opacity:.75}
.book-page-chip:hover{color:var(--fg);border-color:var(--muted)}
.book-page-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Untranslated pages: the original in a frame, with space reserved while it loads (no white flash) */
.book-language .dd-source-page{margin:12px 0 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.book-language .dd-source-page img{display:block;width:100%;height:auto;aspect-ratio:1516/1071;margin:0;background:var(--surface)}

/* Viewer steps stay visible at the bottom of the viewer */
.book-page-steps{position:sticky;bottom:-16px;display:flex;justify-content:space-between;gap:12px;margin:12px -16px -16px;padding:10px 16px;background:var(--surface);border-top:1px solid var(--line)}

/* Tools row above the article (the reading bar is hidden on wide screens) */
.book-view-tools{display:flex;justify-content:flex-end;margin-bottom:8px}
.book-page-steps .btn:disabled{opacity:.35;cursor:default}

/* 中文 / 原文 toggle in the reader bar */
.book-lang{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;flex-shrink:0}
.book-lang button{font-size:12px;padding:4px 10px;color:var(--muted)}
.book-lang button[aria-pressed="true"]{background:var(--surface-2);color:var(--fg)}
.book-lang button:hover{color:var(--fg)}

/* Original view */
.book-reader--original .book-language{font-size:16px;line-height:1.8;hyphens:auto}
.book-orig-page{margin:0 0 20px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}
.book-orig-page img{display:block;width:100%;height:auto;aspect-ratio:1516/1071;background:var(--surface);cursor:zoom-in}
.book-orig-page figcaption{font-size:12px;color:var(--faint);padding:8px 12px;border-top:1px solid var(--line)}