/* Library and reader share one restrained, paper-and-olive design system. */
.sb-reader,.sb-catalog,.sb-home-library{--sb-ink:#292a22;--sb-muted:#726b5b;--sb-paper:#fcfaf5;--sb-line:#dcd3c2;--sb-accent:#454f34;--sb-soft:#eee7da;color:var(--sb-ink);font-family:Georgia,"Times New Roman",serif;line-height:1.5;box-sizing:border-box}
.sb-reader *,.sb-catalog *,.sb-home-library *{box-sizing:border-box}
.sb-reader [hidden],.sb-catalog [hidden],.sb-home-library [hidden]{display:none!important}
.sb-reader a,.sb-catalog a,.sb-home-library a{color:inherit;text-underline-offset:4px}
.sb-reader :focus-visible,.sb-catalog :focus-visible,.sb-home-library :focus-visible{outline:2px solid #797f50;outline-offset:3px}
.sb-reader button,.sb-catalog button,.sb-primary{font:inherit;font-size:14px;line-height:1.3;min-height:40px;border:1px solid var(--sb-line);border-radius:5px;padding:9px 14px;background:transparent;color:var(--sb-ink);cursor:pointer;text-decoration:none;box-shadow:none}
.sb-reader button:not(:disabled):hover,.sb-reader button:not(:disabled):focus,.sb-catalog button:hover,.sb-catalog button:focus,.sb-read-link:hover{background:var(--sb-soft);color:var(--sb-ink);border-color:#a7a38b}
.sb-reader button:disabled{opacity:.4;cursor:default}
.sb-reader .sb-primary,.sb-catalog .sb-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--sb-accent);border-color:var(--sb-accent);color:white}
.sb-reader .sb-primary:hover,.sb-catalog .sb-primary:hover{background:#354027;color:white}
.sb-reader input,.sb-reader select,.sb-catalog input,.sb-catalog select{font:inherit;color:var(--sb-ink);background:var(--sb-paper);border:1px solid var(--sb-line);border-radius:5px;padding:8px;max-width:100%;margin:0}
.sb-home-library{max-width:1184px;margin:auto;padding:18px 0 0}
.sb-library-top{display:grid;grid-template-columns:1.12fr 1.1fr auto;align-items:center;gap:22px;margin-bottom:20px}
.sb-library-heading h2{font-family:Georgia,serif;font-weight:400;font-size:42px;line-height:1;letter-spacing:-1.2px;margin:0 0 3px}
.sb-library-heading p{font-size:16px;line-height:1.2;margin:0;color:#5f594b}
.sb-home-search{display:flex;align-items:center;height:40px;border:1px solid var(--sb-line);border-radius:6px;background:#fcfaf6;overflow:hidden;min-width:0}
.sb-home-search input{font:inherit;font-size:14px;width:100%;min-width:0;height:40px;background:transparent;border:0;padding:9px 12px;color:var(--sb-ink);box-shadow:none}
.sb-home-search button{font:inherit;font-size:12px;border:0;border-left:1px solid var(--sb-line);padding:0 12px;height:28px;background:transparent;color:#686350;cursor:pointer;white-space:nowrap}
.sb-category-chips{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sb-category-chips a{font-size:12px;line-height:1.3;white-space:nowrap;text-decoration:none;border:1px solid var(--sb-line);border-radius:24px;padding:11px 15px}
.sb-category-chips a[aria-current]{background:var(--sb-accent);border-color:var(--sb-accent);color:white}
.sb-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sb-featured-card{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:center;height:202px;padding:11px 13px;background:#fcfaf5;border:1px solid #e3dacb;border-radius:7px;box-shadow:0 2px 7px #50442b05}
.sb-featured-card.is-selected{border-color:#6c7358;box-shadow:0 3px 10px #454f3410}
.sb-featured-cover{display:flex;align-items:center;justify-content:center;height:178px;min-width:0}
.sb-featured-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:178px;object-fit:contain;box-shadow:2px 4px 8px #40321a25}
.sb-featured-info{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:18px;min-width:0;height:100%;padding:44px 0 4px}
.sb-featured-info h3{font:400 17px/1.25 Georgia,serif;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sb-featured-info h3 a{text-decoration:none}
.sb-read-link{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:36px;padding:7px 9px;border:1px solid var(--sb-line);border-radius:5px;font-size:12px;white-space:nowrap;text-decoration:none;margin-top:auto}
.is-selected .sb-read-link{background:var(--sb-accent);color:white;border-color:var(--sb-accent)}
.sb-shelf-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:#746c5c;min-height:20px}
.sb-shelf-footer:not(:has(nav)){display:none}.sb-shelf-footer a{text-decoration:none}.sb-shelf-footer nav{display:flex;gap:14px}
.sb-section-title{display:flex;align-items:center;gap:20px;font:400 44px/1.15 Georgia,serif;letter-spacing:-1px;margin:22px 0 12px;color:#23241d}
.sb-section-title:after{content:"";height:1px;background:#c5bdaa;flex:1}
.sb-reader.sb-reader-studio{display:grid;grid-template-columns:244px minmax(0,1fr);max-width:100%;padding:5px;margin:0;border:1px solid #d5cbb9;border-radius:10px;background:#fcfaf6;box-shadow:0 4px 15px #4b3c2412;overflow:hidden}
.sb-sidebar{background:#eee8dc;border:1px solid #e1d9c9;border-radius:5px 0 0 5px;padding:16px 13px;min-width:0}
.sb-back{display:block;font-size:13px;padding:0 14px 19px;text-decoration:none}
.sb-side-menu{display:grid;gap:3px;padding-bottom:14px;border-bottom:1px solid #d9cfbd;margin-bottom:12px}
.sb-reader .sb-side-menu button{display:block;text-align:left;font-size:13px;min-height:32px;padding:7px 14px;border:0;background:transparent}
.sb-reader .sb-side-menu button[aria-pressed=true]{background:#e0d8c7}
.sb-outline,.sb-bookmarks{max-height:440px;overflow:auto;font-size:12px;color:#68604f}
.sb-outline p,.sb-bookmarks p{margin:6px 14px;font-size:12px;line-height:1.6}
.sb-reader .sb-outline button{display:block;width:100%;border:0;text-align:left;font-size:12px;min-height:32px;padding:8px 12px}
.sb-bookmark-row{display:flex;align-items:center;justify-content:space-between;gap:5px}
.sb-reader .sb-bookmark-row button{border:0;font-size:12px;text-align:left;padding:7px 12px}
.sb-reading-main{min-width:0;background:#fffdf9;border-radius:0 5px 5px 0}
.sb-reader-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 22px;border-bottom:1px solid #e8e0d4;min-height:56px}
.sb-reader-title{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.sb-title-cover{width:30px;height:42px;object-fit:contain;box-shadow:1px 2px 4px #0002}
.sb-reader .sb-reader-heading h2{font:400 21px/1.25 Georgia,serif;color:var(--sb-ink);margin:0;overflow-wrap:anywhere}
.sb-view-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}
.sb-reader .sb-view-actions button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;font-size:17px;border:0;padding:0;background:transparent;border-radius:5px}
.sb-reader .sb-view-actions [data-action=theme]{font-size:25px;background:#eee8de;border-radius:20px;width:40px}
.sb-reader .sb-view-actions [data-action=bookmark]{font-size:25px}
.sb-reader-options{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:8px 22px;border-bottom:1px solid #eee7db;background:#faf7f0}
.sb-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sb-toolbar label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px;margin:0}
.sb-reader .sb-toolbar button,.sb-reader .sb-toolbar input,.sb-reader .sb-toolbar select{height:34px;min-height:34px;max-height:34px;margin:0;font-size:12px;line-height:1.3;padding:6px 8px;border-color:#ded5c5;vertical-align:middle}
.sb-file-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.sb-file-actions a{font-size:11px;text-decoration:none;white-space:nowrap;padding:6px 0;min-height:30px;display:inline-flex;align-items:center}
.sb-reading-body{padding:18px 24px 8px}
.sb-start{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:172px;padding:6px 48px 8px}
.sb-start-copy{max-width:680px}.sb-eyebrow{font-size:11px;color:#877861;background:#eee7d9;border-radius:3px;padding:4px 9px}
.sb-start h3{font:400 36px/1.1 Georgia,serif;letter-spacing:-.5px;margin:12px 0;color:var(--sb-ink)}
.sb-start p{font-size:16px;line-height:1.45;color:#6a6255;margin:0 0 14px;max-width:650px}
.sb-start-cover{display:none;width:98px;max-height:164px;object-fit:contain;box-shadow:3px 5px 12px #40351f25;flex-shrink:0;transform:rotate(3deg)}
.sb-start-actions{display:flex;flex-wrap:wrap;gap:10px}.sb-start-actions button{font-size:12px}
.sb-status{font-size:11px;line-height:1.4;margin:5px 0 8px;color:#837966;min-height:15px}
.sb-stage{overflow:auto;max-width:100%;max-height:74vh;padding:12px 0;background:#ece5d7;border-radius:5px;min-height:280px}
.sb-stage[data-mode=flip]{overflow:hidden}.sb-stage [data-flip]{margin:auto;min-width:0!important}
.sb-sheet{background:white;overflow:hidden;box-shadow:inset 0 0 10px #0001}
.sb-sheet img{width:100%;height:100%;object-fit:contain;display:block;user-select:none}
.sb-sheet-label{display:flex;align-items:center;justify-content:center;height:100%;font-size:12px;color:#736b59}
.sb-plain{margin:auto;width:100%;text-align:center;min-height:280px}.sb-plain img{display:block;margin:auto;max-width:none;height:auto;box-shadow:0 3px 18px #0002}
.sb-reading-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 24px 6px}
.sb-progress-label{font-size:0;flex:1;max-width:400px;display:flex;align-items:center}
.sb-reader input[data-progress]{accent-color:var(--sb-accent);width:100%;height:18px;padding:0;border:0;background:transparent;cursor:pointer}
.sb-page-controls{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}
.sb-page-controls label{display:flex;align-items:center;gap:7px;font-size:12px;margin:0}
.sb-reader .sb-page-controls button{width:40px;min-height:34px;height:34px;padding:5px 8px;font-size:15px}
.sb-reader input[data-page]{width:50px;height:34px;font-size:12px;padding:5px 7px}
.sb-reader-footer{padding:4px 24px 10px;font-size:10px;color:#8b816d;text-align:right}
.sb-reader:fullscreen{overflow:auto;width:100%;height:100%;margin:0;border-radius:0;grid-template-columns:244px minmax(0,1fr)}
.sb-reader[data-theme=night]{--sb-ink:#e4dfd2;--sb-muted:#b5ad9c;--sb-paper:#24251f;--sb-line:#45483b;--sb-soft:#35382e;--sb-accent:#a3b180;background:#24251f;border-color:#4b4d40}
.sb-reader[data-theme=night] .sb-reading-main,.sb-reader[data-theme=night] .sb-reader-options{background:#24251f}
.sb-reader[data-theme=night] .sb-sidebar,.sb-reader[data-theme=night] .sb-stage{background:#30332a;border-color:#45483b}
.sb-reader[data-theme=night] .sb-sheet img,.sb-reader[data-theme=night] .sb-plain img{filter:invert(.9) hue-rotate(180deg)}
.sb-reader[data-theme=night] .sb-start p,.sb-reader[data-theme=night] .sb-outline,.sb-reader[data-theme=night] .sb-bookmarks{color:#bdb6a7}
.sb-reader[data-theme=night] .sb-side-menu button[aria-pressed=true]{background:#424738}
.sb-catalog-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 24px}.sb-catalog-filter label{display:grid;gap:5px;flex:1;min-width:180px;font-size:14px}
.sb-catalog-filter input,.sb-catalog-filter select{min-height:42px;background:#fcfaf5}
.sb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sb-card{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;column-gap:18px;row-gap:8px;border:1px solid var(--sb-line);border-radius:7px;padding:16px;background:var(--sb-paper);min-height:252px}
.sb-cover{grid-column:1;grid-row:1/5;display:flex;align-items:flex-start;justify-content:center;min-width:0;padding:0}
.sb-cover img{width:auto;max-width:100%;height:auto;max-height:184px;object-fit:contain;box-shadow:2px 4px 7px #40351f20}
.sb-card h3{font:400 18px/1.3 Georgia,serif;margin:0;grid-column:2}.sb-card h3 a{text-decoration:none}
.sb-card p{font-size:12px;line-height:1.4;margin:0;grid-column:2;color:#7a705d}
.sb-card-actions{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px}
.sb-card-actions .sb-primary{font-size:12px;min-height:34px;padding:7px 12px}
.sb-pagination{display:flex;gap:10px;margin-top:24px}.sb-pagination a{padding:6px 12px;border:1px solid var(--sb-line);text-decoration:none;border-radius:4px}.sb-pagination [aria-current]{background:var(--sb-accent);color:white}
.sb-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sb-notice{padding:12px;background:#fff6df}.sb-empty{font-size:16px;padding:24px 0}
@media(max-width:1200px){.sb-home-library{padding-inline:24px}.sb-library-top{grid-template-columns:1fr 1fr}.sb-category-chips{grid-column:1/-1}.sb-featured-card{grid-template-columns:95px minmax(0,1fr);padding:11px;gap:10px}.sb-featured-info h3{font-size:15px}.sb-read-link{font-size:11px;padding:7px}.sb-reader.sb-reader-studio{grid-template-columns:210px minmax(0,1fr)}.sb-reader-heading{flex-wrap:wrap}.sb-start{padding-inline:8px}}
@media(max-width:900px){.sb-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-featured-card{grid-template-columns:115px minmax(0,1fr)}.sb-featured-info h3{font-size:18px}.sb-read-link{font-size:13px}.sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-reader.sb-reader-studio{grid-template-columns:180px minmax(0,1fr)}.sb-start-cover{display:none}.sb-start h3{font-size:29px}.sb-reading-bottom{flex-wrap:wrap;gap:10px}.sb-progress-label{flex-basis:100%;max-width:none}.sb-section-title{font-size:36px}.sb-toolbar{gap:6px}}
@media(max-width:600px){.sb-home-library{padding:20px 18px 0}.sb-library-top{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:16px}.sb-library-heading h2{font-size:38px}.sb-library-heading p{font-size:15px}.sb-category-chips{gap:5px}.sb-category-chips a{padding:9px 12px;font-size:11px}.sb-featured-grid{grid-template-columns:1fr;gap:10px}.sb-featured-card{height:180px;grid-template-columns:108px minmax(0,1fr);gap:20px;padding:12px 16px}.sb-featured-cover{height:154px}.sb-featured-cover img{max-height:154px}.sb-featured-info{padding:20px 0 0}.sb-featured-info h3{font-size:18px}.sb-read-link{font-size:13px;min-height:40px}.sb-section-title{font-size:33px;line-height:1.13;letter-spacing:-.6px;margin-top:24px}.sb-section-title:after{display:none}.sb-reader.sb-reader-studio{display:block;padding:4px}.sb-sidebar{padding:10px;border-radius:5px 5px 0 0}.sb-back{padding:2px 6px 8px;font-size:12px}.sb-side-menu{display:flex;gap:3px;padding-bottom:0;border:0;margin:0;flex-wrap:wrap}.sb-reader .sb-side-menu button{font-size:12px;padding:7px 9px;min-height:40px}.sb-outline,.sb-bookmarks{max-height:140px;margin-top:7px}.sb-outline p,.sb-bookmarks p{margin:4px 6px;font-size:11px}.sb-reading-main{border-radius:0 0 5px 5px}.sb-reader-heading{padding:10px 12px;gap:8px}.sb-reader .sb-reader-heading h2{font-size:19px}.sb-reader-title{gap:10px;flex-basis:100%}.sb-view-actions{width:100%;justify-content:flex-end;gap:5px}.sb-reader .sb-view-actions button{width:40px;height:40px}.sb-reader-options{padding:8px 12px;gap:6px}.sb-toolbar{gap:6px}.sb-reader .sb-toolbar button,.sb-reader .sb-toolbar select{height:40px;min-height:40px;max-height:40px;font-size:11px}.sb-toolbar label{font-size:11px}.sb-file-actions{gap:14px}.sb-file-actions a{min-height:40px;font-size:11px}.sb-reading-body{padding:12px 12px 4px}.sb-start{min-height:210px;padding:8px 6px}.sb-start h3{font-size:29px}.sb-start p{font-size:14px}.sb-reader .sb-start-actions button{min-height:42px;font-size:12px}.sb-reading-bottom{padding:8px 12px 4px;gap:10px}.sb-page-controls{gap:6px;width:100%;justify-content:flex-end;font-size:11px}.sb-page-controls label{font-size:11px}.sb-reader .sb-page-controls button,.sb-reader input[data-page]{min-height:40px;height:40px}.sb-reader-footer{padding:6px 12px 10px;text-align:left;font-size:10px}.sb-stage{padding:6px 0;max-height:72vh}.sb-grid{grid-template-columns:1fr}.sb-card{grid-template-columns:105px minmax(0,1fr);min-height:220px}.sb-catalog-filter label{min-width:100%}.sb-reader:fullscreen{display:block}}
@media(prefers-reduced-motion:reduce){.sb-reader *{scroll-behavior:auto!important;transition:none!important}}

/* Lightweight single-page reader: bounded canvas memory, mobile navigation. */
.sb-reader .sb-plain{position:relative;isolation:isolate}
.sb-turn-layer{position:absolute;inset:0;display:flex;justify-content:safe center;align-items:flex-start;padding:8px;pointer-events:none;z-index:2;overflow:hidden}
.sb-turn-leaf{position:relative;flex:none;backface-visibility:hidden;will-change:transform}
.sb-turn-shadow{position:absolute;inset:0;background:linear-gradient(90deg,#0000,#0005 65%,#0001);opacity:0;pointer-events:none}
.sb-outline details{padding:6px 0}.sb-outline summary{cursor:pointer;padding:8px 12px;min-height:40px}
.sb-reader:fullscreen{display:block!important;padding:16px!important;background:var(--sb-paper);overflow:auto}
.sb-reader:fullscreen .sb-sidebar,.sb-reader:fullscreen .sb-reader-menu,.sb-reader:fullscreen .sb-reader-options,.sb-reader:fullscreen .sb-reader-footer,.sb-reader:fullscreen .sb-title-cover,.sb-reader:fullscreen .sb-view-actions button:not([data-action=fullscreen]){display:none!important}
.sb-reader:fullscreen .sb-reader-heading{padding:4px 12px}.sb-reader:fullscreen .sb-reader-heading h2{font-size:20px!important}
.sb-reader:fullscreen .sb-stage{max-height:calc(100dvh - 180px)}
.sb-reader:fullscreen .sb-reading-bottom{position:sticky;bottom:0;background:var(--sb-paper);z-index:3}
.sb-reader .sb-reader-menu{display:none}
.sb-reader .sb-plain{display:flex;justify-content:safe center;min-height:0;padding:8px}
.sb-reader .sb-plain canvas{display:block;flex:none;height:auto;max-width:none;box-shadow:0 3px 14px #00000020}
.sb-reader .sb-stage{min-height:120px;max-height:78vh;overscroll-behavior:contain}
html[data-sb-theme="night"] .sb-reader canvas{filter:invert(.88) hue-rotate(180deg)}
@media(max-width:767px){
 .sb-reader.sb-reader-studio{display:flex;flex-direction:column;gap:0;padding:0!important}
 .sb-reader .sb-reader-menu{display:block;align-self:flex-start;margin:0 0 12px;min-height:44px}
 .sb-reader:not([data-menu-open="true"]) .sb-sidebar{display:none!important}
 .sb-reader .sb-sidebar{width:100%;border-right:0!important;padding:12px!important}
 .sb-reader .sb-reading-main{width:100%;min-width:0}
 .sb-reader .sb-reader-heading{flex-wrap:wrap;gap:8px;padding:10px 0}
 .sb-reader .sb-reading-body{padding:0!important}
 .sb-reader .sb-stage{max-height:72vh;min-height:120px}
 .sb-reader .sb-reader-options{gap:8px;padding:8px 0;flex-wrap:wrap}
 .sb-reader .sb-file-actions{width:100%;justify-content:flex-start;gap:18px;flex-wrap:wrap}
 .sb-reader [data-action=prev],.sb-reader [data-action=next]{min-height:44px;min-width:44px}
 .sb-reader .sb-plain{padding:4px}
 .sb-turn-layer{padding:4px}
}
/* Reader modes and an overlay contents drawer; no permanent sidebar column. */
body .sb-reader.sb-reader-studio{position:relative;display:block!important;isolation:isolate}
body .sb-reader.sb-reader-studio .sb-reading-main{width:100%;min-width:0}
body .sb-reader.sb-reader-studio .sb-reader-menu{display:inline-flex!important;flex:none;width:44px;height:44px;align-items:center;justify-content:center;padding:0;margin:0;font-size:22px}
body .sb-reader.sb-reader-studio .sb-sidebar,body .sb-reader:fullscreen .sb-sidebar{display:block!important;position:absolute;top:0;left:0;bottom:0;width:min(340px,88%);max-height:85vh;overflow:auto;z-index:12;transform:translateX(-102%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:8px 0 30px #0002;padding:54px 18px 20px!important;background:var(--sb-paper)!important;border:1px solid var(--sb-line)!important}
body .sb-reader[data-menu-open=true] .sb-sidebar{transform:translateX(0);visibility:visible}
body .sb-reader .sb-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0!important;background:#0005!important;z-index:11;cursor:default}
body .sb-reader .sb-drawer-close{position:absolute;top:8px;right:10px;width:40px;height:40px;padding:0;font-size:25px}
body .sb-reader .sb-sidebar .sb-outline,body .sb-reader .sb-sidebar .sb-bookmarks{max-height:none;overflow:visible}
body .sb-reader .sb-sidebar .sb-side-menu{display:flex;flex-wrap:wrap;gap:5px}
body .sb-reader .sb-reader-heading{display:flex;align-items:center;gap:16px}
body .sb-reader .sb-reader-title{flex:1;min-width:0}
body .sb-reader .sb-view-actions{flex-shrink:0;gap:8px;align-items:center}
body .sb-reader .sb-view-actions .sb-back{order:10;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;margin:0 0 0 8px;white-space:nowrap;font-size:12px;text-decoration:none;border:1px solid var(--sb-line);border-radius:250px}
.sb-zoom-menu{position:relative;flex:none}
.sb-zoom-menu summary{display:flex;align-items:center;justify-content:center;width:42px;height:42px;list-style:none;cursor:pointer;border:1px solid var(--sb-line);border-radius:250px}
.sb-zoom-menu summary::-webkit-details-marker{display:none}
.sb-zoom-popover{position:absolute;right:0;top:calc(100% + 8px);display:flex;gap:8px;align-items:center;z-index:8;padding:12px;border:1px solid var(--sb-line);border-radius:16px;background:var(--sb-paper);box-shadow:0 8px 24px #0002}
.sb-zoom-popover select{width:130px}
.sb-reader .sb-zoom-popover button{width:36px!important;height:38px!important;padding:0!important}
.sb-reader .sb-stage[data-mode=scroll]{height:72vh;max-height:72vh;overflow:auto;overflow-anchor:none;scroll-behavior:auto}
.sb-continuous{position:relative;width:100%;padding:0 8px}
.sb-scroll-page{position:relative;max-width:none;margin:0 auto 20px;background:var(--sb-paper);box-shadow:0 2px 12px #0002;overflow:hidden;display:flex;align-items:center;justify-content:center}
.sb-scroll-page canvas{position:absolute;inset:0;display:block;height:auto;max-width:none}
.sb-scroll-label{font-size:13px;color:var(--sb-muted);padding:20px}
.sb-scroll-page[data-ready=true] .sb-scroll-label{visibility:hidden}
body .sb-reader:fullscreen .sb-view-actions .sb-back,body .sb-reader:fullscreen .sb-zoom-menu{display:none}
body .sb-reader:fullscreen .sb-stage[data-mode=scroll]{height:calc(100dvh - 180px);max-height:calc(100dvh - 180px)}
@media(max-width:767px){
 body .sb-reader .sb-reader-heading{flex-wrap:wrap;gap:10px;padding:8px 0}
 body .sb-reader .sb-reader-title{flex:1 1 calc(100% - 60px)}
 body .sb-reader .sb-view-actions{width:100%;justify-content:flex-end;gap:6px}
 body .sb-reader .sb-view-actions .sb-back{margin-left:auto;margin-right:0;padding:8px 10px;font-size:11px}
 body .sb-reader .sb-toolbar{align-items:center;gap:8px;flex-wrap:wrap}
 body .sb-reader .sb-toolbar label{display:flex;gap:6px;align-items:center}
 body .sb-reader .sb-stage[data-mode=scroll]{height:68vh;max-height:68vh}
 body .sb-reader .sb-sidebar{max-height:80vh}
}
@media(prefers-reduced-motion:reduce){body .sb-reader .sb-sidebar{transition:none}}

.sb-reading-modes {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Page mode fits the entire sheet; intentional zoom may still scroll. */
body .sb-reader .sb-stage[data-mode=pages] {
  min-height: 0;
  max-height: var(--sb-page-height, 78dvh);
}
body .sb-reader .sb-reading-modes button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-height: 44px;
  max-height: none;
  padding: 8px;
}
body .sb-reader .sb-reading-modes button[aria-pressed="true"] {
  background: var(--sb-accent);
  border-color: var(--sb-accent);
  color: var(--sb-site-button-ink, #fff);
}
