/* Paper geometry is always RTL, independently of the interface language. */
.mushaf-pages-scroll{overflow:auto;overflow-y:hidden;padding:16px 8px 24px;overscroll-behavior-x:contain}
.mushaf-turner{width:calc(100% * var(--page-scale,1));max-width:calc(690px * var(--page-scale,1));margin:auto;touch-action:pan-y pinch-zoom;outline-offset:8px}
.mushaf-turner[data-spread="2"]{max-width:calc(1200px * var(--page-scale,1))}
.mushaf-turner[data-zoomed="true"]{touch-action:auto}
.mushaf-book{position:relative;perspective:1800px;isolation:isolate;direction:ltr;user-select:none;-webkit-user-select:none;cursor:grab}
.mushaf-book[data-phase="dragging"]{cursor:grabbing}
.mushaf-spread{display:flex;direction:rtl;gap:4px;align-items:stretch}
.mushaf-paper{position:relative;flex:1;min-width:0;aspect-ratio:690 / 990;background:#fff;border:1px solid #cbbd97;box-shadow:0 8px 18px #0002;overflow:hidden}
.mushaf-book img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;-webkit-user-drag:none;pointer-events:none}
.mushaf-current{position:relative;z-index:2}
.mushaf-current[data-hidden-side="full"] .mushaf-paper,.mushaf-current[data-hidden-side="left"] [data-side="left"],.mushaf-current[data-hidden-side="right"] [data-side="right"]{visibility:hidden}
.mushaf-under{position:absolute;inset:0;z-index:1}
.mushaf-leaf{position:absolute;top:0;bottom:0;width:calc(50% - 2px);z-index:4;transform-style:preserve-3d;will-change:transform;pointer-events:none}
.mushaf-leaf[data-side="left"]{left:0;transform-origin:right center}
.mushaf-leaf[data-side="right"]{right:0;transform-origin:left center}
.mushaf-leaf[data-side="full"]{left:0;width:100%;transform-origin:right center}
.mushaf-book[data-direction="previous"] .mushaf-leaf[data-side="full"]{transform-origin:left center}
.mushaf-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border:1px solid #cbbd97;overflow:hidden;box-shadow:0 7px 20px #0002}
.mushaf-back{transform:rotateY(180deg);filter:brightness(.97)}
.mushaf-fold-light{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(1px);background:linear-gradient(90deg,#fff0 65%,#fff5 83%,#342d2038 100%);opacity:calc(var(--turn-shade,0) * .95);pointer-events:none}
.mushaf-book[data-direction="previous"] .mushaf-fold-light{background:linear-gradient(270deg,#fff0 65%,#fff5 83%,#342d2038 100%)}
.mushaf-cast-shadow{position:absolute;top:0;bottom:0;left:50%;width:25%;z-index:3;pointer-events:none;background:linear-gradient(90deg,#30251666,transparent);opacity:var(--turn-shade,0);filter:blur(6px)}
.mushaf-book[data-direction="previous"] .mushaf-cast-shadow{left:auto;right:50%;background:linear-gradient(270deg,#30251666,transparent)}
.mushaf-turner[data-spread="1"] .mushaf-cast-shadow{left:auto;right:0;width:40%;background:linear-gradient(270deg,#30251666,transparent)}
.mushaf-turner[data-spread="1"] .mushaf-book[data-direction="previous"] .mushaf-cast-shadow{right:auto;left:0;background:linear-gradient(90deg,#30251666,transparent)}
.mushaf-turner[aria-busy="true"]{cursor:progress}
.mushaf-turn-hint{text-align:center;font-size:.82rem;color:var(--muted);margin:12px 0 0}
.mushaf-page-actions{display:flex;direction:rtl;justify-content:center;gap:12px}
.mushaf-page-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);min-height:44px;padding:7px 16px;border-radius:10px}
.mushaf-reader:fullscreen .mushaf-turner,.mushaf-focus .mushaf-turner{max-width:calc(690px * var(--page-scale,1))}
.mushaf-reader:fullscreen .mushaf-turner[data-spread="2"],.mushaf-focus .mushaf-turner[data-spread="2"]{max-width:calc(1200px * var(--page-scale,1))}
@media(prefers-reduced-motion:reduce){.mushaf-fold-light,.mushaf-cast-shadow{display:none}}
@media(max-width:600px){.mushaf-pages-scroll{padding-inline:6px;margin-inline:-16px}.mushaf-turn-hint{font-size:.74rem;line-height:1.8}.mushaf-page-actions button{font-size:.78rem;padding-inline:12px}}

/* Opaque surfaces also cover the original Emerald palette. */
:root{--surface:#fff;--soft:#f0f4ee;--menu-surface:#fff}
html[data-theme="dark"]{--surface:#14291f;--soft:#203e2d;--menu-surface:#14291f}
.site-menu nav{background:var(--surface,#fff);opacity:1;backdrop-filter:none;border:1px solid var(--line);box-shadow:0 16px 45px #0003;width:min(300px,calc(100vw - 32px));padding:9px;gap:2px;text-align:start;color:var(--ink)}
.site-header .site-menu nav>a{display:flex;align-items:center;min-height:48px;font-size:.98rem;font-weight:600;border-radius:9px;color:var(--ink)}
.site-menu[open] summary{color:var(--ink);background:var(--surface)}
.site-header .site-menu nav>a:hover,.site-header .site-menu nav>a:focus-visible{background:var(--soft);color:var(--ink)}
.menu-settings{border-top:1px solid var(--line);margin-top:5px;padding-top:6px}
.menu-settings #settings-toggle{display:flex;gap:12px;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:48px;padding:10px 14px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-size:.98rem;font-weight:600}
.menu-settings #settings-toggle:hover{background:var(--soft)}
.menu-settings #settings-toggle svg{width:21px;height:21px;flex-shrink:0}
.mushaf-nav-link{font-size:1.08rem!important;font-weight:800!important;min-height:48px;padding:8px 16px;border:1px solid #d6b36b;border-radius:12px;background:linear-gradient(130deg,#fff9e9,#f4dfad);color:#795018!important;box-shadow:0 3px 12px #8b642013}
.mushaf-nav-link svg{width:27px;height:27px}
.mushaf-nav-link:hover{background:#f3dfb4;color:#583609!important}
html[data-theme="dark"] .mushaf-nav-link{background:#332b1a;color:#f6d591!important;border-color:#a7894e}
.settings-panel{background:var(--surface,#fff);box-shadow:0 16px 45px #0003;z-index:70}
@media(max-width:600px){.desktop-nav{justify-content:space-between;gap:12px}.mushaf-nav-link{padding:8px 13px;font-size:1rem!important}.site-menu summary{padding:9px 13px}.site-menu nav{inset-inline-end:0;top:calc(100% + 8px)}}

/* Keep perspective through the layer wrapper, including on WebKit. */
.mushaf-turn-layers{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}
.mushaf-book{transform-style:preserve-3d}
.mushaf-pages-scroll{touch-action:pan-y pinch-zoom}
.mushaf-ribbon{position:absolute;z-index:5;top:0;right:14px;width:22px;height:46px;background:linear-gradient(90deg,#ad792a,#edc56f,#bd8a35);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);filter:drop-shadow(0 2px 2px #0004);pointer-events:none}
#mushaf-save,[data-focus-mark]{display:inline-flex;gap:7px;align-items:center}
#mushaf-save svg,[data-focus-mark] svg{width:21px;height:24px;flex:none}
#mushaf-save[aria-pressed=true],[data-focus-mark][aria-pressed=true]{background:#efce87;color:#332611;border-color:#ad792a}
.mushaf-resume[hidden]{display:none}
.mushaf-turner[aria-busy=true] .mushaf-book:after{content:'';position:absolute;inset:45% auto auto 48%;width:24px;height:24px;border:3px solid #c7b37d;border-top-color:transparent;border-radius:50%;animation:page-loading .8s linear infinite;z-index:8}
@keyframes page-loading{to{transform:rotate(360deg)}}
.mushaf-focus-bar{display:none}
body.mushaf-focus-active{overflow:hidden!important}
.mushaf-reader.mushaf-focus{position:fixed;inset:0;z-index:10000;width:100%;max-width:none;height:100vh;height:100dvh;margin:0;padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px;overflow:hidden;background:var(--paper)}
.mushaf-focus>.mushaf-toolbar,.mushaf-focus>.mushaf-subtitle,.mushaf-focus>.mushaf-pdf-size,.mushaf-focus>.taj-legend,.mushaf-focus>.mushaf-turn-hint,.mushaf-focus>.source-note,.mushaf-focus>.pdf-parts{display:none}
.mushaf-focus>.mushaf-focus-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;flex:none}
.mushaf-focus-bar button{min-height:42px;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:.85rem;cursor:pointer}
.mushaf-focus>.mushaf-pages-scroll{flex:1;min-height:0;margin:0;padding:10px 8px 14px;display:flex;align-items:center;overflow:auto;overscroll-behavior:contain}
.mushaf-reader.mushaf-focus .mushaf-turner{width:calc(var(--reader-fit-width,600px) * var(--page-scale,1));max-width:none;flex:none;margin:auto}
.mushaf-focus .mushaf-pagination{margin:0;flex:none;gap:18px;min-height:44px}
.mushaf-focus .mushaf-page-actions{margin:0;flex:none}
.mushaf-focus #mushaf-status{margin:0;flex:none;font-size:.8rem;text-align:center}
.mushaf-focus #mushaf-status:empty{display:none}
.mushaf-focus>.mushaf-audio:not([hidden]){position:absolute;bottom:105px;left:10px;right:10px;z-index:8;background:var(--surface);padding:8px;border:1px solid var(--line);border-radius:12px}
@media(max-width:600px){.mushaf-focus-bar button{font-size:.78rem;padding:6px 8px}.mushaf-focus-bar [data-focus-mark] span{display:none}.mushaf-focus>.mushaf-pages-scroll{margin:0}.mushaf-reader.mushaf-focus .mushaf-ribbon{width:16px;height:32px;right:8px}}
@media(prefers-reduced-motion:reduce){.mushaf-turner[aria-busy=true] .mushaf-book:after{animation:none}}
.mushaf-pages-scroll:has(.mushaf-turner[data-zoomed="true"]){touch-action:auto}