.ms-main{padding:0 20px 20px}.ms-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:5px 0 14px}.ms-title h1{font-size:26px;margin:7px 0}.ms-title p{font-size:14px;color:#747e60;margin:0}.ms-title>a{font-size:13px;white-space:nowrap}.ms-viewer{border:1px solid #bfc5b3;background:#fff}.ms-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:#eee;padding:8px 13px;border-bottom:1px solid #c9cebd;font:13px/1.5 var(--reader-serif)}.ms-controls button{padding:2px 7px;color:#276478;border:0;border-radius:0;background:none}.ms-controls button:disabled{color:#b2b7a6;cursor:default}.ms-controls label{display:flex;align-items:center;gap:7px}.ms-controls select{font:14px var(--reader-serif);padding:2px 4px;border:1px solid #b9c4a6;background:#fff;color:#444e33}.pagination,.ms-zoom{display:flex;align-items:center;gap:9px}.pagination>button{font-size:22px}.ms-zoom button:nth-child(1),.ms-zoom button:nth-child(3){font-size:21px}.ms-zoom output{width:46px;text-align:center;font-size:12px;color:#687650}.ms-zoom button:nth-child(n+4){border-left:1px solid #c1c8b5}.pagination span{color:#81906c;font-size:12px}.ms-content{display:grid;grid-template-columns:111px minmax(0,1fr)}#thumbnails{padding:10px 8px;overflow-y:auto;background:#f8f8ee;border-right:1px solid #c8cebd;height:clamp(410px,calc(100vh - 330px),800px)}.folio-thumb{display:block;width:100%;text-align:center;padding:4px;margin:0 0 9px;border:1px solid transparent!important;background:none;font:12px/1.5 var(--reader-serif)}.folio-thumb img{width:75px;height:98px;object-fit:contain;display:block;margin:0 auto 2px;background:#e5e7db}.folio-thumb.active{border:1px solid #8b9c6a!important;background:#e9edd8;color:#456038}.ms-stage{height:clamp(410px,calc(100vh - 330px),800px);overflow:auto;background:#e7e9de;position:relative;cursor:grab;overscroll-behavior:contain;scrollbar-color:#a9b392 #e7e9de}.ms-stage.dragging{cursor:grabbing}.ms-stage #canvas{min-width:100%;min-height:100%;width:max-content;height:max-content;display:flex;align-items:center;justify-content:center;padding:12px}.ms-stage #scan{display:block;max-width:none;max-height:none;flex:none;user-select:none;box-shadow:0 1px 6px #4c59422b}.ms-caption{display:flex;justify-content:space-between;gap:20px;padding:9px 13px;background:#f6f6e9;border-top:1px solid #d4dac7;font:13px/1.5 var(--reader-serif);color:#606e4b}.ms-caption a{white-space:nowrap}.ms-footer{font:13px/1.6 var(--reader-serif);color:#7c876c}.ms-footer p{margin:11px 0}.ms-footer a{color:#276478}#loaderror{position:absolute;top:50%;left:10%;right:10%;background:#fff;padding:20px;text-align:center;color:#68764e}.ms-viewer:fullscreen{background:white;width:100vw;height:100vh;display:flex;flex-direction:column;max-width:none}.ms-viewer:fullscreen .ms-content{flex:1;min-height:0}.ms-viewer:fullscreen #thumbnails,.ms-viewer:fullscreen .ms-stage{height:100%}.ms-viewer:fullscreen .ms-caption{flex:none}.ms-viewer:fullscreen .ms-controls{flex:none}@media(max-width:700px){.ms-main{padding-inline:12px}.ms-title{display:block}.ms-title>a{display:inline-block;margin-top:9px}.ms-title h1{font-size:24px}.ms-title p{font-size:13px}.ms-controls{gap:5px;padding:6px}.ms-zoom{gap:5px;flex-wrap:wrap}.ms-zoom button{font-size:12px}.ms-content{grid-template-columns:82px minmax(0,1fr)}#thumbnails{padding:8px 4px}.folio-thumb img{width:59px;height:78px}.ms-stage,#thumbnails{height:clamp(400px,calc(100vh - 370px),750px)}.ms-caption{display:block}.ms-caption a{display:block;margin-top:6px}.ms-title>a{font-size:12px}.ms-footer{font-size:12px}}
