/* The live seam belongs to the sheet, not its dimmed content. */
.reader-stack-page.chat-reader { min-width:min(350px,calc(100% - 32px)); }
.reader-stack-page.chat-reader.is-focused-sheet { left:var(--sheet-left,32px); }
.reader-stack-page .reader-width-handle { z-index:70; width:18px; top:0; bottom:0; pointer-events:auto; }
.reader-stack-page .reader-width-handle::after { content:''; width:2px; left:0; background:#b49a68; opacity:.85; box-shadow:none; }
.reader-stack-page .reader-width-handle::before { content:''; position:absolute; top:calc(50% - 24px); left:2px; width:4px; height:48px; border-radius:4px; background:#987742; box-shadow:0 0 0 2px #fff9; }
.reader-stack-page .reader-width-handle[hidden] { display:none!important; }
.reader-stack-page .reader-width-handle:hover::after,.reader-stack-page .reader-width-handle:focus-visible::after { background:#8c6c34; box-shadow:0 0 0 2px #c9b68d44; }
.reader-stack-page .reader-width-handle:focus-visible { outline:2px solid #a38043; outline-offset:-2px; }
.reader-stack-page.chat-reader.is-resizing { transition:none!important; }
.reader-stack-page.is-resizing::after { content:''; position:absolute; inset:0; z-index:65; pointer-events:none; background:#d6a88c; opacity:calc(var(--close-progress,0) * .15); }
.reader-stack-page.is-close-ready .reader-width-handle::before,
.reader-stack-page.is-close-ready .reader-width-handle::after { background:#a35f42; }
.reader-close-hint {
  position:absolute; right:26px; top:50%; z-index:90; pointer-events:none;
  padding:10px 15px; border:1px solid #c69a82; border-radius:12px;
  background:#fbf0e8; color:#73472f; font-size:.94rem; line-height:1.3;
  box-shadow:0 6px 22px #35211617; animation:reader-close-cue 160ms ease-out;
}
.reader-close-hint::before { content:'×'; font-size:1.2em; margin-right:.5em; }
.reader-close-hint[hidden] { display:none!important; }
@keyframes reader-close-cue { from { opacity:0; transform:translateX(6px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce) { .reader-close-hint { animation:none; } }
