/* Keep the original reading experience inside the current MediCare layout. */
#wrapper #main.mc-book-page{box-sizing:border-box;width:100%;max-width:1240px;margin:24px auto 64px;padding:0 20px}
#wrapper .muf-viewer{color:#1E2C25;--muf-custom-h:min(82dvh,920px)}
#wrapper .muf-toolbar{color:#164232;background:#FFFFFFed;border-color:#B9CABC}
#wrapper .muf-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;padding:0;border:0;box-shadow:none;background:transparent;color:#164232;line-height:1}
#wrapper .muf-btn:hover{background:#E8EFE8;color:#164232}
#wrapper .muf-btn:focus-visible{outline:2px solid #27634B;outline-offset:2px}
#wrapper .muf-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9}
#wrapper .muf-thumb.is-current{border-color:#27634B}
#wrapper .muf-spinner span{border-top-color:#27634B}
#wrapper .muf-counter{color:#27634B}
#wrapper .muf-thumbs[hidden]{display:none!important}
@media(max-width:760px){#wrapper #main.mc-book-page{margin:16px auto 32px;padding:0 16px}#wrapper .muf-viewer{width:100%;margin-left:0;border-radius:18px}#wrapper .muf-btn{width:34px;height:34px}#wrapper .muf-viewer:fullscreen{width:100vw;margin:0;border-radius:0}}
html.muf-reading-expanded{overflow:hidden!important}
#wrapper #main .muf-viewer.muf-expanded{position:fixed!important;inset:0!important;z-index:100100;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;margin:0!important;border-radius:0;background:#F7F7F2}
#wrapper .muf-viewer.muf-expanded .muf-stage{inset:12px 16px 72px}
@media(max-width:760px){#wrapper .muf-viewer.muf-expanded .muf-stage{inset:10px 10px 62px}}
@media(min-width:761px){#wrapper .muf-viewer{--muf-custom-h:min(calc(100dvh - 190px),920px);min-height:480px}}

/* Stationary spine, two independently painted faces and no clipping at the fold. */
#wrapper .muf-book{filter:none;transition:transform .18s ease;transform-style:preserve-3d}
#wrapper .muf-page{box-shadow:0 12px 32px #16423218;flex-shrink:0}
#wrapper .muf-page-blank{background:transparent;box-shadow:none;visibility:hidden}
#wrapper .muf-stage{perspective:2400px;overflow:visible;inset:16px 16px 100px}
#wrapper .muf-flip-overlay{contain:layout style;filter:none;overflow:visible;perspective:2400px;isolation:auto;will-change:auto}
#wrapper .muf-turnsheet{backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:preserve-3d}
#wrapper .muf-turnface{contain:none;box-shadow:0 8px 24px #16423214;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#wrapper .muf-flip-overlay.is-single .muf-turnsheet{left:0;right:auto;transform-origin:center}
#wrapper .muf-toolbar{height:64px;bottom:16px;padding:8px;gap:12px;background:#fff;border:1px solid #B9CABC;border-radius:18px;box-shadow:0 8px 28px #16423212;backdrop-filter:none;opacity:1;transform:translateX(-50%);pointer-events:auto}
#wrapper .muf-toolbar.is-hidden{opacity:1;transform:translateX(-50%);pointer-events:auto}
#wrapper .muf-toolgroup{gap:6px}
#wrapper .muf-tools-right{border-left:1px solid #E8EFE8;padding-left:12px}
#wrapper .muf-btn{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:#E8EFE8;transition:background .18s,color .18s,transform .18s}
#wrapper .muf-btn:hover:not(:disabled){background:#D7B56D;color:#164232}
#wrapper .muf-next{background:#164232;color:#fff}
#wrapper .muf-btn[aria-expanded=true],#wrapper .muf-btn[aria-pressed=true]{background:#27634B;color:#fff}
#wrapper .muf-btn:disabled{opacity:.35;cursor:default}
#wrapper .muf-btn svg{width:21px;height:21px}
#wrapper .muf-btn svg.mc-book-unicon{fill:currentColor;stroke:none}
#wrapper .muf-counter{height:44px;min-width:86px;color:#27634B;gap:6px;padding:0 5px;font-size:13px}
#wrapper .muf-page-input{height:34px!important;line-height:34px!important;border:1px solid #B9CABC!important;background:#F7F7F2!important;border-radius:8px!important;color:#164232!important;font-size:14px!important}
#wrapper .muf-thumbs{bottom:92px;border-color:#B9CABC;background:#fff;border-radius:18px;box-shadow:0 8px 28px #16423212}
#wrapper .muf-thumb{border-radius:7px}
#wrapper .muf-thumb.is-current{border:2px solid #27634B}
#wrapper .muf-page-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#wrapper .muf-viewer.muf-expanded .muf-stage{inset:16px 16px 100px}
@media(max-width:760px),(orientation:portrait) and (max-width:1024px){
 #wrapper .muf-viewer{width:100%;margin-left:0;overflow:hidden}
 #wrapper .muf-stage{inset:8px 0 82px;perspective:1800px}
 #wrapper .muf-toolbar{bottom:8px;height:58px;gap:6px;padding:6px;max-width:calc(100% - 8px);border-radius:16px}
 #wrapper .muf-toolgroup{gap:3px}
 #wrapper .muf-tools-right{gap:3px;padding-left:6px}
 #wrapper .muf-btn{display:inline-flex;width:36px;height:42px;border-radius:10px}
 #wrapper .muf-counter{min-width:68px;padding:0;gap:3px;font-size:12px}
 #wrapper .muf-page-input{width:30px!important;min-width:30px!important;max-width:30px!important;flex-basis:30px}
 #wrapper .muf-thumbs{bottom:76px}
 #wrapper .muf-viewer.muf-expanded .muf-stage{inset:12px 10px 82px}
}
@media(max-width:380px){#wrapper .muf-btn{width:32px}#wrapper .muf-btn svg{width:18px;height:18px}#wrapper .muf-counter{min-width:62px}#wrapper .muf-toolbar{gap:3px}#wrapper .muf-tools-right{padding-left:3px}}
@media(prefers-reduced-motion:reduce){#wrapper .muf-book,#wrapper .muf-btn{transition:none}}
