/* Compact navigation, consistent corner shapes. */
.case-navigation{padding-block:8px}.case-navigation-inner{min-height:48px;gap:16px}.home-button{width:48px;height:48px;padding:12px;border-radius:12px;font-size:24px}.chapter-navigation{padding:4px;border-radius:12px;gap:4px}.chapter-navigation a{min-height:40px;padding:8px 14px;font-size:14px;border-radius:8px}.chapter-navigation a::after{display:none}
.sheet-book{margin:24px 0 0;min-width:0;outline-offset:6px}.book-index{display:flex;gap:4px;padding:4px;border-radius:12px;background:#303030;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0 auto 20px}.book-index::-webkit-scrollbar{display:none}.book-index button{white-space:nowrap;flex-shrink:0;min-height:40px;background:transparent;color:#fff;border:0;border-radius:8px;padding:8px 14px;font:inherit;font-size:14px;cursor:pointer}.book-index button[aria-current]{background:#4b4b4b}.book-index button:hover{background:#444}.book-stage{height:clamp(220px,calc(100svh - var(--case-nav-height,64px) - 220px),680px);display:flex;align-items:center;justify-content:center;perspective:1400px;touch-action:pan-y}.book-stage img.book-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;margin:0!important;transform-origin:left center}.book-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:12px}.book-controls button{width:48px;height:48px;border:0;border-radius:12px;background:#303030;color:#fff;font-size:22px;cursor:pointer}.book-controls button:disabled{opacity:.3;cursor:default}.book-controls select{min-height:48px;max-width:55%;background:transparent;border:0;font:inherit;font-size:14px;color:inherit;overflow:hidden}.book-controls a{font-size:13px;white-space:nowrap}.book-note{font-size:14px!important;line-height:1.6!important;max-width:80ch;margin:8px auto 0!important;color:var(--text-secondary)}.drawing-reader .case-section{padding-block:24px}.drawing-reader .sheet-book{margin-top:16px}.sheet-book:focus-visible{outline:2px solid #666}
@media(max-width:47.99rem){.case-navigation-inner{gap:8px}.chapter-navigation a{padding-inline:10px;font-size:13px}.home-button{flex-shrink:0}.book-index{margin-bottom:12px}.book-index button{font-size:13px;padding-inline:10px}.book-stage{height:clamp(180px,calc(100svh - var(--case-nav-height,64px) - 210px),560px)}.book-controls{gap:8px}.book-controls select{max-width:48%;font-size:12px}.book-controls a{font-size:12px}.book-note{font-size:13px!important}.sheet-book{margin-top:16px}}
.album-section{padding-block:24px;scroll-margin-top:calc(var(--case-nav-height) + 16px)}
/* Main navigation has more breathing room; album navigation is subordinate. */
.chapter-navigation{padding:8px;gap:6px;border-radius:14px}.chapter-navigation a{padding:8px 12px;border-radius:7px}
.book-index{background:transparent;border-radius:0;padding:0;gap:8px;margin:0 auto 20px;justify-content:flex-start}.book-index button{color:#777;background:transparent;border-radius:0;padding:10px 12px;font-size:13px;font-weight:400;border-bottom:2px solid transparent}.book-index button:hover{background:transparent;color:#222}.book-index button[aria-current]{background:transparent;color:#111;border-bottom-color:#777;font-weight:500}
.book-stage{position:relative;display:block;margin-inline:auto;width:100%;height:clamp(200px,calc(100svh - var(--case-nav-height,72px) - 240px),800px);padding-inline:56px;box-sizing:border-box;isolation:isolate;perspective:1800px}.book-stage img.book-image{transform-origin:left center;backface-visibility:hidden;display:block;position:absolute;inset:0 56px;width:calc(100% - 112px)!important;max-width:calc(100% - 112px)!important;height:100%!important;pointer-events:none}.book-stage img.book-turn{z-index:2;will-change:transform}.book-stage>button{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:56px;border:0;background:transparent;color:#666;font-size:40px;font-weight:300;cursor:pointer;border-radius:8px}.book-stage>button:hover{color:#111;background:#f1f1f1}.book-stage>button:disabled{opacity:.2;cursor:default}.book-prev{left:0}.book-next{right:0}.book-note{text-align:center;max-width:80ch;margin:16px auto 0!important;font-size:14px!important}.book-stage+ .book-note{max-height:4.8em;overflow:auto}
@media(max-width:47.99rem){.chapter-navigation{padding:8px;gap:4px}.chapter-navigation a{padding-inline:10px}.book-index{gap:0;margin-bottom:12px}.book-index button{font-size:12px;padding:10px}.book-stage{padding-inline:30px;height:clamp(180px,calc(100svh - var(--case-nav-height,72px) - 240px),650px)}.book-stage img.book-image{inset:0 30px;width:calc(100% - 60px)!important;max-width:calc(100% - 60px)!important}.book-stage>button{width:28px;font-size:32px}.book-note{font-size:13px!important}}
.book-stage{height:clamp(180px,calc(100svh - var(--case-nav-height,64px) - 330px),640px)}.book-note{max-height:4.8em;overflow:auto}@media(max-width:47.99rem){.book-stage{height:clamp(160px,calc(100svh - var(--case-nav-height,64px) - 330px),500px)}}
.sheet-book{scroll-margin-top:calc(var(--case-nav-height,72px) + 24px)}