/* Page photo: a mosque or dome photograph stands at the right edge of the page and fades toward the
   reading column. Each page chooses its own photo with --page-photo on <body>. Content stays on the
   page background; cards and tiles keep their own solid surfaces. */
:root { --page-photo-op: .4; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --page-photo-op: .26; } }
:root[data-theme="dark"] { --page-photo-op: .26; }
body { position: relative; isolation: isolate; background-color: var(--bg); }
.page-photo { position: fixed; z-index: -1; top: 0; right: 0; bottom: 0; width: min(46vw, 620px); pointer-events: none;
  background: var(--page-photo, none) center top / cover no-repeat; opacity: var(--page-photo-op); filter: saturate(.85);
  -webkit-mask: linear-gradient(90deg, transparent 0, #000 70%); mask: linear-gradient(90deg, transparent 0, #000 70%); }
/* Phones: the photo moves behind the top of the page only, so it never sits under long text. */
@media (max-width: 760px) {
  .page-photo { position: absolute; left: 0; width: auto; bottom: auto; height: 420px; background-position: center 20%;
    -webkit-mask: linear-gradient(#000 0, transparent 100%); mask: linear-gradient(#000 0, transparent 100%); }
}
@media print { .page-photo { display: none; } }
/* Muted ceramic and warm brick tones follow the selected book photograph. */
body[data-book="saymari"]{--book-brick-top:#c9b68e;--book-brick-bottom:#b69a6e;--book-wash:#ded1b5;--book-glaze-deep:#173c59;--book-glaze-mid:#35647a;--book-glaze-light:#7a9fa7}
body[data-book="zaranjari"]{--book-brick-top:#cbbda2;--book-brick-bottom:#ac987b;--book-wash:#ded6c5;--book-glaze-deep:#18515a;--book-glaze-mid:#397b80;--book-glaze-light:#8aada7}
body[data-book] .gb-tile,body[data-book] .gb-drum{background:var(--gb-brick) top left/36px 18px,linear-gradient(var(--book-brick-top),var(--book-brick-bottom));box-shadow:inset 0 0 0 1px #ffffff35,0 2px 0 #927b55,0 16px 28px -22px #3c280a90}
body[data-book] .gb-body{background:linear-gradient(color-mix(in srgb,var(--book-wash) 90%,transparent),color-mix(in srgb,var(--book-wash) 96%,transparent))}
body[data-book] .gb-drum .in{background:linear-gradient(90deg,#0000000a,color-mix(in srgb,var(--book-wash) 88%,transparent) 18%,color-mix(in srgb,var(--book-wash) 88%,transparent) 82%,#0000000a)}
body[data-book] .gb-tile:not(.amber) .gb-cap{background:linear-gradient(#ffffff14,#00000018),repeating-linear-gradient(90deg,var(--book-glaze-deep) 0 2px,var(--book-glaze-mid) 5px,var(--book-glaze-light) 9px,var(--book-glaze-mid) 13px,var(--book-glaze-deep) 18px)}
body[data-book="sabadhmuni"]{--book-brick-top:#c4b292;--book-brick-bottom:#a48b69;--book-wash:#d9ccb4;--book-glaze-deep:#214c54;--book-glaze-mid:#46777b;--book-glaze-light:#8fa8a0}
/* Keep the book photograph visible while scrolling on mobile too. */
@media(max-width:760px){
 .page-photo{position:fixed;inset:0 0 0 auto;width:100%;height:auto;background-position:65% top;opacity:calc(var(--page-photo-op) * .65);-webkit-mask:linear-gradient(90deg,transparent 0,#000 85%);mask:linear-gradient(90deg,transparent 0,#000 85%)}
}
/* Al-Sabadhmūnī’s burgundy identity follows through the book and its volumes. */
body[data-book="sabadhmuni"]{--book-glaze-deep:#572332;--book-glaze-mid:#814052;--book-glaze-light:#b58088}
body[data-book="sabadhmuni"] .gb-drum::before,body[data-book="sabadhmuni"] .gb-drum::after,body[data-book="sabadhmuni"] .gb-cap::after{background-color:#572332;background-blend-mode:luminosity}
body[data-book="sabadhmuni"] .gb-drum .ar{color:#713548}