/* Shared controls for excerpts and the About image viewers only. */
.book-toolbar,.certificate-toolbar{direction:rtl}
.book-toolbar .mj-icon,.certificate-toolbar .mj-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:2px!important;border:0!important;background:transparent!important;border-radius:50%;cursor:pointer;flex-shrink:0}
.mj-icon img{display:block;width:40px;height:40px;object-fit:contain;pointer-events:none}
.mj-icon:disabled{opacity:.35;cursor:default}.mj-icon:focus-visible,.mj-tools summary:focus-visible{outline:2px solid #e6c383;outline-offset:3px}.mj-icon:not(:disabled):hover img{filter:brightness(1.15)}
.book-toolbar{gap:12px;position:relative;z-index:25;overflow:visible}
.mj-reader-navigation,.mj-reader-secondary{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.mj-reader-navigation>label{font-size:0!important;min-width:0;display:block!important}.mj-reader-navigation select{width:clamp(140px,26vw,280px)}
.book-toolbar select{appearance:none;max-width:100%;min-height:44px!important;border:1px solid #416983!important;border-radius:12px!important;color:#f5efdf!important;background:#102734 url('/assets/navigation/07_dropdown_menu_button-01.png') no-repeat left 5px center!important;background-size:30px!important;padding:8px 12px 8px 42px!important;font:16px Arial,sans-serif!important}.book-toolbar select option{background:#102734;color:#f5efdf}
.mj-tools{position:relative;flex-shrink:0;font:16px Arial,sans-serif}.mj-tools summary{list-style:none;min-height:44px;box-sizing:border-box;display:flex;align-items:center;padding:8px 14px 8px 42px;border:1px solid #416983;border-radius:12px;background:#102734 url('/assets/navigation/07_dropdown_menu_button-01.png') no-repeat left 5px center;background-size:30px;color:#f5efdf;cursor:pointer}.mj-tools summary::-webkit-details-marker{display:none}.mj-tools[open]>summary{border-color:#c6a769}.mj-tools-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:280px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:#14222e;border:1px solid #416983;border-radius:14px;box-shadow:0 8px 22px #0008;z-index:40;max-height:45dvh;overflow:auto;color:#f5efdf}.mj-tools:not([open])>.mj-tools-panel{display:none}.mj-tools-panel label{display:flex!important;justify-content:space-between;align-items:center;gap:8px;width:100%;font:15px Arial!important}.mj-tools-panel select{width:180px}
.book-reader.is-immersive .mj-tools-panel{top:auto;bottom:calc(100% + 8px)}
#certificate-viewer .certificate-toolbar{flex-wrap:nowrap;gap:6px;position:relative;z-index:2}#certificate-viewer .certificate-toolbar h2{font-size:18px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:start;flex:1;margin:0}#certificate-page{min-width:80px;text-align:center;direction:rtl;font-size:17px}#certificate-stage{margin:8px 0}.viewer-work .work-actions{gap:10px;margin:0}.viewer-work{max-height:22dvh;overflow:auto}
.collection-section [data-like]>span:first-child{display:inline-block;width:35px;height:35px;font-size:0!important;vertical-align:middle;background:url('/assets/navigation/09_love_button-01.png') center/contain no-repeat}.collection-section [data-like][aria-pressed=true]>span:first-child{background-image:url('/assets/navigation/10_love_button_click-02.png')}.viewer-work [data-like]>span:first-child{display:inline-block;width:35px;height:35px;font-size:0!important;vertical-align:middle;background:url('/assets/navigation/09_love_button-01.png') center/contain no-repeat}.viewer-work [data-like][aria-pressed=true]>span:first-child{background-image:url('/assets/navigation/10_love_button_click-02.png')}
.collection-section [data-photo-share]::before,.collection-section #collection-share::before,.certificate-detail #collection-share::before,.viewer-work [data-photo-share]::before{content:'';display:inline-block;width:35px;height:35px;margin-inline-end:6px;vertical-align:middle;mask:none!important;background:url('/assets/navigation/08_share_button-01.png') center/contain no-repeat!important}
.excerpt-site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;padding:20px 12px}.excerpt-site-nav a{color:#f7a617;text-decoration:none}.excerpt-site-nav a[aria-current]{border-bottom:2px solid #b88a40}.book-reader .breadcrumbs{color:#c3b69e}.book-reader .breadcrumbs a{color:inherit}.book-reader>h1{color:#f1eadc}
@media(min-width:901px){.mj-tools-panel{width:320px}.book-toolbar .mj-tools{margin-inline-start:6px}}
@media(max-width:600px){.book-toolbar{display:flex;flex-direction:column;gap:6px;padding:8px 4px}.mj-reader-navigation{width:100%}.mj-reader-navigation>label{flex:1;max-width:280px}.mj-reader-navigation select{width:100%}.mj-reader-secondary{width:100%}.book-reader.is-immersive .book-toolbar{width:calc(100% - 28px);box-sizing:border-box}.mj-tools-panel{inset-inline-end:50%;transform:translateX(-50%);width:280px}#certificate-viewer .certificate-toolbar:first-child{display:grid;grid-template-columns:1fr auto auto;gap:4px}#certificate-viewer .certificate-toolbar h2{grid-column:1/-1;font-size:16px;text-align:center;white-space:normal;max-height:3em;overflow:auto}#certificate-viewer .certificate-toolbar .mj-tools{justify-self:start}#certificate-viewer .mj-tools-panel{transform:none;inset-inline-start:0;inset-inline-end:auto}.excerpt-site-nav{font-size:22px;gap:10px 20px}}
@media(min-width:901px){.mj-tools{display:block}.mj-tools>summary{display:none}.mj-tools>.mj-tools-panel{display:flex!important;position:static;transform:none;width:auto;max-width:none;max-height:none;padding:0;border:0;background:transparent;box-shadow:none;flex-wrap:nowrap}.mj-tools-panel label{width:auto}.mj-tools-panel select{width:150px}.book-toolbar .mj-reader-secondary{gap:12px}#certificate-viewer .mj-tools{order:0}#certificate-viewer .mj-tools-panel{gap:4px}}
/* v2: shared sizing, RTL toolbar and aligned interaction rows */
#certificate-viewer .certificate-toolbar:first-child{display:flex;flex-wrap:nowrap;direction:rtl;gap:8px}#certificate-viewer .certificate-toolbar:first-child h2{text-align:end;margin-inline-start:16px}#certificate-viewer .certificate-toolbar:first-child .mj-tools{order:0}
#certificate-viewer .certificate-toolbar:has(#certificate-page),#certificate-viewer .viewer-work{width:min(100%,320px);box-sizing:border-box;margin-inline:auto}#certificate-viewer .certificate-toolbar:has(#certificate-page){justify-content:space-between}#certificate-viewer .viewer-work{padding:0}.viewer-work .work-actions{justify-content:space-between;gap:4px}.viewer-work .work-actions>[data-work-status]:empty{display:none}
.collection-section [data-like],.viewer-work [data-like],.collection-section [data-photo-share],.viewer-work [data-photo-share],.collection-section #collection-share,.certificate-detail #collection-share{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:20px/1.3 BookArabic,Arial,sans-serif!important;min-height:48px;box-sizing:border-box;padding:5px 9px!important;border:0!important;border-radius:10px;background:transparent!important;color:inherit;vertical-align:middle;cursor:pointer;transition:background-color .18s,filter .18s}
.collection-section [data-like]>span:first-child,.viewer-work [data-like]>span:first-child,.collection-section [data-photo-share]::before,.viewer-work [data-photo-share]::before,.collection-section #collection-share::before,.certificate-detail #collection-share::before{width:35px!important;height:35px!important;min-width:35px!important;flex:0 0 35px!important;margin:0!important;background-size:contain!important}
.collection-section [data-like]:hover,.viewer-work [data-like]:hover,.collection-section [data-photo-share]:hover,.viewer-work [data-photo-share]:hover,.collection-section #collection-share:hover,.certificate-detail #collection-share:hover{filter:brightness(1.2);background-color:#42759024!important}
.collection-section [data-like]:active,.viewer-work [data-like]:active,.collection-section [data-photo-share]:active,.viewer-work [data-photo-share]:active,.collection-section #collection-share:active,.certificate-detail #collection-share:active{filter:brightness(.85)}
.work-actions>[data-work-status]:not(:empty),.work-actions>#collection-copy-status:not(:empty),.work-actions>#collection-share-options{flex-basis:100%}.work-actions>#collection-share-options[hidden]{display:none!important}
.book-toolbar{column-gap:26px;row-gap:16px;padding:14px 10px;align-items:end}.mj-reader-navigation,.mj-reader-secondary{gap:12px;align-items:end}.mj-tools-panel{overflow:visible}.mj-field{position:relative;min-width:0;font-family:BookArabic,Arial,sans-serif;text-align:right}.mj-field-title{display:block;color:#d8cdb6;font:18px/1.25 BookArabic,Arial,sans-serif;margin:0 6px 5px}.mj-reader-navigation>.mj-field{width:clamp(150px,23vw,260px)}
.book-toolbar .mj-select-button{display:block;width:100%;min-height:46px;padding:8px 14px 8px 45px;border:1px solid #4b7186;border-radius:12px;background:#102734 url('/assets/navigation/07_dropdown_menu_button-01.png') no-repeat left 7px center;background-size:30px;color:#f5efdf;text-align:right;font:21px/1.25 BookArabic,Arial,sans-serif;white-space:nowrap;cursor:pointer}.book-toolbar .mj-select-button:hover{background-color:#18394a;border-color:#7a9eb2}.book-toolbar .mj-select-button:focus-visible{outline:2px solid #cba65d;outline-offset:3px}.book-toolbar .mj-open>.mj-select-button{border-color:#cba65d}
.mj-options{position:absolute;top:calc(100% + 6px);inset-inline-end:0;min-width:100%;width:max-content;max-width:calc(100vw - 32px);max-height:min(280px,40dvh);overflow:auto;overscroll-behavior:contain;background:#112936;border:1px solid #4b7186;border-radius:12px;padding:5px;box-sizing:border-box;box-shadow:0 8px 24px #0009;z-index:80}.mj-options[hidden]{display:none!important}.mj-up>.mj-options{top:auto;bottom:calc(100% + 6px)}.book-toolbar .mj-options button{display:block;width:100%;border:0;border-radius:7px;background:transparent;color:#f5efdf;text-align:right;font:21px/1.4 BookArabic,Arial,sans-serif;min-height:44px;padding:6px 12px 6px 34px;position:relative;white-space:nowrap}.book-toolbar .mj-options .mj-selected{background:#214b62}.mj-options .mj-selected::after{content:'✓';position:absolute;left:10px;color:#efc778}.book-toolbar .mj-options button:hover,.book-toolbar .mj-options button:focus-visible{background:#34647d;outline:2px solid #a1c5d5;outline-offset:-2px}.book-toolbar .mj-options button:disabled{opacity:.4}
.book-reader:not(.is-immersive) #book-viewport{overscroll-behavior:auto;touch-action:pan-y pinch-zoom}.book-reader:not([data-zoomed=true]) #book-viewport{overflow:hidden}.book-reader:not([data-zoomed=true]) #flipbook,.book-reader:not([data-zoomed=true]) #flipbook .stf__block{touch-action:pan-y pinch-zoom!important}.book-reader[data-zoomed=true] #book-viewport,.book-reader[data-zoomed=true] #flipbook,.book-reader[data-zoomed=true] #flipbook .stf__block{touch-action:pan-x pan-y pinch-zoom!important}.book-reader.is-immersive #book-viewport{overscroll-behavior:contain}
@media(min-width:901px){.mj-tools-panel{gap:14px;align-items:end}.mj-tools-panel>.mj-field{width:150px}.book-toolbar .mj-reader-secondary{gap:18px}}
@media(max-width:900px){.mj-tools-panel{overflow:visible;max-height:none}.mj-tools-panel>.mj-field{width:100%}.mj-tools-panel .mj-options{width:100%;max-height:24dvh}.book-reader.is-immersive .mj-tools-panel .mj-options{top:auto;bottom:100%}}
@media(max-width:600px){#certificate-viewer .certificate-toolbar:first-child{display:grid;grid-template-columns:auto auto 1fr;gap:6px}#certificate-viewer .certificate-toolbar:first-child h2{grid-column:1/-1;grid-row:2;text-align:center;margin:0;font-size:16px}#certificate-viewer .certificate-toolbar:first-child .mj-tools{justify-self:start}.book-toolbar{padding:10px 12px;gap:10px}.mj-reader-navigation{gap:8px;align-items:end}.mj-reader-navigation>.mj-field{flex:1;width:auto;max-width:230px}.mj-reader-secondary{gap:12px}.mj-field-title{font-size:16px}.book-toolbar .mj-select-button{min-height:44px;font-size:20px}.mj-tools summary{font:20px/1.2 BookArabic,Arial,sans-serif}.book-reader>.breadcrumbs{margin-block:12px}.book-reader>h1{margin-block:12px}}
@media(prefers-reduced-motion:reduce){.work-actions button{transition:none!important}}
/* v3: compact labels, centered actions and the approved navigation skin. */
.mj-field-title{display:none}.book-toolbar,.mj-reader-navigation,.mj-reader-secondary,.mj-tools-panel{align-items:center}
@media(min-width:901px){.mj-reader-navigation>.mj-field{width:210px}.mj-tools-panel>.mj-field{width:205px}.book-toolbar{gap:14px}.book-toolbar .mj-reader-secondary{gap:10px}.book-toolbar .mj-select-button{font-size:20px}}
.collection-section .work-actions,.viewer-work .work-actions{justify-content:center;gap:8px 20px}.work-actions>[data-work-status]:empty,.work-actions>#collection-copy-status:empty{display:none}
.mj-item-share{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:18px auto 28px}.mj-item-share>#collection-share-options,.mj-item-share>#collection-copy-status:not(:empty){flex-basis:100%;text-align:center}
#certificate-stage{display:flex;align-items:safe center;justify-content:safe center}#certificate-full-image{flex:none;margin:auto}
.mj-main-button{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;min-width:140px;max-width:100%;padding:7px 28px!important;border:0!important;border-radius:30px!important;background:transparent!important;border-image:url('/assets/navigation/12_main_button-02.png') 0 40 fill / 0 24px / 0 stretch!important;color:#fff4db!important;text-shadow:0 1px 2px #000;font:22px/1.4 BookArabic,Arial,sans-serif!important;text-align:center;text-decoration:none!important;cursor:pointer;transition:filter .18s,transform .18s}
.mj-main-button[aria-current],.mj-main-button[aria-pressed=true]{filter:brightness(1.25);outline:2px solid #caa85f;outline-offset:2px}
.mj-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:24px auto;direction:rtl}.mj-pagination .mj-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:2px!important;border:0!important;background:transparent!important;border-radius:50%;box-sizing:border-box}.mj-pagination>span{min-width:90px;text-align:center}
:is(.collection-section,.certificate-collection) :is(button,a,summary):focus-visible,.mj-item-share :is(button,a):focus-visible{outline:2px solid #c49a50;outline-offset:3px}
@media(hover:hover){
 .mj-main-button:hover{filter:brightness(1.25);transform:translateY(-1px)}
 :is(.book-reader,#certificate-viewer) :is(button,summary):not(:disabled):hover{filter:brightness(1.2)}
 :is(.collection-section,.certificate-collection) :is(button,a,summary):not(:disabled):hover,.mj-item-share :is(button,a):hover{filter:brightness(1.15)}
 :is(.collection-section,.certificate-collection) :is(button,a,summary):not(.certificate-open):not(.collection-card-link):hover{text-decoration:none;box-shadow:0 2px 9px #2c65852a}
 .mj-pagination .mj-icon:hover img{filter:brightness(1.2)}
}
:is(.book-reader,#certificate-viewer,.collection-section,.certificate-collection) :is(button,summary):not(:disabled):active,.mj-main-button:active{filter:brightness(.85)}
@media(max-width:600px){
 .book-toolbar .mj-icon,.certificate-toolbar .mj-icon,.mj-pagination .mj-icon{width:44px;height:44px;min-width:44px;min-height:44px;padding:4px!important}
 .mj-icon img{width:32px;height:32px}
 .book-toolbar .mj-select-button,.mj-tools summary{font-size:18px;min-height:44px;padding:7px 12px 7px 38px;background-size:26px}
 .mj-reader-navigation>.mj-field{max-width:220px}.book-toolbar{gap:6px;padding:8px}.mj-reader-secondary{gap:8px}
 #certificate-viewer .certificate-toolbar:first-child{grid-template-columns:auto auto auto;justify-content:center;gap:4px}
 #certificate-viewer .certificate-toolbar:first-child h2{font-size:15px;line-height:1.4;max-height:2.8em;margin:2px 0}
 #certificate-viewer .certificate-toolbar:has(#certificate-page),#certificate-viewer .viewer-work{width:min(100%,300px)}
 .collection-section [data-like],.viewer-work [data-like],.collection-section [data-photo-share],.viewer-work [data-photo-share],.collection-section #collection-share,.certificate-detail #collection-share{font-size:18px!important;gap:5px;padding:4px!important;min-height:44px}
 .collection-section [data-like]>span:first-child,.viewer-work [data-like]>span:first-child,.collection-section [data-photo-share]::before,.viewer-work [data-photo-share]::before,.collection-section #collection-share::before,.certificate-detail #collection-share::before{width:28px!important;height:28px!important;min-width:28px!important;flex-basis:28px!important}
 .viewer-work .work-actions{gap:6px 12px}.mj-main-button{font-size:19px!important;min-height:44px;min-width:120px;padding:7px 22px!important}.collection-detail-nav{gap:12px;margin:20px 0}
}
@media(prefers-reduced-motion:reduce){.mj-main-button{transition:none}.mj-main-button:hover{transform:none}}
/* v4: keep the mobile tools panel inside the viewport and gestures in the image. */
#certificate-stage{touch-action:none}
@media(max-width:900px){#certificate-viewer .certificate-toolbar:first-child{position:relative}#certificate-viewer .certificate-toolbar:first-child>.mj-tools{position:static}#certificate-viewer .certificate-toolbar:first-child .mj-tools-panel{position:absolute;top:calc(100% + 6px);inset-inline-start:auto;inset-inline-end:auto;left:50%;right:auto;transform:translateX(-50%);width:240px;max-width:calc(100vw - 40px)}}
.collection-section[data-filter-loading=true] .collection-filters{cursor:progress}.collection-section[data-filter-loading=true] .collection-filters a{opacity:.65}

/* Reserve the counter slot so liking cannot shift the adjacent share action. */
.work-actions [data-like-count]{display:inline-block;width:3ch;min-width:3ch;flex:0 0 3ch;text-align:center;font-variant-numeric:tabular-nums}