/* Only the paginated reader experiment. The rest of the site is unchanged. */
.chat-shell[data-reading="true"] { overflow-anchor: none; }
.reader-stack-page { overflow-anchor: none; }
@media (min-width: 541px) {
  .chat-shell[data-reading="true"] { height: min(88svh, 800px); }
}
.reader-chapter-tools { flex: 0 0 auto; padding: 0 1.4rem .55rem; }
.reader-chapter-meta { display: flex; align-items: center; justify-content: space-between; gap: .65rem; }
.reader-chapter-topic { color: #657080; font-size: .84rem; }
.reader-chapter-price { min-height: 44px; padding: .25rem 0; background: none; color: #394a60; font: inherit; font-size: .88rem; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; }
.reader-chapter-progress { display: block; width: 100%; height: 3px; border: 0; border-radius: 4px; appearance: none; background: #e9e3d6; color: #a58243; }
.reader-chapter-progress::-webkit-progress-bar { background: #e9e3d6; border-radius: 4px; }
.reader-chapter-progress::-webkit-progress-value { background: #a58243; border-radius: 4px; transition: width 650ms cubic-bezier(.22,.7,.2,1); }
.reader-chapter-progress::-moz-progress-bar { background: #a58243; border-radius: 4px; }
.reader-stack-page[data-paged="true"] .chat-reader-scroll { padding-top: .75rem; padding-bottom: 1rem; }
.reader-chapter-heading { display: flex; align-items: center; gap: .6rem; margin-bottom: 1.1rem; }
.reader-chapter-heading h2 { flex: 1; margin: 0; line-height: 1.18; color: var(--navy); letter-spacing: -.025em; }
.reader-chapter-scene { flex: 0 0 88px; width: 88px; line-height: 0; }
.reader-chapter-scene svg { width: 100%; height: auto; overflow: visible; }
.reader-chapter-scene .scene-draw { animation: reader-scene-draw 1600ms cubic-bezier(.22,.7,.2,1) 200ms both; }
.reader-chapter-scene .scene-arrive { animation: reader-scene-arrive 1100ms cubic-bezier(.22,.7,.2,1) 250ms both; }
.reader-chapter-scene.is-still * { animation: none; }
@keyframes reader-scene-draw { from {stroke-dasharray: 1; stroke-dashoffset: 1;} to {stroke-dasharray: 1; stroke-dashoffset: 0;} }
@keyframes reader-scene-arrive { from {opacity: 0; transform: translateY(5px);} to {opacity: 1; transform: translateY(0);} }
.reader-chapter-nav { flex: 0 0 auto; display: flex; align-items: center; gap: .5rem; justify-content: space-between; padding: .6rem 1.2rem; border-top: 1px solid #e8e3d9; background: #fffefa; }
.reader-chapter-nav button { min-height: 44px; border-radius: 7px; padding: .5rem .8rem; font: inherit; font-size: .93rem; cursor: pointer; }
.reader-chapter-prev { color: #394a60; background: transparent; }
.reader-chapter-prev:disabled { opacity: .35; cursor: default; }
.reader-chapter-count { font-size: .82rem; color: #657080; white-space: nowrap; }
.reader-chapter-next { color: white; background: var(--navy); }
.reader-stack-page[data-paged="true"] .reader-stack-footer { justify-content: space-between; border-top: 0; padding-top: 0; padding-bottom: .4rem; gap: .25rem .5rem; }
.reader-stack-page[data-paged="true"] .reader-stack-write { padding: .4rem 0; background: transparent; color: var(--navy); text-decoration: underline; text-underline-offset: .2em; }
.reader-stack-page[data-paged="true"] .reader-stack-footer button { font-size: .84rem; }
.reader-stack-page [hidden] { display: none !important; }
.reader-chapter-price:focus-visible, .reader-chapter-nav button:focus-visible { outline: 2px solid #a58243; outline-offset: 3px; }
@media (max-width: 540px) {
  .reader-chapter-tools { padding-inline: .85rem; }
  .reader-chapter-heading { gap: .35rem; margin-bottom: .9rem; }
  .reader-chapter-heading h2 { font-size: 1.42rem; }
  .reader-chapter-scene { flex-basis: 68px; width: 68px; }
  .reader-chapter-nav { padding: .4rem .8rem; }
  .reader-chapter-nav button { padding-inline: .55rem; font-size: .9rem; }
  .reader-chapter-topic { font-size: .8rem; }
}
@media (prefers-reduced-motion: reduce) {
  .reader-chapter-scene * { animation: none !important; }
  .reader-chapter-progress::-webkit-progress-value { transition: none; }
}