@font-face{font-family:Pirata;src:url(fonts/pirata.woff2) format('woff2');font-display:swap}
@font-face{font-family:Garamond;src:url(fonts/garamond.woff2) format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Garamond;src:url(fonts/garamond-italic.woff2) format('woff2');font-style:italic;font-weight:400 800;font-display:swap}
:root{--bg:#fbf8f2;--bg2:#f3ebe0;--parch:#f3ead6;--parch2:#e9dcc0;--ink:#2a2018;--muted:#7a7166;--gold:#c9a04a;--gold2:#9a7424;--red:#a8432c;--blue:#2c4a86;
--changed:#c0573a;--missing:#2f6fb0;--added:#2e8b57;--numbering:#8a5cb8;--name:#b8862c;--minor:#7a7166;--same:#5f6b5a;--variant:#c43c6a;
--r:12px;--tap:44px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#f3e3c0,var(--bg));color:#3a342c;font:18px/1.55 Garamond,Georgia,serif;min-height:100vh}
button{font:inherit;color:inherit;cursor:pointer}
a{color:var(--gold2)}
h2{font-family:Pirata,serif;font-weight:400;color:var(--gold2);font-size:1.6rem;margin:.2em 0 .5em;letter-spacing:.02em}
h2 small{font:italic .9rem Garamond,serif;color:var(--muted);margin-left:.5em}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:8px 16px;background:rgba(250,244,230,.94);backdrop-filter:blur(8px);border-bottom:1px solid #e8d5a3}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#3a342c}
.brand-seal{width:34px;height:34px}
.brand-t b{display:block;font:400 1.45rem/1 Pirata,serif;color:var(--gold2)}
.brand-t small{font-size:.78rem;color:var(--muted)}
.tabs{display:flex;gap:4px;margin-left:auto}
.tabs button{background:none;border:1px solid transparent;border-radius:999px;padding:6px 14px;min-height:40px;color:#5c5348}
.tabs button.on{border-color:var(--gold);color:var(--gold2);background:rgba(212,166,58,.08)}
.search input,.iq{background:#fffcf7;border:1px solid #e8d5a3;border-radius:999px;color:#3a342c;padding:8px 14px;width:280px;min-height:40px;font:inherit;font-size:1rem}
.iconbtn{background:none;border:1px solid #e8d5a3;border-radius:10px;min-width:var(--tap);min-height:var(--tap);font-size:1.2rem}
.drawer-btn{display:none}
main{padding:14px 18px 40px;max-width:1500px;margin:0 auto}
.view{display:none}.view.on{display:block}
.pagebar{display:flex;align-items:center;gap:12px;justify-content:center;margin:4px 0 10px}
.pageinfo{min-width:220px;text-align:center}.pageinfo b{font:400 1.5rem Pirata,serif;color:var(--gold2)}.pageinfo span{color:#5c5348;display:block;font-size:.95rem}
.nav-btn{width:52px;height:52px;border-radius:50%;border:1px solid #d9c08a;background:#fffcf7;font-size:1.8rem;line-height:1;color:var(--gold2)}
.nav-btn:disabled{opacity:.3}
.seg{display:none;border:1px solid #d9c08a;border-radius:999px;overflow:hidden}
.seg button{background:none;border:0;padding:8px 16px;min-height:var(--tap);color:#5c5348}
.seg button.on{background:var(--gold);color:#1a140e}
.spread{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1300px;margin:0 auto;filter:drop-shadow(0 20px 40px rgba(120,90,40,.25));touch-action:pan-y pinch-zoom}
.pg{margin:0;position:relative;background:var(--parch);aspect-ratio:965/1389;overflow:hidden;cursor:zoom-in}
.pg img{width:100%;height:100%;object-fit:cover;display:block}
.pg-la{border-radius:6px 0 0 6px;box-shadow:inset -18px 0 30px -18px rgba(0,0,0,.45)}
.pg-en{border-radius:0 6px 6px 0;box-shadow:inset 18px 0 30px -18px rgba(0,0,0,.45)}
.pg figcaption{position:absolute;left:8px;bottom:8px;font-size:.75rem;background:rgba(255,252,247,.88);color:#3a342c;padding:2px 8px;border-radius:999px}
.pg .html-page{position:absolute;inset:0;padding:9% 10% 8%;color:var(--ink);background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 8%),var(--parch);overflow:auto;cursor:auto;font-size:clamp(13px,1.15vw,17px);line-height:1.45;column-count:2;column-gap:6%;text-align:justify;hyphens:auto}
.html-page h4{column-span:all;margin:0 0 .6em;font:400 1.4em Pirata,serif;color:var(--red);text-align:center}
.html-page .vn{color:var(--red);font-size:.75em;vertical-align:super;margin-right:2px}
.html-page .cap{column-span:all;font:400 1.1em Pirata,serif;color:var(--red);margin:.4em 0}
.missing-banner{column-span:all;background:#f7e2c7;border:1px dashed var(--red);padding:6px 10px;border-radius:8px;font-style:italic;margin-bottom:.8em;font-size:.9em}
.strip{display:flex;gap:8px;overflow-x:auto;padding:14px 4px 6px;max-width:1300px;margin:6px auto 0;scrollbar-width:thin}
.strip button{flex:0 0 auto;border:2px solid transparent;border-radius:6px;padding:0;background:#fffcf7;width:64px;position:relative}
.strip img{width:100%;display:block;border-radius:4px;opacity:.75}
.strip button.on{border-color:var(--gold)}.strip button.on img{opacity:1}
.strip span{position:absolute;bottom:2px;left:0;right:0;font-size:.65rem;text-align:center;color:#fff;text-shadow:0 1px 2px #000}
.strip .ed::after{content:'✦';position:absolute;top:1px;right:3px;color:var(--gold2);font-size:.7rem}
.below{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;max-width:1300px;margin:22px auto 0}
.verses ol{list-style:none;margin:0;padding:0}
.verse{display:grid;grid-template-columns:58px 1fr var(--tap);gap:10px;align-items:start;padding:10px 10px;border-radius:10px;border:1px solid transparent;cursor:pointer}
.verse:hover,.verse:focus-visible{background:rgba(212,166,58,.06);border-color:#e8d5a3;outline:none}
.verse .ref{font:400 1.05rem Pirata,serif;color:var(--gold2)}
.verse .la{font-style:italic;color:#3a342c}
.verse .en{color:#7a7166;font-size:.92rem}
.verse .cat{display:inline-block;font-size:.72rem;padding:0 8px;border-radius:999px;margin-left:6px;vertical-align:2px;color:#fff}
.cat-changed{background:var(--changed)}.cat-missing{background:var(--missing)}.cat-added{background:var(--added)}.cat-numbering{background:var(--numbering)}.cat-name{background:var(--name)}.cat-minor{background:#c9a04a}.cat-same{background:var(--same)}.cat-variant{background:var(--variant)}
.notes{background:var(--bg2);border:1px solid #e8d5a3;border-radius:var(--r);padding:14px 16px;align-self:start;position:sticky;top:76px}
.notes ul{padding-left:1.1em;margin:.2em 0 .8em;font-size:.95rem}.notes li{margin:.25em 0}
.rue-l{display:block;color:var(--gold2);margin-top:6px}.rue-l small{color:var(--muted)}
textarea{width:100%;background:#fffcf7;color:#3a342c;border:1px solid #e8d5a3;border-radius:10px;padding:10px;font:inherit;font-size:1rem}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:8px 0}
.btn{display:inline-flex;align-items:center;min-height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid var(--gold);background:rgba(212,166,58,.12);color:var(--gold2);text-decoration:none;font-size:.95rem}
.btn.ghost{background:none;border-color:#d9c08a;color:#5c5348}
/* seal: Rue's gold Malachim wax seal */
.seal{position:relative;width:var(--tap);height:var(--tap);min-width:var(--tap);border:0;background:none;padding:2px;border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.seal .wax{width:100%;height:100%;display:block;border-radius:50%;filter:drop-shadow(0 1px 1.5px rgba(58,52,44,.55)) drop-shadow(0 0 0 rgba(243,210,122,0));transition:opacity .3s,filter .3s,transform .3s;user-select:none;-webkit-user-drag:none}
.seal:hover .wax,.seal:focus-visible .wax{filter:drop-shadow(0 1px 1.5px rgba(58,52,44,.55)) drop-shadow(0 0 7px rgba(243,210,122,.6));transform:scale(1.06)}
.seal:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
.seal:active .wax{transform:scale(.96)}
.seal .half{position:absolute;inset:2px;background:center/contain no-repeat;opacity:0;pointer-events:none}
.seal .h1{background-image:url(wax-seal-half-l.png);background-image:image-set(url(wax-seal-half-l.webp) type("image/webp"),url(wax-seal-half-l.png))}
.seal .h2{background-image:url(wax-seal-half-r.png);background-image:image-set(url(wax-seal-half-r.webp) type("image/webp"),url(wax-seal-half-r.png))}
.seal .crack{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);pointer-events:none;opacity:0;overflow:visible}
.seal .crack polyline{fill:none;stroke:#fff3c4;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 2px #9a7424)}
.seal.breaking .wax{animation:sealStrain .46s ease-in forwards}
.seal.breaking .crack{opacity:1}
.seal.breaking .crack polyline{animation:crackDraw .36s .06s ease-in forwards}
.seal.open .wax{opacity:0;transition:none}
.seal.open .h1{opacity:1;animation:splitL .55s cubic-bezier(.2,.7,.3,1) forwards}
.seal.open .h2{opacity:1;animation:splitR .55s cubic-bezier(.2,.7,.3,1) forwards}
.seal.open:hover .half,.seal.open:focus-visible .half{filter:drop-shadow(0 1px 1.5px rgba(58,52,44,.55)) drop-shadow(0 0 6px rgba(243,210,122,.55))}
.seal.resealing .wax{animation:reseal .4s ease-out}
@keyframes sealStrain{0%{transform:none}25%{transform:rotate(-4deg) scale(1.04)}50%{transform:rotate(3deg) scale(1.08)}75%{transform:rotate(-2deg) scale(1.1)}100%{transform:scale(1.12);filter:drop-shadow(0 1px 1.5px rgba(58,52,44,.55)) drop-shadow(0 0 10px rgba(243,210,122,.85)) drop-shadow(0 0 18px rgba(243,210,122,.5))}}
@keyframes crackDraw{to{stroke-dashoffset:0}}
@keyframes splitL{from{transform:none}to{transform:translate(-7px,3px) rotate(-16deg)}}
@keyframes splitR{from{transform:none}to{transform:translate(7px,3px) rotate(16deg)}}
@keyframes reseal{from{transform:scale(.85);opacity:.4}to{transform:none;opacity:1}}
.seal.open .h1{transform:translate(-7px,3px) rotate(-16deg)}
.seal.open .h2{transform:translate(7px,3px) rotate(16deg)}
.wax-ind{width:22px;height:22px;vertical-align:-5px;margin-left:6px;filter:drop-shadow(0 1px 1px rgba(58,52,44,.5))}
.inl{width:1.35em;height:1.35em;vertical-align:-.35em;filter:drop-shadow(0 1px 1px rgba(58,52,44,.5))}
.hidden-notes{grid-column:1/-1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease-out}
.hidden-notes.open{grid-template-rows:1fr}
.hidden-notes>div{overflow:hidden}
.unveil{margin:6px 0 4px;padding:14px 16px;border-radius:12px;background:linear-gradient(180deg,rgba(212,166,58,.12),rgba(212,166,58,.03));border:1px solid rgba(212,166,58,.45);box-shadow:0 0 24px rgba(212,166,58,.12) inset}
.unveil .malachim{display:block;height:48px;margin:0 auto 8px;filter:brightness(0) invert(38%) sepia(70%) saturate(700%) hue-rotate(10deg);opacity:1}
.unveil h5{margin:.6em 0 .2em;font:400 1.05rem Pirata,serif;color:var(--gold2);letter-spacing:.03em}
.unveil p{margin:.2em 0;font-size:.95rem}
.unveil .lbl{font-size:.78rem;color:#e7b98a;font-style:italic}
.unveil blockquote{margin:.3em 0 .5em;padding:.2em .8em;border-left:2px solid var(--gold);color:#5c5348;font-size:.9rem}
.unveil .src{font-size:.75rem;color:var(--muted)}
/* breakdown */
.bd-head .lede,.lede{color:#5c5348;max-width:980px}
.k{padding:0 7px;border-radius:999px;color:#fff;font-size:.85rem;white-space:nowrap}
.k-changed{background:var(--changed)}.k-missing{background:var(--missing)}.k-added{background:var(--added)}.k-numbering{background:var(--numbering)}.k-name{background:var(--name)}.k-minor{background:#c9a04a}.k-same{background:var(--same)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.chip{min-height:var(--tap);border-radius:999px;padding:0 14px;border:1px solid #d9c08a;background:#fffcf7;color:#5c5348;display:inline-flex;align-items:center;gap:8px}
.chip i{width:10px;height:10px;border-radius:50%;display:inline-block}
.chip.on{color:#fff;border-color:currentColor;background:#f7efe2}
.chip b{font-weight:600;color:var(--gold2)}
select{background:#fffcf7;color:#3a342c;border:1px solid #e8d5a3;border-radius:10px;min-height:40px;font:inherit;padding:0 8px}
.chk{display:inline-flex;gap:8px;align-items:center;min-height:var(--tap)}
.chk input{width:22px;height:22px}
.counts{overflow-x:auto;margin:10px 0 16px}
.counts table{border-collapse:collapse;font-size:.85rem;min-width:100%}
.counts th,.counts td{padding:4px 8px;border-bottom:1px solid #f3ebe0;text-align:right}
.counts th:first-child,.counts td:first-child{text-align:left}
.counts tr.tot td{font-weight:700;color:var(--gold2)}
.counts tr{cursor:pointer}.counts tbody tr:hover{background:#fffaf1}
.bar{display:flex;height:8px;border-radius:4px;overflow:hidden;min-width:120px;background:#f7efe2}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.card{background:var(--bg2);border:1px solid #e8d5a3;border-left:5px solid var(--minor);border-radius:12px;padding:12px 14px}
.card.c-changed{border-left-color:var(--changed)}.card.c-missing{border-left-color:var(--missing)}.card.c-added{border-left-color:var(--added)}.card.c-numbering{border-left-color:var(--numbering)}.card.c-name{border-left-color:var(--name)}.card.c-same{border-left-color:var(--same)}
.card h4{margin:0 0 4px;font:400 1.15rem Pirata,serif;color:var(--gold2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.card h4 a{font:italic .8rem Garamond,serif;color:var(--muted);margin-left:auto}
.card .expl{font-size:.92rem;color:#3a342c;margin:.2em 0 .4em}
.diff{font-size:.9rem;color:#5c5348}
.diff del{background:rgba(192,87,58,.25);color:#f1b5a0;text-decoration:line-through}
.diff ins{background:rgba(46,139,87,.25);color:#a8e3bf;text-decoration:none}
.more{margin-top:14px;text-align:center}
/* index */
.iq{width:100%;max-width:640px;margin-bottom:12px}
.idx-book{border-bottom:1px solid #f3ebe0;padding:8px 0}
.idx-book>summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;gap:10px;font:400 1.15rem Pirata,serif;color:var(--gold2);list-style:none}
.idx-book>summary small{font:italic .85rem Garamond,serif;color:var(--muted)}
.leaves{display:flex;flex-wrap:wrap;gap:6px;padding:6px 0}
.leaf{min-height:36px;padding:2px 10px;border-radius:8px;border:1px solid #e8d5a3;background:#fffcf7;color:#5c5348;font-size:.85rem}
.leaf small{color:var(--muted)}
.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}
.chgrid button{min-height:var(--tap);border-radius:8px;border:1px solid #d9c08a;background:#fffcf7;color:var(--gold2);font:400 1.05rem Pirata,serif}
.hits{list-style:none;padding:0}.hits li{padding:8px 4px;border-bottom:1px solid #f3ebe0;cursor:pointer}.hits li:hover{background:#fffaf1}
.hits mark{background:rgba(212,166,58,.35);color:inherit}
/* modal */
.modal{position:fixed;inset:0;z-index:60;background:rgba(58,52,44,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.modal[hidden]{display:none}
.modal-card{position:relative;background:var(--parch);color:var(--ink);max-width:760px;width:100%;max-height:88vh;overflow:auto;border-radius:14px;padding:22px 24px;box-shadow:0 30px 80px rgba(58,52,44,.35)}
.modal-card h3{font:400 1.7rem Pirata,serif;color:var(--red);margin:0 0 .4em}
.modal-card .close{position:absolute;top:10px;right:10px;border-color:#6b6155;color:var(--ink)}
.tri{display:grid;gap:10px}
.tri div{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.45)}
.tri b{display:block;font:400 1rem Pirata,serif;color:var(--blue)}
.tri .la{font-style:italic}
.modal .diff{color:#d9c08a}.modal .diff del{color:#8a2e1b}.modal .diff ins{color:#1d6b40}
/* zoom */
.zoom{position:fixed;inset:0;z-index:70;background:#efe6d6}
.zoom[hidden]{display:none}
.zoom-bar{position:absolute;top:10px;right:10px;z-index:2;display:flex;gap:8px}
.zoom-bar .iconbtn{background:#fffcf7;color:var(--gold2)}
.zoom-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}
.zoom-stage img{position:absolute;left:0;top:0;transform-origin:0 0;max-width:none;user-select:none;-webkit-user-drag:none}
/* drawer */
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,360px);z-index:50;background:#f3ebe0;border-right:1px solid #e8d5a3;transform:translateX(-102%);transition:transform .3s ease-out;overflow:auto;padding:12px 14px}
.drawer.open{transform:none}
.drawer-h{display:flex;justify-content:space-between;align-items:center;font:400 1.3rem Pirata,serif;color:var(--gold2);margin-bottom:8px}
.scrim{position:fixed;inset:0;background:rgba(120,90,40,.22);z-index:45;opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.on{opacity:1;pointer-events:auto}
.coll{padding:8px 10px;border-radius:10px;border:1px solid #e8d5a3;margin-bottom:6px}
.coll b{color:var(--gold2);font-weight:600}.coll small{display:block;color:var(--muted);font-size:.8rem}
.coll.soon{opacity:.6}
.dpages button{display:block;width:100%;text-align:left;min-height:var(--tap);background:none;border:0;border-bottom:1px solid #f7efe2;color:#5c5348;padding:4px 6px}
.dpages button.on{color:var(--gold2)}
.foot{color:var(--muted);font-size:.8rem;text-align:center;padding:20px}
/* fade-in: subtle, fast */
.fi{opacity:0;transform:translateY(6px);transition:opacity .5s ease-out,transform .5s ease-out;transition-delay:var(--d,0ms)}
.fi.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
 .fi{opacity:1;transform:none;transition:none}
 .seal .wax,.drawer,.scrim,.hidden-notes{transition:none}
 .seal.breaking .wax,.seal.breaking .crack polyline,.seal.open .h1,.seal.open .h2,.seal.resealing .wax{animation:none}
 .seal:hover .wax,.seal:focus-visible .wax{transform:none}
 .seal.open .h1,.seal.open .h2{opacity:.85}
}
/* mobile */
@media (max-width:860px){
 body{font-size:17px}
 .top{flex-wrap:wrap;gap:8px;padding:8px 10px}
 .drawer-btn{display:inline-block}
 .brand-t small{display:none}
 .tabs{order:3;width:100%;margin:0;justify-content:space-between}
 .tabs button{flex:1;min-height:var(--tap);padding:6px 4px;font-size:.95rem}
 .search{flex:1}.search input{width:100%}
 main{padding:10px 10px 30px}
 .seg{display:flex}
 .pagebar{gap:8px}.pageinfo{min-width:0;flex:1}.pageinfo span{font-size:.8rem}
 .nav-btn{width:var(--tap);height:var(--tap)}
 .spread{grid-template-columns:1fr}
 .spread .pg{border-radius:6px;box-shadow:none}
 .spread[data-lang=la] .pg-en,.spread[data-lang=en] .pg-la{display:none}
 .pg .html-page{column-count:1;font-size:16px;padding:8% 8%}
 .below{grid-template-columns:1fr}
 .notes{position:static}
 .verse{grid-template-columns:44px 1fr var(--tap);padding:10px 4px}
 .cards{grid-template-columns:1fr}
 .counts .bar{min-width:70px}
}

.credit{max-width:1300px;margin:8px auto 0;font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 18px;justify-content:center}
.credit b{color:#5c5348;font-weight:600}.credit-l{color:var(--gold2)}
.tri .credit{display:block;margin-top:4px;font-size:.78rem;color:#7a6650}.tri .credit-l{color:var(--red)}
#bdCredit{justify-content:flex-start;margin:0 0 6px}

/* ---------- texts (Enoch, Jubilees, Giants) ---------- */
@font-face{font-family:Ethiopic;src:url(fonts/ethiopic.woff2) format('woff2');font-display:swap;unicode-range:U+1200-139F,U+2D80-2DDF,U+AB00-AB2F}
#view-text{max-width:900px;margin:0 auto}
#txHead .credit{margin:.2em 0 .6em}#txHead .credit span{display:block}
.refs{font-size:.85rem;color:var(--muted)}
.txnav{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:.4em 0 .8em}
.txnav select{min-height:var(--tap);background:#fffcf7;color:var(--gold2);border:1px solid #d9c08a;border-radius:8px;padding:0 10px;font:400 1.05rem Pirata,serif;max-width:60vw}
.txnav .nav-btn[disabled]{opacity:.35}
.txnav .chk{color:#5c5348;display:flex;align-items:center;gap:6px;min-height:var(--tap)}
.txlist{list-style:none;margin:0;padding:0}
.verse.tv{cursor:default}
.verse.tv .en2{color:#3a342c}
.verse.tv .gz{font-family:Ethiopic,'Noto Serif Ethiopic',serif;color:#5c5348;margin-top:4px;font-size:1.02rem;line-height:1.7}
.verse.tv .vn{color:var(--muted);font-size:.86rem;margin-top:4px}
.verse.tv .rl{margin-top:6px;padding:4px 10px;border-left:2px solid var(--gold);color:#6b5a2e;font-size:.9rem;background:rgba(212,166,58,.06)}
.rl .lbl,.acts .lbl{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.no-rl .rl{display:none}
.verse.tv.frag .frh b{font:400 1.25rem Pirata,serif;color:var(--gold2)}.verse.tv.frag .frh small{color:var(--muted)}
.verse.tv.hit{background:rgba(212,166,58,.12);border-color:var(--gold)}
.txh{margin:14px 0 4px;padding:0 10px;color:var(--gold2);font-style:italic;font-size:.92rem}
.txcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.txcard{display:block;padding:14px 16px;border:1px solid #e8d5a3;border-radius:12px;text-decoration:none;background:#fffcf7}
.txcard:hover{border-color:var(--gold)}
.txcard b{font:400 1.4rem Pirata,serif;color:var(--gold2);display:block}.txcard small{display:block;color:var(--muted);margin-top:4px}
#txBody h3{font:400 1.3rem Pirata,serif;color:var(--gold2);margin:1.2em 0 .4em}
.act{margin:0 0 12px;padding:8px 12px;border-left:2px solid var(--gold);background:rgba(212,166,58,.05)}
.act h4{margin:0 0 4px;font:400 1.1rem Pirata,serif;color:var(--gold2)}.act p{margin:.2em 0;color:#6b5a2e}.act .frags{font-size:.85rem}
.who dt{color:var(--gold2);margin-top:8px}.who dd{margin:2px 0 0 0;color:#5c5348;font-size:.92rem}
#txBody .leaves a.leaf{text-decoration:none}
.tnote{margin-top:16px;color:#5c5348}.tnote summary{cursor:pointer;min-height:var(--tap);display:flex;align-items:center;color:var(--gold2)}
.src{font-size:.8rem;color:var(--muted)}
.unveil a.xl{color:var(--gold2);font-weight:600}
@media (max-width:860px){ .m-hide{display:none} .tabs button{font-size:.88rem} .verse.tv{grid-template-columns:52px 1fr var(--tap)} }

/* ---------- book switcher (Genesis / Exodus) ---------- */
.booksw{display:flex;justify-content:center;gap:6px;margin:2px auto 10px;flex-wrap:wrap}
.booksw button{background:#fffcf7;border:1px solid #d9c08a;border-radius:999px;padding:6px 16px;min-height:var(--tap);color:#5c5348;font:400 1.15rem Pirata,serif;letter-spacing:.02em}
.booksw button small{font:italic .8rem 'EB Garamond',serif;color:var(--muted);margin-left:4px}
.booksw button.on{border-color:var(--gold);color:#1a140e;background:var(--gold)}
.booksw button.on small{color:#4a3a20}
.booksw button:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}
#drawerPages .booksw{justify-content:flex-start;margin:12px 0 4px}
@media (max-width:640px){.booksw button{flex:1;padding:6px 8px}}

/* v9 Raziel's Mercy shared theme */
:root{--cream:#fbf8f2;--cream-deep:#f3ebe0;--white:#fffcf7;--sky:#d4e4f2;--sky-soft:#e8f1f8;--gold-soft:#e8d5a3;--gold-glow:rgba(201,160,74,.35);--rose:#e8cfc4;--rm-ink:#3a342c;--ink-soft:#5c5348;--serif:"Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--max:68rem}
@font-face{font-family:"Pirata One";src:url(/assets/fonts/pirata.woff2) format("woff2");font-display:swap}
body{color:var(--rm-ink);background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--gold-soft) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 90% 20%,var(--sky) 0%,transparent 50%),radial-gradient(ellipse 50% 35% at 10% 60%,var(--rose) 0%,transparent 45%),var(--cream);background-attachment:fixed}
a{color:#8a6418}
.wrap{width:min(100% - 2rem,var(--max));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0;background:var(--white);color:var(--rm-ink);padding:.75rem 1rem;z-index:100}.skip:focus{left:1rem;top:1rem}
.topnav{position:sticky;top:0;z-index:50;background:rgba(250,244,230,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px solid var(--gold-soft);box-shadow:0 1px 10px var(--gold-glow)}
.topnav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:3rem;gap:1rem;position:relative}
.topnav-home{font-family:"Pirata One",var(--serif);font-size:1.2rem;color:var(--rm-ink);text-decoration:none;opacity:0;pointer-events:none;transition:opacity .2s}
.topnav.scrolled .topnav-home{opacity:1;pointer-events:auto}
.topnav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.4rem}
.topnav a.nl{font-family:var(--serif);font-size:.98rem;color:var(--rm-ink);text-decoration:none;padding:.35rem 0;border-bottom:2px solid transparent}
.topnav a.nl:hover,.topnav a.nl:focus-visible{border-bottom-color:var(--gold)}
.topnav a.nl[aria-current=page]{border-bottom-color:var(--gold);font-weight:600}
.nav-toggle{display:none;background:none;border:1px solid var(--gold-soft);border-radius:.5rem;padding:.45rem .55rem;cursor:pointer;color:var(--rm-ink);min-height:auto}
.nav-toggle span{display:block;width:1.3rem;height:2px;background:currentColor;margin:4px 0;transition:transform .2s,opacity .2s}
.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media (max-width:760px){.nav-toggle{display:block}
.topnav ul{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#faf4e6;border-bottom:1px solid var(--gold-soft);box-shadow:0 8px 18px var(--gold-glow);padding:.25rem 1rem .75rem}
.topnav ul.open{display:flex}.topnav ul li{border-top:1px solid rgba(201,162,74,.25)}.topnav a.nl{display:block;padding:.8rem .25rem;font-size:1.05rem}}
header.site-header{padding:1.25rem 0 .5rem}
.site-header .rm-brand{display:inline-grid;grid-template-columns:auto auto;align-items:center;column-gap:.65rem;row-gap:.3rem;text-decoration:none;color:var(--rm-ink)}
.rm-brand .brand-mark{width:3rem;height:3rem;object-fit:contain;filter:drop-shadow(0 1px 4px var(--gold-glow));display:block}
.rm-brand .brand-name{font-family:"Pirata One",var(--serif);font-weight:400;font-size:2rem;line-height:1;letter-spacing:.01em}
.rm-brand .brand-sub{grid-column:1/-1;text-align:center;font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;font-size:.75rem;font-weight:500;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.top{top:3rem;z-index:40;box-shadow:0 1px 8px rgba(201,160,74,.18)}
.gb-title{text-decoration:none;display:flex;flex-direction:column;line-height:1.1;color:var(--rm-ink)}
.gb-title b{font:400 1.3rem/1 Pirata,serif;color:#8a6418}.gb-title small{font-size:.78rem;color:var(--muted)}
h2,.pageinfo b{color:#8a6418}
.tabs button.on{background:rgba(201,160,74,.14);color:#6b4e12}
.nav-btn{color:#8a6418;background:var(--white)}
.spread{filter:drop-shadow(0 14px 28px rgba(120,90,40,.28))}
@media (max-width:760px){.gb-title small{display:none}}
/* scrolled top bar: mark + name on the left (v10) */
.topnav .wrap{justify-content:flex-start}.topnav-home{display:inline-flex;align-items:center;gap:.5rem;margin-right:auto;line-height:1}.topnav-mark{width:30px;height:29px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 3px rgba(201,162,74,.35))}.topnav ul{margin-left:auto}.nav-toggle{margin-left:auto}