/* Focus is separate from navigation. Unfocused sheets stay available. */
.reader-base-focus { position:absolute; inset:0; z-index:1; border:0; background:transparent; cursor:pointer; }
.reader-base-focus:hover { background:#fffefa0d; }
.reader-base-focus:focus-visible { outline:2px solid #a58243; outline-offset:-4px; }
.reader-focus-cover { position:absolute; inset:0; z-index:60; padding:0; border:0; border-radius:inherit; background:rgba(255,254,250,.76); cursor:pointer; color:#596170; }
.reader-focus-cover > span { position:absolute; right:10px; top:76px; writing-mode:vertical-rl; font:600 .8rem 'Source Sans 3',sans-serif; letter-spacing:.01em; }
.reader-focus-cover:hover { background:rgba(255,254,250,.65); }
.reader-focus-cover:focus-visible { outline:2px solid #a58243; outline-offset:-5px; }
.reader-focus-cover[hidden], .reader-base-focus[hidden] { display:none !important; }
.reader-stack-page.is-underneath { filter:none; }
.reader-stack-page.chat-reader { transition:box-shadow 260ms ease, right 300ms cubic-bezier(.22,.7,.2,1), left 300ms cubic-bezier(.22,.7,.2,1), width 300ms cubic-bezier(.22,.7,.2,1); }
.reader-stack-page.chat-reader.is-resizing,
.chat-workspace.is-window-dragging .reader-stack-page { transition:none; }
.reader-stack-page.is-focused-sheet { box-shadow:-8px 0 25px #10213c18, 8px 0 24px #10213c16; }
.chat-reader-stack[data-focus="conversation"] { pointer-events:none; }
.chat-reader-stack[data-focus="conversation"] .reader-stack-page { left:calc(100% - 44px); right:auto; width:calc(100% - 32px); pointer-events:auto; }
.chat-reader-stack[data-focus="conversation"] .reader-focus-cover > span { left:12px; right:auto; }
.chat-reader-stack[data-focus="conversation"] .reader-stack-rail,
.chat-reader-stack[data-focus="conversation"] .reader-page-spine { display:none; }
.chat-shell[data-reader-focus="conversation"] > :not(.chat-reader-stack) { opacity:1; max-width:calc(100% - 44px); }
.chat-shell[data-reader-focus="conversation"] { overflow-y:auto !important; }
@media (prefers-reduced-motion: reduce) { .reader-stack-page.chat-reader { transition:none; } }
