.bk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.bk-cover{aspect-ratio:3/4;padding:12px;background:radial-gradient(circle at 50% 30%,#ffffff12,transparent 60%),var(--panel2);border-bottom:3px solid var(--gold);display:flex}
.bk-cover.bk-q{background-color:#123d31}.bk-cover.bk-v{background-color:var(--emerald,#1f6b52)}.bk-cover.bk-r{background-color:var(--purple2,#5E1520)}.bk-cover.bk-a{background-color:#0f3329}.bk-cover.bk-f{background-color:#3a2a10}
.bk-frame{flex:1;border:2px solid var(--gold);outline:1px solid var(--line);outline-offset:-7px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 12px;text-align:center}
.bk-ty{font-size:.75rem;font-weight:700;color:var(--accent-ink);background:var(--gold);padding:2px 12px;border-radius:99px}
.bk-orn{color:var(--gold);font-size:.9rem}
.bk-t{font-family:'Amiri','Noto Naskh Arabic',serif;color:var(--title);font-size:1.25rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.bk-a{font-family:'Amiri','Noto Naskh Arabic',serif;color:var(--ink2);font-size:.8rem}
.bk-cover.big{border-radius:var(--r);border:1px solid var(--line);box-shadow:var(--shadow)}.bk-cover.big .bk-t{font-size:1.6rem}
.bk-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.bk-card .sc-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:.85rem;margin-top:auto}
.bk-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.bk-tab{cursor:pointer;font-family:inherit}.bk-tab.on{background:var(--gold);color:var(--accent-ink);border-color:var(--gold)}
.bk-detail{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start;margin-bottom:26px}
.bk-side{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.bk-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.bk-facts div{background:var(--chip);border:1px solid var(--line2);border-radius:12px;padding:8px 10px}
.bk-facts dt{color:var(--muted);font-size:.78rem}.bk-facts dd{margin:2px 0 0;font-weight:700;color:var(--ink)}
.bk-actions{display:flex;flex-wrap:wrap;gap:8px}.bk-actions .btn{flex:1;justify-content:center;text-align:center}
.bk-reader{margin-bottom:22px}.bk-reader iframe{width:100%;height:78vh;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.bk-page{background:#f6efdc;border-radius:var(--r);padding:22px;box-shadow:var(--shadow);max-width:560px;margin:0 auto}
.bk-page-in{border:3px double #a8803a;border-radius:8px;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:30px;color:#2a2214;font-family:'Amiri','Noto Naskh Arabic',serif}
.bk-page-in .bk-orn{color:#8e6a2c;font-size:1.1rem}.bk-page-in b{font-size:1.9rem;line-height:1.6;color:#123d31}.bk-page-in strong{font-size:1.3rem;color:#5E1520}.bk-page-in em{font-style:normal;font-size:.95rem;color:#5b4b2c}
.bk-note{color:var(--muted);font-size:.85rem;text-align:center;margin:10px 0 0}
.bk-rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bk-home{margin:26px 0}
@media (max-width:900px){.bk-detail{grid-template-columns:1fr}.bk-side{position:static}.bk-cover.big{max-width:260px;margin:0 auto;width:100%}.bk-grid{grid-template-columns:repeat(2,1fr);gap:12px}.bk-t{font-size:1rem}.bk-card .sc-meta{flex-direction:column;gap:2px}.bk-page-in{min-height:300px}.bk-page-in b{font-size:1.4rem}}
/* match the live cream theme: same surface as .series-card */
html body #app .bk-detail>.bk-side.panel,html body #app .bk-detail>.bk-main.panel{background:rgb(247,239,221)!important;background-image:none!important;border:1px solid rgb(247,217,138)!important;border-radius:16px;color:rgb(11,31,53)}
.bk-t{color:#f3d58b}.bk-a{color:#efe6cf}.bk-ty{color:#1a1206;background:#e0b862}.bk-orn{color:#e0b862}.bk-frame{border-color:#e0b862}
.bk-facts div{background:rgb(242,231,209);border-color:rgba(154,110,36,.2)}.bk-facts dt{color:#6b5a3a}.bk-facts dd{color:rgb(11,31,53)}
.bk-note{color:#6b5a3a}
@media (max-width:900px){#bk-results .grid.bk-grid,.bk-home .grid.bk-grid,.bk-detail~section .grid.bk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* image covers */
.bk-cover.bk-img{padding:14px 10px 10px;background:linear-gradient(180deg,#efe3c8,#e6d6b3);display:flex;align-items:center;justify-content:center}
.bk-cover.bk-img img{max-width:100%;height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 8px 14px #3a250f40)}
.bk-cover.big.bk-img{padding:18px;aspect-ratio:735/1115;height:auto;background:radial-gradient(circle at 50% 40%,#f7efdd,#e9dbbd)}
.bk-cover.big.bk-img img{width:100%;height:auto}
/* reader */
.bk-rd{display:flex;flex-direction:column;gap:12px;margin-bottom:22px}
.bk-rd-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.bk-rd-bar h2{margin:0}.bk-rd-bar p{margin:4px 0 0;opacity:.8}
.bk-rd-tools{display:flex;gap:8px}
.bk-rd-stage{position:relative;min-height:70vh;height:70vh;border-radius:16px;border:1px solid #c9a35a66;background:radial-gradient(circle at 50% 0,#fbf6ea,#efe4cb);box-shadow:inset 0 0 0 6px #fffaf0aa,0 10px 30px #3a250f14;padding:clamp(8px,1.5vw,16px);display:flex;justify-content:center;overflow:hidden}
.bk-rd-host{width:100%;max-width:100%;height:100%;display:flex;justify-content:stretch;align-items:stretch}
.bk-rd-host.bk-pdf{max-width:900px;flex-direction:column;gap:14px}
.bk-pg{background:#fff;min-height:400px;box-shadow:0 4px 18px #0002;border-radius:4px}.bk-pg canvas{width:100%;display:block}
.bk-tg{width:100%;height:100%;min-height:70vh;border:0;border-radius:12px;background:#fff;color-scheme:light;flex:1}
.bk-rd-load,.bk-rd-fail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#6b4a22;font-weight:600;padding:20px}
.bk-rd-load[hidden],.bk-rd-fail[hidden],.bk-rd-host[hidden]{display:none}
.bk-rd-fail{background:#fbf6ea}.bk-rd-fail p{margin:0;font-weight:400}
.bk-spin{width:38px;height:38px;border-radius:50%;border:3px solid #c9a35a44;border-top-color:#b8862f;animation:bkspin .9s linear infinite}
@keyframes bkspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.bk-spin{animation-duration:3s}}
.bk-detail.bk-wide{grid-template-columns:1fr!important}.bk-detail.bk-wide>.bk-side{display:none}
.bk-rd:fullscreen,.bk-rd.bk-fs{position:fixed;inset:0;z-index:9999;margin:0;background:#f4ead4;padding:16px;overflow:auto}
.bk-rd:fullscreen .bk-rd-stage,.bk-rd.bk-fs .bk-rd-stage{flex:1}
@media (max-width:640px){.bk-rd-tools .btn{padding-inline:10px}.bk-rd-stage{border-radius:12px;padding:8px}}

.bk-detail.bk-wide .bk-rd-stage{min-height:78vh;height:78vh}
.bk-rd:fullscreen .bk-tg,.bk-rd.bk-fs .bk-tg{min-height:calc(100vh - 120px);height:calc(100vh - 120px)}
.bk-rd-host.bk-pdf{max-width:920px;margin:0 auto;overflow:auto;height:100%;align-content:start}

.bk-facts .bk-ven{grid-column:1/-1}.bk-facts .bk-ven a{color:inherit;text-decoration:underline dotted}
.bk-ven-line{display:block;margin-top:6px;font-weight:600}.bk-ven-line a{color:inherit;text-decoration:underline dotted}
/* PDF reader v2 */
.pv-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border:1px solid #c9a35a55;border-radius:14px;background:linear-gradient(#fffaf0,#f6ecd6);position:sticky;top:0;z-index:5}
.pv-g{display:flex;align-items:center;gap:4px}
.pv-b{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:10px;border:1px solid #c9a35a66;background:#fff;color:#6b4a22;cursor:pointer;font:inherit;font-weight:700}
.pv-b:hover,.pv-b[aria-pressed=true]{background:#c9a35a;color:#fff}
.pv-pg{display:flex;align-items:center;gap:6px;font-weight:600;color:#6b4a22}.pv-pg input{width:64px;height:34px;text-align:center;border:1px solid #c9a35a88;border-radius:8px;font:inherit}
.pv-z{min-width:48px;text-align:center;font-size:.85rem;color:#6b4a22}
.pv-s input{width:min(200px,40vw);height:34px;border:1px solid #c9a35a88;border-radius:8px;padding:0 8px;font:inherit}.pv-sr{font-size:.8rem;min-width:34px;color:#6b4a22}
.bk-rd[data-mode=pdf] .bk-rd-stage{height:82vh;padding:0;gap:0}
.bk-rd-host.bk-pdf{max-width:none;overflow:auto;align-items:flex-start;padding:12px;scroll-behavior:auto;overscroll-behavior:contain;touch-action:pan-x pan-y}
.bk-pdf .bk-pg{position:relative;flex:none;min-height:0;margin:0 auto;background:#fff}
.bk-pdf .bk-pg canvas{display:block}
.pv-prog{width:min(320px,70%);height:6px;border-radius:6px;background:#c9a35a33;overflow:hidden}.pv-prog i{display:block;height:100%;width:0;background:#c9a35a;transition:width .2s}
.pv-side{flex:none;width:220px;border-inline-end:1px solid #c9a35a55;background:#fffaf0;overflow:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.pv-side[hidden]{display:none}
.pv-tabs{display:flex;gap:6px}.pv-toc ul{list-style:none;margin:0;padding-inline-start:10px}.pv-toc>ul{padding:0}.pv-toc button{all:unset;cursor:pointer;display:block;padding:4px 2px;font-size:.88rem;line-height:1.5;color:#4a3214}.pv-toc button:hover{color:#a37a2c;text-decoration:underline}
.pv-th{display:grid;gap:10px;justify-items:center}.pv-th[hidden],.pv-toc[hidden]{display:none}.pv-th button{width:120px;border:2px solid transparent;border-radius:6px;background:#fff;padding:0;cursor:pointer;position:relative;box-shadow:0 2px 8px #0002}.pv-th button.on{border-color:#c9a35a}.pv-th canvas{width:100%;display:block}.pv-th span{position:absolute;bottom:2px;inset-inline:0;text-align:center;font-size:.75rem;color:#6b4a22}
.pv-empty{font-size:.85rem;opacity:.75}
.textLayer{position:absolute;text-align:initial;inset:0;overflow:clip;opacity:1;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:0}
.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}
.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1}
.textLayer span.markedContent{top:0;height:0}
.textLayer ::selection{background:rgba(201,163,90,.4)}
.textLayer br::selection{background:transparent}
.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:0;cursor:default;user-select:none}
.textLayer.selecting .endOfContent{top:0}
.textLayer .pv-hl{background:rgba(255,200,0,.45);border-radius:3px}
.pv-dark .bk-rd-stage{background:#1d1a16}.pv-dark .bk-pg,.pv-dark .pv-th button{background:#222}.pv-dark .bk-pg canvas,.pv-dark .pv-th canvas{filter:invert(.92) hue-rotate(180deg)}
.pv-dark .pv-side{background:#26221c;color:#eee}.pv-dark .pv-toc button{color:#e8dcc4}
.bk-rd:fullscreen{background:#f6ecd6;padding:10px;overflow:auto}.bk-rd:fullscreen .bk-rd-stage{height:calc(100vh - 80px)}
.bk-rd.bk-fs[data-mode=pdf] .bk-rd-stage{height:calc(100vh - 90px)}
@media (max-width:760px){.pv-bar{gap:6px;padding:6px}.pv-b{min-width:32px;height:32px}.pv-t,.pv-z{display:none}.pv-s{order:9;width:100%}.pv-s input{flex:1;width:auto}.pv-side{position:absolute;inset-block:0;inset-inline-start:0;z-index:4;box-shadow:0 0 20px #0004}.bk-rd[data-mode=pdf] .bk-rd-stage{height:78vh}.bk-rd-host.bk-pdf{padding:6px}}
/* focus mode */
.pv-fbtn span{font-size:.85rem;margin-inline-start:4px}
body.bk-focus{overflow:hidden}
.bk-rd.pv-focus{position:fixed;inset:0;z-index:9000;margin:0;padding:8px;background:#f3e9d2;display:flex;flex-direction:column;gap:6px}
.pv-focus .bk-rd-bar,.pv-focus .bk-note{display:none}
.pv-focus .pv-bar{transition:opacity .3s,transform .3s}
.pv-focus.pv-idle .pv-bar{opacity:0;transform:translateY(-110%);pointer-events:none}
.pv-focus .bk-rd-stage{flex:1;height:auto!important;min-height:0;border-radius:10px}
.pv-exit{position:fixed;bottom:18px;inset-inline-start:50%;transform:translateX(50%);z-index:9002;border:0;border-radius:999px;padding:10px 20px;background:#6b4a22;color:#fff;font:inherit;font-weight:700;box-shadow:0 6px 20px #0005;cursor:pointer;transition:opacity .3s}
.pv-exit[hidden]{display:none}.pv-exit small{opacity:.75;font-weight:400}
.pv-focus.pv-idle .pv-exit{opacity:0;pointer-events:none}
.pv-focus.pv-dark{background:#14120f}
body.bk-focus .fx-sel,body.bk-focus #toast,body.bk-focus .fx-modal{z-index:9500!important}
@media (max-width:760px){.pv-fbtn span{display:none}.pv-exit{bottom:12px;padding:9px 16px}}
#rx .rx-exit{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10001;border:0;border-radius:999px;padding:10px 20px;background:#6b4a22;color:#fff;font:inherit;font-weight:700;box-shadow:0 6px 20px #0005;cursor:pointer;transition:opacity .3s}
#rx .rx-exit[hidden]{display:none}#rx .rx-exit small{opacity:.75;font-weight:400}
#rx.rx-idle .rx-exit{opacity:0;pointer-events:none}
.bk-rd{overflow-anchor:none}
.bk-pdf .bk-pg:empty{background:linear-gradient(100deg,#fff 40%,#f6eedd 50%,#fff 60%) 0 0/200% 100%;animation:pvsh 1.2s linear infinite}
.bk-pdf .bk-pg:empty::after{content:attr(data-n);position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#c9a35a88;font-weight:700}
@keyframes pvsh{to{background-position:-200% 0}}
.bk-pg canvas[data-lowres]{filter:blur(.4px)}
.pv-dark .bk-pdf .bk-pg:empty{background:#2a2620}