.book-page{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--white)}.book-page .site-header{top:auto;bottom:0;border-top:var(--rule);border-bottom:none}.spread-toggle{display:inline-flex;align-items:center;gap:.375rem}.spread-toggle[aria-pressed=true]{font-weight:700;text-decoration:underline;text-underline-offset:3px}.book-page-ctrl{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.book-page-info{display:flex;align-items:center;gap:.375rem}.page-label{font-size:var(--type-small);color:var(--gray-500);letter-spacing:.02em}.page-num-input{width:52px;height:32px;text-align:center;border:var(--rule);background:var(--white);font-family:var(--font);font-size:var(--type-small);font-weight:600;color:var(--black);outline:none;transition:border-color var(--t-fast);-moz-appearance:textfield;appearance:textfield}.page-num-input::-webkit-outer-spin-button,.page-num-input::-webkit-inner-spin-button{-webkit-appearance:none}.page-num-input:focus{border-color:var(--black)}.book-arrow-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--gray-500);border:var(--rule-light);transition:color var(--t-fast),border-color var(--t-fast)}.book-arrow-btn:hover:not(:disabled){color:var(--black);border-color:var(--black)}.book-arrow-btn:disabled{opacity:.35;cursor:not-allowed}.book-main{flex:1;overflow:hidden;margin-bottom:var(--nav-h);padding:var(--sp-4);display:flex;flex-direction:column;align-items:center;position:relative}.book-spread{display:flex;align-items:flex-start;justify-content:center;gap:0;width:100%;max-width:780px;flex-shrink:0;margin:auto}.book-spread.is-spread{max-width:1480px}.mushaf-frame{flex:1;min-width:0}.frame-left,.book-spine{display:none}.book-spread.is-spread .frame-left,.book-spread.is-spread .book-spine{display:flex}.mushaf-page{background:#fff;display:flex;flex-direction:column;max-height:calc(100dvh - var(--nav-h) - 2 * var(--sp-4));overflow:hidden}.book-page-footer{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 0 .5rem;border-top:1px solid var(--gray-200);direction:rtl;width:100%}.book-page-footer [lang=ar]{font-family:var(--font-ar);font-size:1.1rem;color:var(--gray-700)}.book-footer-num{font-family:var(--font-ar);font-size:.75rem;color:var(--gray-500);border:1.5px solid var(--gray-300);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.page-img{flex:1;min-height:0;width:auto;max-width:100%;object-fit:contain;object-position:center top;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page-skeleton{max-height:calc(100dvh - var(--nav-h) - 2 * var(--sp-4));width:auto;max-width:100%;aspect-ratio:2600 / 4206;display:flex;flex-direction:column;gap:.6rem;padding:2rem 1.5rem;justify-content:space-evenly;background:#fbf9f5}.sk-line{height:.85rem;background:#efeeea;animation:sk-shimmer 1.5s ease-in-out infinite;border-radius:2px}.sk-wide{width:90%;margin-left:auto}.sk-med{width:58%;margin-left:auto}.sk-short{width:28%;margin-left:auto}@keyframes sk-shimmer{0%,to{opacity:1}50%{opacity:.35}}.book-spine{width:12px;background:linear-gradient(to right,#0a2a0a,#1c6320 35%,#246828,#1c6320 65%,#0a2a0a);flex-shrink:0;align-self:stretch}.spread-nav-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:40;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--gray-500);border:var(--rule-light);transition:color var(--t-fast),border-color var(--t-fast);background:var(--white);border-radius:2px}.spread-nav-prev{left:var(--sp-2)}.spread-nav-next{right:var(--sp-2)}.spread-nav-btn:hover:not(:disabled){color:var(--black);border-color:var(--black)}.spread-nav-btn:disabled{opacity:.25;cursor:not-allowed}.book-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--black);border-top:1px solid rgba(255,255,255,.1);z-index:50;align-items:center;justify-content:space-between;padding:0 var(--sp-3)}.mobile-bar-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:#ffffffa6;transition:color var(--t-fast)}.mobile-bar-btn:hover:not(:disabled){color:var(--white)}.mobile-bar-btn:disabled{opacity:.3;cursor:not-allowed}.mobile-bar-practice{font-size:var(--type-small);font-weight:600;letter-spacing:.03em;color:#ffffffd9;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.25);transition:border-color var(--t-fast),color var(--t-fast)}.mobile-bar-practice:hover{border-color:var(--white);color:var(--white)}@media(max-width:900px){.book-main{padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + 56px)}.book-spread{max-width:100%}.frame-left,.book-spine{display:none!important}.spread-nav-btn{display:none}.book-mobile-bar{display:flex}.book-page-ctrl,.spread-toggle{display:none}}