/* AskBibleQuestions.com Bible. Uses the site's Customizer colour tokens, with fallbacks. */ .abqb{ --b-paper:var(--base,#FBF7EF);--b-card:var(--base-3,#FFFDF8);--b-panel:var(--base-2,#F4ECDA); --b-ink:var(--contrast,#2A2118);--b-ink2:var(--contrast-2,#6F5F4A);--b-ink3:var(--contrast-3,#9A8A70); --b-gold:var(--accent,#B07D1E);--b-gold2:var(--gold-2,#8C6014);--b-rubric:var(--rubric,#9B2F1A); --b-line:var(--line,#E8DCC4);--b-line2:var(--line-2,#DECFB2);--b-amber:var(--amber-soft,#EED9AC); --b-sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--b-wide:1140px; color:var(--b-ink);position:relative; } body.abq-bible .site-content{display:block;padding-top:0} body.abq-bible .abqb-primary{width:100%;float:none} body.abq-bible .site-main{margin:0} .abqb *{box-sizing:border-box} .abqb .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} .abqb-label,.abqb-group{font-family:var(--b-sans);font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--b-rubric)} /* ---------- Art band: the site's hero treatment ---------- */ .abqb-band{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw); min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden; background:linear-gradient(180deg,var(--b-panel) 0%,var(--b-paper) 100%)} /* The painting fills the band but is never enlarged past its natural width, so wide screens show more of it. */ .abqb-band-art{position:absolute;top:0;bottom:0;left:50%;width:min(100%,1400px);transform:translateX(-50%); background:var(--abqb-art) center 24%/cover no-repeat} @media (min-width:1401px){ .abqb-band-art{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)} } .abqb-band.has-img::after{content:'';position:absolute;inset:0; background:linear-gradient(180deg,rgba(42,33,24,.18) 0%,rgba(251,247,239,.60) 55%,var(--b-paper) 96%)} .abqb-band-in{position:relative;z-index:1;max-width:820px;margin:0 auto;padding:64px 20px 40px;text-align:center} .abqb-kicker{display:inline-flex;justify-content:center;margin:0 0 4px} .abqb-h1{font-size:clamp(30px,4.5vw,46px);line-height:1.1;letter-spacing:-.015em;margin:14px 0 10px;text-shadow:0 1px 0 rgba(251,247,239,.5)} .abqb-sub{font-size:18px;line-height:1.55;color:var(--b-ink2);margin:0 auto;max-width:560px} /* ---------- Reference bar ---------- */ .abqb-refbar{position:sticky;top:var(--abqb-top,0px);z-index:40;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw); background:rgba(255,253,248,.96);border-top:1px solid var(--b-line);border-bottom:1px solid var(--b-line2)} .abqb-refbar-err{max-width:var(--b-wide);margin:0 auto;padding:0 20px 10px;font-size:15px;color:var(--b-rubric)} /* ---------- Columns ---------- */ .abqb-cols{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:26px max(20px,calc((100vw - var(--b-wide)) / 2 + 20px)) 56px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start} .abqb-main{min-width:0;max-width:720px} .abqb-side{min-width:0;align-self:stretch} .abqb-side-in{position:sticky;top:calc(var(--abqb-top,0px) + 80px);display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - var(--abqb-top,0px) - 100px);overflow:auto;padding:0 2px 4px;scrollbar-width:thin} /* Top row: breadcrumb, chapter arrows, text size */ .abqb-toprow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px} .abqb-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px;font-family:var(--b-sans);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--b-ink3)} .abqb-crumbs li+li::before{content:'\203A';margin-right:8px;color:var(--b-line2)} .abqb-crumbs a{color:var(--b-gold2);text-decoration:none} .abqb-crumbs a:hover{text-decoration:underline} .abqb-mini{display:flex;align-items:center;gap:4px;flex:none} .abqb-size{display:inline-flex;gap:4px;margin-left:8px;padding-left:10px;border-left:1px solid var(--b-line)} .abqb-mini button,.abqb-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:transparent;color:var(--b-ink2);border:1px solid transparent;border-radius:50%;padding:0;font-family:var(--b-sans);font-size:19px;line-height:1;text-decoration:none;cursor:pointer} .abqb-mini button:hover,.abqb-mini button:focus-visible,.abqb-arrow:hover,.abqb-arrow:focus-visible{background:var(--b-amber);color:var(--b-ink);border-color:var(--b-line2)} .abqb-arrow{font-size:24px;padding-bottom:3px} /* ---------- Scripture text. Only this column scales with the text-size control. ---------- */ .abqb-start{font-size:1.5rem;margin:0 0 .6em} .abqb-start a{color:inherit;text-decoration:none} .abqb-start a:hover{color:var(--b-gold2)} .abqb-text{font-size:calc(20px * var(--abqb-scale,1));line-height:1.75} .abqb-text p{margin:0 0 1em} .abqb-text .abqb-s1{font-size:1.15em;line-height:1.3;margin:1.9em 0 .25em;letter-spacing:-.005em;scroll-margin-top:calc(var(--abqb-top,0px) + 90px)} .abqb-text > .abqb-s1:first-child{margin-top:0} .abqb-text .abqb-s2{font-size:1em;font-style:italic;font-weight:400;margin:1.2em 0 .3em;color:var(--b-ink2)} .abqb-text .abqb-ms{font-family:var(--b-sans);font-size:.62em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--b-rubric);text-align:center;margin:1.6em 0 .6em} .abqb-text .abqb-qa{font-family:var(--b-sans);font-size:.62em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--b-ink3);text-align:center;margin:1.4em 0 0} .abqb-text .abqb-qa + .abqb-qa{margin-top:0} .abqb-text .abqb-r{font-size:.76em;font-style:italic;color:var(--b-ink2);margin:0 0 .9em} .abqb-text .abqb-r a{color:var(--b-gold2);text-decoration:none;border-bottom:1px dotted var(--b-gold)} .abqb-text .abqb-r a:hover{border-bottom-style:solid} .abqb-text .abqb-d{font-style:italic;color:var(--b-ink2);margin-bottom:.6em} .abqb-text .abqb-q1,.abqb-text .abqb-q2,.abqb-text .abqb-qr,.abqb-text .abqb-li1,.abqb-text .abqb-li2,.abqb-text .abqb-lf{margin:0} .abqb-text .abqb-q1{padding-left:1.6em;text-indent:-.8em} .abqb-text .abqb-q2{padding-left:2.9em;text-indent:-.8em} .abqb-text .abqb-qr{text-align:right;font-style:italic} .abqb-text .abqb-pc{text-align:center} .abqb-text .abqb-li1{padding-left:1.4em;text-indent:-1em} .abqb-text .abqb-li2{padding-left:2.6em;text-indent:-1em} .abqb-text .abqb-gap{margin-top:1em} .abqb-text .abqb-q1 + .abqb-p,.abqb-text .abqb-q2 + .abqb-p,.abqb-text .abqb-qr + .abqb-p,.abqb-text .abqb-li1 + .abqb-p,.abqb-text .abqb-li2 + .abqb-p,.abqb-text .abqb-lf + .abqb-p{margin-top:1em} .abqb-text .vn{font-family:var(--b-sans);font-size:.56em;font-weight:700;color:var(--b-rubric);margin-right:.3em;vertical-align:.55em;line-height:0;text-indent:0;scroll-margin-top:calc(var(--abqb-top,0px) + 100px)} .abqb-text .vn a{color:inherit;text-decoration:none;padding:.5em .15em} .abqb-text .vn a:hover,.abqb-text .vn a:focus-visible{text-decoration:underline} .abqb-text .fn{font-family:var(--b-sans);font-size:.58em;line-height:0;vertical-align:.55em;margin-left:.08em} .abqb-text .fn a{color:var(--b-gold2);text-decoration:none;padding:.4em .2em;font-style:italic} .abqb-text .fn a:hover{text-decoration:underline} .abqb-text .v.is-on{background:var(--b-amber);box-shadow:0 0 0 3px var(--b-amber);border-radius:2px} .abqb-text .vn:target{background:var(--b-amber);box-shadow:0 0 0 3px var(--b-amber)} /* Related-answer marker: at the end of the verse */ .abqb-mark{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;margin:0 0 0 .3em;vertical-align:-.16em;color:var(--b-gold2);background:var(--b-amber);border-radius:50%;text-indent:0;text-decoration:none;transition:background-color .15s ease,color .15s ease} .abqb-mark svg{width:.78em;height:.78em} .abqb-mark:hover,.abqb-mark:focus-visible,.abqb-mark[aria-expanded=true]{background:var(--b-gold);color:#fff} /* Verse menu and marker popover */ .abqb-pop{position:absolute;z-index:60;max-width:min(360px,calc(100vw - 24px));background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);box-shadow:0 12px 34px rgba(27,20,13,.18);padding:14px 16px;font-size:16px;line-height:1.5;color:var(--b-ink)} .abqb-pop[hidden]{display:none} .abqb-pop .abqb-label{margin:0 0 8px;padding-right:20px} .abqb-pop-x{position:absolute;top:4px;right:6px;background:none;border:0;padding:6px 8px;font-size:18px;line-height:1;color:var(--b-ink3);cursor:pointer} .abqb-pop-x:hover,.abqb-pop-x:focus{color:var(--b-ink);background:none} .abqb-vmenu{display:flex;gap:8px} .abqb-vmenu button{background:var(--b-ink);color:var(--b-paper);border:0;border-radius:0;padding:9px 12px;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .abqb-vmenu button:hover,.abqb-vmenu button:focus-visible{background:var(--b-rubric);color:var(--b-paper)} /* Footnotes */ .abqb-notes{margin:40px 0 0;padding:22px 0 0;border-top:1px solid var(--b-line)} .abqb-notes .abqb-label{margin:0 0 12px} .abqb-notes ul{list-style:none;margin:0;padding:0;font-size:15.5px;line-height:1.6;color:var(--b-ink2)} .abqb-notes li{margin:0 0 6px;padding-left:2.1em;text-indent:-2.1em;scroll-margin-top:calc(var(--abqb-top,0px) + 100px)} .abqb-notes li:target{background:var(--b-amber)} .abqb-fnback{display:inline-block;min-width:1.5em;font-family:var(--b-sans);font-size:.8em;font-weight:700;font-style:italic;color:var(--b-gold2);text-decoration:none;text-indent:0} .abqb-fnback:hover{text-decoration:underline} .abqb-fnref{font-family:var(--b-sans);font-size:.78em;font-weight:700;color:var(--b-rubric);margin-right:.2em} /* ---------- Sidebar boxes ---------- */ .abqb-box{padding:16px 18px 18px;background:var(--b-card);border:1px solid var(--b-line);border-top:3px solid var(--b-gold);border-radius:4px} .abqb-box > .abqb-label{margin:0 0 12px} .abqb-box p{font-size:15px;line-height:1.55;margin:0 0 12px} .abqb-box p:last-child{margin-bottom:0} .abqb-answers{border-left:1px solid var(--b-line)} .abqb-ans-list{list-style:none;margin:0;padding:0} .abqb-ans{margin:0;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--b-line);scroll-margin-top:calc(var(--abqb-top,0px) + 100px);transition:background-color .2s ease} .abqb-ans-list > .abqb-ans:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} .abqb-ans.is-on{background:var(--b-amber);box-shadow:0 0 0 6px var(--b-amber)} .abqb-ans-range,.abqb-pop-more{font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold2);text-decoration:none} .abqb-ans-range a{color:inherit;text-decoration:none} .abqb-ans-range a:hover,.abqb-pop-more:hover{text-decoration:underline} .abqb-anchor{display:block;height:0;scroll-margin-top:calc(var(--abqb-top,0px) + 100px)} .abqb-ans-tier{font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-ink3);margin-left:6px;padding-left:8px;border-left:1px solid var(--b-line2)} .abqb-ans-title{display:block;margin:3px 0 0;font-family:Fraunces,Georgia,serif;font-size:17px;line-height:1.3;color:var(--b-ink);text-decoration:none} .abqb-ans-title:hover,.abqb-ans-title:focus-visible{color:var(--b-rubric);text-decoration:underline} .abqb-ans-snip{display:block;margin:5px 0 0;font-size:14.5px;line-height:1.5;color:var(--b-ink2)} .abqb-ans-more{margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--b-line)} .abqb-ans-more summary,.abqb-browse summary{cursor:pointer;font-family:var(--b-sans);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold2)} .abqb-ans-more[open] summary{margin-bottom:12px} .abqb-toc ol{list-style:none;margin:0;padding:0} .abqb-toc li{margin:0 0 7px;font-size:15.5px;line-height:1.35} .abqb-toc li:last-child{margin-bottom:0} .abqb-toc a{color:var(--b-ink);text-decoration:none} .abqb-toc a:hover,.abqb-toc a:focus-visible{color:var(--b-gold2);text-decoration:underline} .abqb-sideref{display:flex;margin:0 0 14px} .abqb-sideref input[type=text]{flex:1;min-width:0;height:38px;background:#fff;border:1px solid var(--b-line2);border-right:0;border-radius:0;padding:0 10px;font-size:15.5px;color:var(--b-ink);font-family:inherit;margin:0} .abqb-sideref button{height:38px;background:var(--b-ink);color:var(--b-paper);border:0;border-radius:0;padding:0 14px;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer} .abqb-sideref button:hover,.abqb-sideref button:focus-visible{background:var(--b-rubric);color:var(--b-paper)} .abqb-browse details{border-top:1px solid var(--b-line);padding:10px 0} .abqb-browse details:first-of-type{border-top:0;padding-top:0} .abqb-browse details:last-of-type{padding-bottom:0} .abqb-browse summary{color:var(--b-ink)} .abqb-booklinks{list-style:none;margin:10px 0 0;padding:0;columns:2;column-gap:16px} .abqb-booklinks > li{margin:0 0 5px;font-size:15px;line-height:1.35;break-inside:avoid} .abqb-booklinks a{color:var(--b-ink);text-decoration:none} .abqb-booklinks a:hover,.abqb-booklinks a:focus-visible{color:var(--b-gold2);text-decoration:underline} .abqb-booklinks > li.is-current{column-span:all;margin:6px 0 10px;padding:10px 12px;background:var(--b-panel);border:1px solid var(--b-line)} .abqb-booklinks > li.is-current > a{font-family:Fraunces,Georgia,serif;font-size:17px} .abqb-chnums{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px} .abqb-chnums a{display:flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 4px;background:var(--b-card);border:1px solid var(--b-line);font-family:var(--b-sans);font-size:12px;color:var(--b-ink)} .abqb-chnums a[aria-current=page]{background:var(--b-ink);border-color:var(--b-ink);color:var(--b-paper)} .abqb-chnums a:hover{background:var(--b-amber);color:var(--b-ink);text-decoration:none} .abqb-btn{display:inline-block;background:var(--b-ink);color:var(--b-paper);padding:14px 28px;font-family:var(--b-sans);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none} .abqb-btn:hover,.abqb-btn:focus-visible{background:var(--b-rubric);color:var(--b-paper)} .abqb-btn-gold{display:block;text-align:center;background:var(--b-gold);color:#fff;padding:13px 18px} .abqb-btn-gold:hover,.abqb-btn-gold:focus-visible{background:var(--b-gold2);color:#fff} /* ---------- Book page: chapter picker ---------- */ .abqb-group{display:flex;align-items:center;gap:14px;margin:6px 0 16px} .abqb-group::after{content:'';flex:1;height:1px;background:var(--b-line2)} .abqb-chapters{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px} .abqb-chapters a{display:flex;align-items:center;justify-content:center;min-height:48px;background:var(--b-card);border:1px solid var(--b-line);text-decoration:none;color:var(--b-ink);font-family:Fraunces,Georgia,serif;font-size:17px} .abqb-chapters a:hover,.abqb-chapters a:focus-visible{background:var(--b-amber);border-color:var(--b-line2)} /* ---------- Foot of the text ---------- */ .abqb-foot-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:28px 0 0} .abqb-foot-tools button{background:none;border:0;padding:4px 0;font-family:var(--b-sans);font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-gold2);cursor:pointer} .abqb-foot-tools button:hover,.abqb-foot-tools button:focus-visible{background:none;color:var(--b-rubric);text-decoration:underline} .abqb-status{font-family:var(--b-sans);font-size:12px;color:var(--b-ink2)} .abqb-pn{display:flex;justify-content:space-between;gap:14px;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--b-line)} .abqb-pn a{display:flex;flex-direction:column;gap:3px;max-width:48%;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.25;color:var(--b-ink);text-decoration:none} .abqb-pn a span{font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--b-rubric)} .abqb-pn a.next{text-align:right;margin-left:auto} .abqb-pn a:hover,.abqb-pn a:focus-visible{color:var(--b-gold2)} .abqb-full{margin:30px 0 0} .abqb-credit{margin:30px 0 0;font-family:var(--b-sans);font-size:11.5px;letter-spacing:.06em;color:var(--b-ink3)} /* ---------- Lamp band ---------- */ .abqb-lamp{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:-1px; min-height:520px;display:flex;align-items:center;justify-content:center;padding:120px 20px 90px; background-image:linear-gradient(180deg,var(--b-paper) 0%,rgba(251,247,239,.9) 12%,rgba(251,247,239,.45) 30%,rgba(251,247,239,0) 48%,rgba(42,33,24,0) 72%,rgba(42,33,24,.45) 100%),var(--abqb-lamp);background-size:cover;background-position:center} .abqb-lamp-in{max-width:560px;width:100%} .abqb-lamp blockquote{margin:0;padding:22px 26px;background:rgba(244,236,218,.94);border:1px solid var(--b-line2);border-left:1px solid var(--b-line2);border-radius:12px;box-shadow:0 18px 50px rgba(20,14,8,.4);font-size:inherit} .abqb-lamp blockquote p{margin:0;font-style:italic;font-size:19px;line-height:1.65;color:var(--b-ink)} .abqb-lamp cite{display:block;margin-top:10px;font-style:normal;font-family:var(--b-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase} .abqb-lamp cite a{color:var(--b-gold2);text-decoration:none} .abqb-lamp cite a:hover{text-decoration:underline} body.abq-bible .site-content{padding-bottom:0} .abqb a:focus-visible,.abqb button:focus-visible,.abqb input:focus-visible,.abqb select:focus-visible,.abqb summary:focus-visible{outline:2px solid var(--b-gold2);outline-offset:2px} /* ---------- Narrow screens: the sidebar drops below the text ---------- */ @media (max-width:1024px){ .abqb-cols{grid-template-columns:minmax(0,1fr);gap:40px} .abqb-main{max-width:720px;margin:0 auto;width:100%} .abqb-side{max-width:720px;margin:0 auto;width:100%} .abqb-side-in{position:static;max-height:none;overflow:visible} } @media (max-width:782px){ .abqb-band{min-height:260px} .abqb-band-in{padding:40px 16px 26px} .abqb-cols{padding:20px 16px 44px} .abqb-text{font-size:calc(18.5px * var(--abqb-scale,1))} .abqb-text .abqb-q2{padding-left:2.2em} .abqb-pn a{font-size:17px} .abqb-lamp{min-height:400px;padding:90px 16px 60px} .abqb-lamp blockquote p{font-size:17.5px} } @media print{ .abqb-refbar,.abqb-side,.abqb-pn,.abqb-mini,.abqb-mark,.abqb-foot-tools,.abqb-lamp{display:none !important} .abqb-band{background:none !important} .abqb-band{min-height:0} .abqb-band-art,.abqb-band::after{display:none} .abqb-cols{display:block} } /* ---- Original language ---- */ .abqb-mini .abqb-ol-toggle{width:auto;height:30px;margin-left:10px;background:none;border:1px solid var(--b-line2);border-radius:0;padding:6px 10px;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1.2;color:var(--b-ink3);cursor:pointer;white-space:nowrap} .abqb-mini .abqb-ol-toggle:hover,.abqb-mini .abqb-ol-toggle:focus-visible{background:none;color:var(--b-ink);border-color:var(--b-gold)} .abqb-mini .abqb-ol-toggle[aria-pressed="true"]{background:var(--b-ink);border-color:var(--b-ink);color:var(--b-base,#FBF7EF)} .abqb-ol-toggle.is-loading{opacity:.6} .abqb-text.abqb-ol-on .abqb-w{cursor:pointer;border-radius:2px;transition:background-color .12s} .abqb-text.abqb-ol-on .abqb-w:hover,.abqb-text .abqb-w.is-on{background:var(--b-amber);box-shadow:0 0 0 2px var(--b-amber)} .abqb-wcard{position:absolute;z-index:61;width:max-content;max-width:min(320px,calc(100vw - 24px));background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);box-shadow:0 12px 34px rgba(27,20,13,.18);padding:12px 16px 13px;color:var(--b-ink);text-align:left} .abqb-wcard[hidden]{display:none} .abqb-wcard p{margin:0} .abqb-wcard.is-pinned{padding-right:34px} .abqb-wcard-o{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-size:27px;line-height:1.35;color:var(--b-ink)} .abqb-wcard-t{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:16px;color:var(--b-ink3)} .abqb-wcard-e{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.4;margin-top:8px !important} .abqb-wcard-g{font-family:var(--b-sans);font-size:12px;line-height:1.45;color:var(--b-ink3);margin-top:4px !important} .abqb-wcard-s{font-family:var(--b-sans);font-size:11.5px;line-height:1.5;margin-top:9px !important;padding-top:8px;border-top:1px solid var(--b-line)} .abqb-wcard-s span{font-weight:700;letter-spacing:.08em;color:var(--b-rubric)} .abqb-wcard-s a{display:block;margin-top:3px;font-weight:700;color:var(--b-gold2);text-decoration:underline} .abqb-wcard-s em{font-style:normal;color:var(--b-ink3);margin-left:6px} /* Word-study pages */ .abqb-word-lead{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.55;color:var(--b-ink3);margin:0 0 22px;max-width:62ch} .abqb-word-book{font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1.2;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--b-line)} .abqb-wordlist .abqb-word-book:first-child{margin-top:0} .abqb-word-verse{font-family:Newsreader,Georgia,serif;font-size:calc(18px * var(--abqb-scale,1));line-height:1.6;margin:0 0 12px} .abqb-word-ref{font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--b-rubric);text-decoration:none;margin-right:8px;white-space:nowrap} .abqb-word-ref:hover{text-decoration:underline} .abqb-word-verse mark{background:var(--b-amber);color:inherit;padding:0 2px;border-radius:2px} @media (max-width:782px){.abqb-toprow{flex-wrap:wrap}.abqb-mini{margin-left:auto}.abqb-mini .abqb-ol-toggle{padding:6px 8px;letter-spacing:.08em}} @media print{.abqb-ol-toggle,.abqb-wcard{display:none !important}} /* ---- Topics ---- */ .abqb-refbar-err a{display:inline-block;margin:0 0 0 10px;color:var(--b-gold2);font-weight:600} .abqb-refbar-in,.abqb-sideref,.abqb-search{position:relative} .abqb-sug{position:absolute;z-index:70;list-style:none;margin:2px 0 0;padding:4px 0;background:var(--b-card,#FFFDF8);border:1px solid var(--b-line2,#DECFB2);border-top:3px solid var(--b-gold,#B07D1E);box-shadow:0 12px 34px rgba(27,20,13,.18);text-align:left;max-width:calc(100vw - 24px)} .abqb-sug[hidden]{display:none} .abqb-sug li{margin:0;padding:0} .abqb-sug a{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:8px 14px;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.3;color:var(--b-ink,#2A2118);text-decoration:none} .abqb-sug li.is-on a,.abqb-sug a:hover{background:var(--b-amber,#EED9AC)} .abqb-sug-t{flex:none;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-ink3,#9A8A70)} .abqb-person-note{margin:0 0 20px;padding:10px 14px;background:var(--b-card);border:1px solid var(--b-line2);border-left:3px solid var(--b-gold);font-family:Newsreader,Georgia,serif;font-size:16.5px;line-height:1.45} .abqb-whobox .abqb-person-note{margin:0;padding:0;border:0;background:none;font-size:15.5px} .abqb-person-note a,.abqb-topic-read a,.abqb-topic-see a,.abqb-topic-all a,.abqb-browse-topics a{color:var(--b-gold2);font-weight:600} .abqb-box .abqb-browse-topics,.abqb-box .abqb-topic-all{margin:12px 0 0;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase} .abqb-browse-topics a,.abqb-topic-all a{text-decoration:none} .abqb-browse-topics a:hover,.abqb-topic-all a:hover{text-decoration:underline} .abqb-topiclinks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px} .abqb-topiclinks a{display:inline-block;padding:4px 10px;border:1px solid var(--b-line2);font-family:Newsreader,Georgia,serif;font-size:15px;color:var(--b-ink);text-decoration:none;background:var(--b-base,transparent)} .abqb-topiclinks a:hover,.abqb-topiclinks a[aria-current]{background:var(--b-amber);border-color:var(--b-gold)} .abqb-topic-ours{margin:0 0 34px} .abqb-topic-answer{padding:18px 20px;margin:0 0 14px;background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold)} .abqb-topic-answer h3{font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1.25;margin:0 0 6px} .abqb-topic-answer h3 a{color:var(--b-ink);text-decoration:none} .abqb-topic-answer h3 a:hover{color:var(--b-gold2)} .abqb-topic-answer .abqb-ans-range{margin:0 0 4px} .abqb-topic-snip{font-family:Newsreader,Georgia,serif;font-size:16.5px;line-height:1.5;color:var(--b-ink2);margin:0 0 12px} .abqb-topic-read{margin:10px 0 0;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase} .abqb-topic-read a{text-decoration:none} .abqb-topic-src{font-family:var(--b-sans);font-size:12px;line-height:1.5;color:var(--b-ink3);margin:0 0 18px;max-width:64ch} .abqb-topic-part{font-family:Fraunces,Georgia,serif;font-size:26px;margin:30px 0 6px} .abqb-topic-h{font-family:Fraunces,Georgia,serif;font-weight:500;line-height:1.3;color:var(--b-ink)} h3.abqb-topic-h{font-size:21px;margin:26px 0 8px;padding-bottom:5px;border-bottom:1px solid var(--b-line)} h4.abqb-topic-h{font-size:17.5px;margin:16px 0 6px} .abqb-topic-l2{margin-left:18px} .abqb-topic-l3{margin-left:36px} .abqb .abqb-topic-verses{list-style:none;padding:0;margin:0 0 8px}.abqb .abqb-topic-verses.abqb-topic-l2{margin-left:18px}.abqb .abqb-topic-verses.abqb-topic-l3{margin-left:36px} .abqb-topic-verses li{font-family:Newsreader,Georgia,serif;font-size:calc(17.5px * var(--abqb-scale,1));line-height:1.55;margin:0 0 9px} .abqb-topic-whole{font-family:var(--b-sans);font-size:11px;color:var(--b-ink3)} .abqb-topic-more{margin-bottom:10px} .abqb-topic-more summary{cursor:pointer;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-gold2);margin:0 0 6px} .abqb-topic-refs{font-family:var(--b-sans);font-size:13px;line-height:1.9;margin:0 0 8px;color:var(--b-ink3)} .abqb-topic-refs a{color:var(--b-ink2);text-decoration:underline;text-decoration-color:var(--b-line2);text-underline-offset:3px;white-space:nowrap} .abqb-topic-refs a:hover{color:var(--b-gold2)} .abqb-topic-refs a:not(:last-child)::after{content:"\00b7";display:inline-block;margin:0 .1em 0 .55em;color:var(--b-ink3);text-decoration:none} .abqb-topic-see{font-family:Newsreader,Georgia,serif;font-style:italic;font-size:16px;margin-top:4px;margin-bottom:8px} .abqb-topicgrid{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px} .abqb-topicgrid li{padding:12px 14px;background:var(--b-card);border:1px solid var(--b-line2)} .abqb-topicgrid li>a{display:block;font-family:Fraunces,Georgia,serif;font-size:19px;line-height:1.25;color:var(--b-ink);text-decoration:none} .abqb-topicgrid li>a:hover{color:var(--b-gold2)} .abqb-topicgrid-sub{display:block;margin-top:5px;font-family:Newsreader,Georgia,serif;font-size:14.5px;line-height:1.45;color:var(--b-ink3)} .abqb-topicgrid-sub a{color:var(--b-ink2)} .abqb-topicgrid-plain{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px} .abqb-topicgrid-plain li{padding:8px 12px} .abqb-topicgrid-plain li>a{font-family:Newsreader,Georgia,serif;font-size:17px} .abqb-az{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:6px} .abqb-az a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--b-line2);background:var(--b-card);font-family:var(--b-sans);font-size:13px;font-weight:700;color:var(--b-ink);text-decoration:none} .abqb-az a:hover,.abqb-az a[aria-current]{background:var(--b-ink);color:#FBF7EF;border-color:var(--b-ink)} .abqb-topiclist{list-style:none;margin:0;padding:0;columns:3 200px;column-gap:28px} .abqb-topiclist li{break-inside:avoid;margin:0 0 5px;font-family:Newsreader,Georgia,serif;font-size:16.5px;line-height:1.4} .abqb-topiclist a{color:var(--b-ink);text-decoration:none} .abqb-topiclist a:hover{color:var(--b-gold2);text-decoration:underline} @media (max-width:782px){.abqb-topic-l2{margin-left:10px}.abqb-topic-l3{margin-left:20px}.abqb-topic-answer{padding:14px}} /* ---- Original language: explainer card ---- */ .abqb-oltip{position:absolute;z-index:62;width:340px;max-width:calc(100vw - 24px);background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);box-shadow:0 14px 38px rgba(27,20,13,.2);padding:16px 18px 16px;text-align:left;color:var(--b-ink)} .abqb-oltip[hidden]{display:none} .abqb-oltip p{margin:0} .abqb-oltip-k{font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--b-rubric)} .abqb-oltip-h{font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.2;margin:5px 0 6px !important} .abqb-oltip-p{font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.45;color:var(--b-ink2)} .abqb-oltip-demo{margin:14px 0 12px;padding:14px 14px 12px;background:var(--b-base,#FBF7EF);border:1px solid var(--b-line)} .abqb-oltip-line{font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.5} .abqb-oltip-w{position:relative;background:var(--b-amber);box-shadow:0 0 0 2px var(--b-amber);border-radius:2px} .abqb-oltip-cur{position:absolute;left:55%;top:62%;width:0;height:0;border-left:7px solid var(--b-ink);border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(-55deg);animation:abqb-nudge 1.6s ease-in-out infinite} @keyframes abqb-nudge{0%,100%{transform:translate(6px,7px) rotate(-55deg)}50%{transform:translate(0,0) rotate(-55deg)}} @media (prefers-reduced-motion:reduce){.abqb-oltip-cur{animation:none}} .abqb-oltip-card{display:inline-flex;flex-direction:column;margin:12px 0 0 62px;padding:8px 12px 9px;background:var(--b-card);border:1px solid var(--b-line2);border-top:2px solid var(--b-gold);box-shadow:0 6px 16px rgba(27,20,13,.12)} .abqb-oltip-card b{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew",serif;font-weight:400;font-size:21px;line-height:1.3} .abqb-oltip-card em{font-family:Newsreader,Georgia,serif;font-size:13.5px;color:var(--b-ink3)} .abqb-oltip-card span{font-family:var(--b-sans);font-size:10.5px;color:var(--b-ink3);margin-top:3px} .abqb-oltip-card u{font-family:var(--b-sans);font-size:10px;font-weight:700;letter-spacing:.08em;text-decoration:none;color:var(--b-rubric);margin-top:4px} .abqb-oltip-steps{margin:0;padding:0;list-style:none;counter-reset:abqbol} .abqb-oltip-steps li{position:relative;counter-increment:abqbol;margin:0 0 7px;padding-left:28px;font-family:Newsreader,Georgia,serif;font-size:15px;line-height:1.4;color:var(--b-ink2)} .abqb-oltip-steps li:last-child{margin-bottom:0} .abqb-oltip-steps li::before{content:counter(abqbol);position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--b-ink);color:#FBF7EF;font-family:var(--b-sans);font-size:10.5px;font-weight:700;line-height:19px;text-align:center} .abqb-oltip-steps b{color:var(--b-ink);font-weight:600} .abqb-oltip-ok{display:none;margin:14px 0 0;width:100%;height:38px;background:var(--b-ink);color:#FBF7EF;border:0;border-radius:0;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer} .abqb-oltip.is-sticky .abqb-oltip-ok{display:block} @media print{.abqb-oltip{display:none !important}} /* ---- Footnote card ---- */ .abqb-fncard{position:absolute;z-index:61;width:max-content;max-width:min(340px,calc(100vw - 24px));background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);box-shadow:0 12px 34px rgba(27,20,13,.18);padding:11px 15px 12px;text-align:left;color:var(--b-ink)} .abqb-fncard[hidden]{display:none} .abqb-fncard-k{margin:0 0 4px;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--b-rubric)} .abqb-fncard-b{font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.45} .abqb-fncard-b .abqb-fnref{font-family:var(--b-sans);font-size:11px;font-weight:700;color:var(--b-ink3);margin-right:4px} @media print{.abqb-fncard{display:none !important}} .abqb-fncard.is-pinned{padding-right:34px} .abqb .abqb-mini .abqb-size button{font-size:19px;line-height:1} @media (max-width:782px){.abqb .abqb-topic-verses.abqb-topic-l2{margin-left:10px}.abqb .abqb-topic-verses.abqb-topic-l3{margin-left:20px}} .abqb-topic-allq{margin:4px 0 0} /* Touch screens: larger tap targets for the small controls (1.4.11). */ @media (pointer:coarse){ .abqb-mini button,.abqb-arrow{width:40px;height:40px} .abqb-mini .abqb-ol-toggle{width:auto;height:40px} .abqb-text .abqb-mark{position:relative} .abqb-text .abqb-mark::after,.abqb-text .fn::after{content:"";position:absolute;inset:-10px} .abqb-text .fn{position:relative} } /* ---------- Word study (1.6.0) ---------- */ .abqb-wcard-d{font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.4;color:var(--b-ink);margin-top:6px !important;font-weight:600} .abqb-wcard-l{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-weight:400;font-size:1.1em;color:var(--b-ink3);margin-right:4px;unicode-bidi:isolate} .abqb-wcard-s a.abqb-wcard-n{display:inline;margin:0;font-weight:700;letter-spacing:.08em;color:var(--b-rubric);text-decoration:underline;text-underline-offset:2px} .abqb-sug-g{display:block;font-size:13.5px;line-height:1.3;color:var(--b-ink3,#9A8A70);font-style:italic} .abqb-lex{margin:0 0 34px} .abqb-lex-d{font-family:Fraunces,Georgia,serif;font-size:calc(27px * var(--abqb-scale,1));line-height:1.25;color:var(--b-ink);margin:0 0 8px} .abqb-lex-f{font-family:Newsreader,Georgia,serif;font-size:calc(18.5px * var(--abqb-scale,1));line-height:1.55;color:var(--b-ink2);margin:0 0 26px;max-width:62ch} .abqb-lex .abqb-group{margin-top:26px} .abqb-rend{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px} .abqb-rend li:has(>a){padding:0}.abqb-rend a.abqb-rend-a{display:block;padding:6px 12px;color:inherit;text-decoration:none;border:0;background:none;cursor:pointer}.abqb-rend a.abqb-rend-a:hover,.abqb-rend a.abqb-rend-a:focus-visible{background:var(--b-line2)} .abqb-rend li{margin:0;padding:6px 12px;background:var(--b-card);border:1px solid var(--b-line2);font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.3} .abqb-rend b,.abqb-lex-books b{font-family:var(--b-sans);font-size:11.5px;font-weight:700;color:var(--b-rubric);margin-left:4px} .abqb-lex-books{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.7;margin:0 0 8px;color:var(--b-ink2)} .abqb-lex-rel{list-style:none;margin:0 0 8px;padding:0;columns:2 280px;column-gap:28px} .abqb-lex-rel li{break-inside:avoid;margin:0 0 7px;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.4} .abqb-lex-rel a{color:var(--b-ink);text-decoration:none;border-bottom:1px solid var(--b-line2)} .abqb-lex-rel a:hover{color:var(--b-gold2);border-color:var(--b-gold)} .abqb-lex-rel a span,.abqb-eword-o{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-size:1.18em} .abqb-lex-g{color:var(--b-ink3)} .abqb-lex-id,.abqb-eword-n{font-family:var(--b-sans);font-size:11px;letter-spacing:.06em;color:var(--b-ink3)} .abqb-lex-more{margin:14px 0 0;border:1px solid var(--b-line2);background:var(--b-card)} .abqb-lex-more>summary{cursor:pointer;padding:12px 16px;font-family:var(--b-sans);font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b-ink)} .abqb-lex-more[open]>summary{border-bottom:1px solid var(--b-line)} .abqb-lex-entry{padding:16px 18px 6px;font-family:Newsreader,Georgia,serif;font-size:calc(17px * var(--abqb-scale,1));line-height:1.65;color:var(--b-ink2);overflow-wrap:anywhere} .abqb-lex-entry p{margin:0 0 10px} .abqb-lex-entry .lx-p{margin:0 0 10px} .abqb-lex-entry .lx-he{font-family:"ABQ Biblical","Times New Roman","SBL Hebrew","Ezra SIL",serif;font-size:1.22em;line-height:1;unicode-bidi:isolate;color:var(--b-ink)} .abqb-lex-entry [lang="el"]{font-family:"ABQ Biblical","Times New Roman","SBL Greek",serif;font-size:1.08em;color:var(--b-ink)} .abqb-lex-entry .lx-pri{color:var(--b-ink)} .abqb-lex-entry .lx-pos,.abqb-lex-entry .lx-conj,.abqb-lex-entry .lx-meta{font-family:var(--b-sans);font-size:.72em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--b-rubric)} .abqb-lex-entry .lx-stem{font-family:var(--b-sans);font-size:.82em;letter-spacing:.06em;text-transform:uppercase;color:var(--b-ink)} .abqb-lex-entry .lx-n{font-family:var(--b-sans);font-size:.8em;color:var(--b-rubric);margin-right:2px} .abqb-lex-entry .lx-sense,.abqb-lex-entry .lx-stemsec,.abqb-lex-entry .lx-sec,.abqb-lex-entry .lx-re{margin:8px 0 8px 14px;padding-left:12px;border-left:2px solid var(--b-line)} .abqb-lex-entry .lx-stemsec{margin-left:0;border-left-color:var(--b-gold)} .abqb-lex-entry .lx-ref,.abqb-lex-entry .abqb-sn,.abqb-lex-d .abqb-sn{color:var(--b-gold2);text-decoration:underline;text-decoration-color:var(--b-line2);text-underline-offset:2px;white-space:nowrap} .abqb-lex-entry .lx-ref:hover,.abqb-lex-entry .abqb-sn:hover{text-decoration-color:var(--b-gold)} .abqb-lex-entry .lx-en{font-family:var(--b-sans);font-size:.7em;color:var(--b-ink3);white-space:nowrap} .abqb-lex-entry .lx-ab{font-style:italic;color:var(--b-ink3);text-decoration:none} .abqb-lex-entry .lx-ph{font-family:var(--b-sans);font-size:.72em;color:var(--b-ink3)} .abqb-lex-entry .lx-chk{font-family:var(--b-sans);font-weight:700;color:var(--b-rubric);cursor:help} .abqb-lex-entry .lx-der{display:block;color:var(--b-ink3);margin-bottom:6px} .abqb-lex-entry .lx-def{display:block;margin-bottom:10px} .abqb-lex-entry .lx-hr{border:0;border-top:1px solid var(--b-line);margin:14px 0} .abqb-lex-bdb+.abqb-lex-bdb{margin-top:16px;padding-top:14px;border-top:1px solid var(--b-line)} .abqb-lex-credit{line-height:1.6;letter-spacing:.02em;max-width:72ch} .abqb-lex-credit a{color:inherit;text-decoration:underline} .abqb-ewords{list-style:none;margin:0 0 30px;padding:0} .abqb-ewords li{margin:0;padding:13px 0;border-bottom:1px solid var(--b-line);display:grid;grid-template-columns:minmax(150px,230px) 1fr;column-gap:22px;row-gap:2px;align-items:baseline} .abqb-eword-w{font-family:Newsreader,Georgia,serif;font-size:20px;line-height:1.3;color:var(--b-ink);text-decoration:none} .abqb-eword-w:hover{color:var(--b-gold2)} .abqb-eword-w i{font-size:.85em;color:var(--b-ink3)} .abqb-eword-g{font-family:Newsreader,Georgia,serif;font-size:17.5px;line-height:1.45;color:var(--b-ink2)} .abqb-eword-n{grid-column:2} .abqb-word-note{margin:0 0 30px;padding:18px 22px 6px;background:var(--b-card);border:1px solid var(--b-line2);border-left:3px solid var(--b-gold)} .abqb-word-note p{font-family:Newsreader,Georgia,serif;font-size:calc(18.5px * var(--abqb-scale,1));line-height:1.6;margin:0 0 12px} @media (max-width:640px){.abqb-ewords li{grid-template-columns:1fr}.abqb-eword-n{grid-column:1}.abqb-lex-entry{padding:14px 12px 4px}.abqb-lex-entry .lx-sense,.abqb-lex-entry .lx-re{margin-left:4px;padding-left:9px}} @media (pointer:coarse){.abqb-lex-more>summary{padding:15px 16px}.abqb-rend li{padding:9px 13px}.abqb-rend li:has(>a){padding:0}.abqb-rend a.abqb-rend-a{padding:9px 13px}} /* ---------- Text switcher (1.7.0) ---------- */ html.abqb-swapping .abqb-text,html.abqb-swapping .abqb-notes{visibility:hidden} .abqb-textsel{appearance:auto;height:32px;max-width:190px;padding:0 8px;border:1px solid var(--b-line2);background:var(--b-card);color:var(--b-ink);font-family:var(--b-sans);font-size:12px;font-weight:700;letter-spacing:.04em;border-radius:0;cursor:pointer} .abqb-textsel:disabled{opacity:.6;cursor:progress} .abqb-orig{font-family:"ABQ Biblical","Times New Roman","SBL Hebrew","SBL Greek","Ezra SIL",serif} .abqb-orig[lang="he"]{font-size:calc(27px * var(--abqb-scale,1));line-height:1.9;text-align:right} .abqb-orig[lang="el"]{font-size:calc(22px * var(--abqb-scale,1));line-height:1.75} .abqb-orig .abqb-ov{margin:0 0 10px} .abqb-orig .vn{font-family:var(--b-sans);font-size:.5em;unicode-bidi:isolate} .abqb-orig[lang="he"] .vn{margin-left:.5em;margin-right:0} .abqb-ov-h{font-family:var(--b-sans);font-size:.42em;color:var(--b-ink3);unicode-bidi:isolate;direction:ltr} .abqb-ow{cursor:pointer;border-radius:2px} .abqb-ow:hover,.abqb-ow.is-on{background:var(--b-amber)} @media (max-width:640px){.abqb-textsel{max-width:132px}.abqb-orig[lang="he"]{font-size:calc(25px * var(--abqb-scale,1))}} @media (pointer:coarse){.abqb-textsel{height:40px}} @media print{.abqb-textsel{display:none !important}} .abqb-ol-toggle[hidden]{display:none !important} @media (max-width:640px){.abqb-toprow{flex-wrap:wrap;row-gap:8px}.abqb-mini{flex:1 1 100%;max-width:100%;flex-wrap:wrap;row-gap:8px;justify-content:flex-start;margin-left:0}.abqb-mini .abqb-ol-toggle{margin-left:4px}.abqb-textsel{max-width:150px}} /* ---------- Dark mode ---------- The reader's own choice (the button beside the text-size buttons), kept on their device and applied before first paint by a class on . Only the Bible pages change: the site header and footer stay as they are. The site's colour tokens are re-pointed inside the reader, so everything built on them follows. */ html.abqb-dark .abqb{ --base:#1C1711;--base-2:#2A2218;--base-3:#241D15;--contrast:#EDE4D3;--contrast-2:#BDAF98;--contrast-3:#8E806A; --accent:#D9A441;--gold-2:#E2B55C;--rubric:#E58A6C;--line:#3A2F22;--line-2:#4B3D2C;--amber-soft:#4D3C1B; --b-paper:#1C1711;--b-card:#241D15;--b-panel:#2A2218;--b-ink:#EDE4D3;--b-ink2:#BDAF98;--b-ink3:#8E806A; --b-gold:#D9A441;--b-gold2:#E2B55C;--b-rubric:#E58A6C;--b-line:#3A2F22;--b-line2:#4B3D2C;--b-amber:#4D3C1B;--b-base:#1C1711; color:var(--b-ink);isolation:isolate} html.abqb-dark .abqb::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:var(--b-paper)} html.abqb-dark .abqb :where(h1,h2,h3,h4,h5,summary,blockquote):not(.abqb-group):not(.abqb-s2):not(.abqb-label){color:var(--b-ink)} html.abqb-dark .abqb-band.has-img::after{background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(28,23,17,.70) 55%,var(--b-paper) 96%)} html.abqb-dark .abqb-h1{text-shadow:0 1px 0 rgba(0,0,0,.5)} html.abqb-dark .abqb-refbar{background:rgba(36,29,21,.96)} html.abqb-dark .abqb-sideref input[type=text]{background:#15110C;color:var(--b-ink)} html.abqb-dark .abqb ::placeholder{color:var(--b-ink3)} html.abqb-dark .abqb-mark:hover,html.abqb-dark .abqb-mark:focus-visible,html.abqb-dark .abqb-mark[aria-expanded=true],html.abqb-dark .abqb-btn-gold,html.abqb-dark .abqb-btn-gold:hover,html.abqb-dark .abqb-btn-gold:focus-visible{color:#1C1711} html.abqb-dark .abqb-lamp{background-image:linear-gradient(180deg,var(--b-paper) 0%,rgba(28,23,17,.9) 12%,rgba(28,23,17,.45) 30%,rgba(28,23,17,0) 48%,rgba(0,0,0,0) 72%,rgba(0,0,0,.45) 100%),var(--abqb-lamp)} html.abqb-dark .abqb-lamp blockquote{background:rgba(36,29,21,.94)} html.abqb-dark .abqb-az a:hover,html.abqb-dark .abqb-az a[aria-current],html.abqb-dark .abqb-oltip-steps li::before,html.abqb-dark .abqb-oltip-ok{color:#1C1711} html.abqb-dark .abqb-pop,html.abqb-dark .abqb-wcard,html.abqb-dark .abqb-fncard,html.abqb-dark .abqb-oltip,html.abqb-dark .abqb-sug{box-shadow:0 12px 34px rgba(0,0,0,.5)} .abqb-mini .abqb-mode svg{display:block} .abqb-mini .abqb-mode[aria-pressed=true]{color:var(--b-gold2)} /* Where it appears: book previews (1.8.1) */ .abqb-lex-books a.abqb-lex-book{color:inherit;text-decoration:underline dotted;text-underline-offset:.2em} .abqb-lex-books a.abqb-lex-book:hover{text-decoration-style:solid} .abq-refpop .abq-refpop-v{font-size:.72em;letter-spacing:.08em;text-transform:uppercase;margin-right:.35em} .abq-refpop mark{background:rgba(214,170,60,.32);color:inherit;padding:0 .1em} .abqb-word-book{scroll-margin-top:90px} /* Cross-references (1.10.0) */ .abqb-vxr{margin-top:12px;padding-top:10px;border-top:1px solid var(--b-line2,#DECFB2);max-width:340px} .abqb-vxr-h{margin:0 0 4px;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--b-rubric,#9B2F1A)} .abqb-vxr-l{margin:0;font-size:15.5px;line-height:1.75} .abqb-vxr-l a{white-space:nowrap} .abqb-vxr-l span{color:var(--b-ink3,#8a7b66)} .abqb-vxr-c{margin:8px 0 0;font-family:var(--b-sans);font-size:10.5px;color:var(--b-ink3,#8a7b66)} .abqb-xr{margin-top:34px} .abqb-xr-row{margin:0 0 .7em;line-height:1.8} .abqb-xr-row a{white-space:nowrap} .abqb-xr-v{font-family:var(--b-sans);font-size:.7em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-rubric,#9B2F1A);margin-right:.5em} .abqb-xr-sep{color:var(--b-ink3,#8a7b66)} @media print{.abqb-xr-credit{display:block}} /* Audio player (redesigned 1.14.0): a dark bar that stands apart from the page, with its own controls. */ .abqb-mini .abqb-listen[aria-pressed=true]{color:var(--b-gold2)} @keyframes abqb-au-pulse{50%{opacity:.55}} @media print{.abqb-audio,.abqb-listen{display:none !important}} .abqb-lex-entry .lx-fix{font-family:var(--b-sans);font-size:.7em;font-weight:700;color:#3d7a4a;cursor:help;margin-left:.1em} .abqb-wcard-o a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:.22em} .abqb-wcard-o a:hover,.abqb-wcard-o a:focus-visible{text-decoration-style:solid;color:var(--b-rubric,#9B2F1A)} /* Hebrew and Greek typeface (1.14.0): Cardo, trimmed to Hebrew and Greek, shipped with the plugin so the original languages look the same on every device. The range limits it to those scripts, so English set in the same elements keeps its own face. Licence: assets/fonts/Cardo-OFL.txt. */ @font-face{font-family:"ABQ Biblical";src:url(fonts/abq-biblical.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0300-036F,U+0370-03FF,U+1F00-1FFF,U+0591-05F4,U+FB1D-FB4F} .abqb-olf{font-family:"ABQ Biblical","Times New Roman","SBL Hebrew","SBL Greek",serif;font-weight:400;font-synthesis:none;unicode-bidi:isolate} .abqb-h1 .abqb-olf{font-size:1.08em} .abqb [lang="he"],.abqb [lang="el"]{font-family:"ABQ Biblical","Times New Roman","SBL Hebrew","SBL Greek",serif} /* Read-along (1.15.0): the verse the narrator is on, and the Follow switch in the player. */ .abqb-text span.v.is-reading{background:rgba(217,165,58,.24);box-shadow:0 0 0 3px rgba(217,165,58,.24);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .25s} html.abqb-dark .abqb-text span.v.is-reading{background:rgba(217,165,58,.3);box-shadow:0 0 0 3px rgba(217,165,58,.3)} .abqb-text span.abqb-word{background:rgba(217,165,58,.85);color:#1d1610;border-radius:2px} html.abqb-dark .abqb-text span.abqb-word{background:#d9a53a;color:#1d1610} /* The progress slider under a finger: a tall strip to land on, a larger knob, and sideways drags kept for it. */ /* Phones (1.19.0): four rows with room between things, laid out like a music player. The chapter name and close; the progress slider; previous chapter, back 15, play, next chapter and speed; then the narrator and the three switches (read-along, memorize, full screen). The wrappers dissolve so each control is its own cell. */ /* Full-screen reading (1.18.0). */ .abqb-focus-hide{display:none !important} html.abqb-focus{margin-top:0 !important;scroll-padding-top:0 !important} html.abqb-focus,html.abqb-focus body{background:var(--abqb-focus-bg,#FBF7EF) !important} html.abqb-focus .abqb-focus-path{display:block !important;position:static !important;float:none !important;width:auto !important;max-width:none !important;min-width:0 !important;min-height:0 !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;transform:none !important;overflow:visible !important} /* the text runs nearly edge to edge and grows with the screen: about 60 to 70 letters to a line at any width. */ html.abqb-focus .abqb-text.abqb-focus-path{max-width:none !important;min-height:100vh !important;margin:0 !important;padding:max(7vh,64px) max(20px,4vw) 55vh !important;font-size:calc(clamp(21px,2.7vw,72px) * var(--abqb-scale,1) * var(--abqb-fscale,1));line-height:1.65} html.abqb-focus .abqb-text.abqb-focus-path .vn{font-size:.5em} html.abqb-focus .abqb-text .abqb-mark,html.abqb-focus .abqb-text sup.fn{display:none !important} button.abqb-focus-x{all:unset;box-sizing:border-box;display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:14px;z-index:9985;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;color:#f6eedd;background:rgba(29,22,16,.55) !important;opacity:.55;-webkit-tap-highlight-color:transparent;transition:opacity .2s} button.abqb-focus-x:hover,button.abqb-focus-x:focus-visible{opacity:1} .abqb-focus-brand{display:none;position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);z-index:9989;min-height:44px;box-sizing:border-box;padding:4px 8px;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:rgba(185,138,46,.25);font-family:Sora,system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1.3;color:#6B5433;text-decoration:none;opacity:.9;white-space:nowrap} .abqb-focus-brand img{display:block;height:36px;width:auto;max-width:min(46vw,260px);object-fit:contain} .abqb-focus-brand.has-logo .abqb-focus-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .abqb-focus-brand:hover,.abqb-focus-brand:focus-visible{opacity:1} .abqb-focus-brand:focus-visible{outline:2px solid #d9a53a;outline-offset:3px} html.abqb-focus .abqb-focus-brand{display:inline-flex} html.abqb-focus.abqb-dark .abqb-focus-brand{color:#CDBB9A} html.abqb-focus.abqb-dark .abqb-focus-brand.has-logo img{display:none} html.abqb-focus.abqb-dark .abqb-focus-brand.has-logo .abqb-focus-name{position:static;width:auto;height:auto;clip-path:none} @media (max-width:700px){.abqb-focus-brand img{height:28px;max-width:calc(100vw - 250px)}.abqb-focus-brand{font-size:11px;letter-spacing:.04em;max-width:calc(100vw - 250px);overflow:hidden}html.abqb-focus .abqb-focus-size{right:auto;left:14px}} .abqb-audio-site{padding:0 0 9px;margin-top:-4px;text-align:center;font-family:Sora,Inter,system-ui,sans-serif;font-size:10px;font-weight:500;letter-spacing:.22em;color:var(--au-dim,#A9ABB2);opacity:.7;pointer-events:none;user-select:none;-webkit-user-select:none} @media (max-width:900px){.abqb-audio-site{padding:2px 0 calc(8px + env(safe-area-inset-bottom,0px));margin-top:0}} .abqb-focus-turn{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9984;padding:9px 18px;border-radius:999px;background:rgba(23,24,27,.82);color:#F4EFE6;font-family:var(--b-sans,system-ui,sans-serif);font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none} .abqb-focus-turn[hidden]{display:none} .abqb-tapstart{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9990;display:flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;background:rgba(23,24,27,.9);color:#F4EFE6;font-family:var(--b-sans,system-ui,sans-serif);font-size:17px;font-weight:600;box-shadow:0 18px 50px rgba(0,0,0,.35);pointer-events:none;max-width:calc(100vw - 32px)} .abqb-tapstart[hidden]{display:none} .abqb-tapstart span{display:inline-flex;width:38px;height:38px;border-radius:50%;align-items:center;justify-content:center;background:#E0B04A;color:#17181B;flex:0 0 auto} .abqb-tapstart svg{width:18px;height:18px} .abqb-mcta{display:flex;flex-wrap:wrap;gap:10px;margin:1.1em 0 0} .abqb-mprayer p{font-style:normal} .abqb-mprayer{border-left-color:var(--b-rubric)} .abqb-mprays{list-style:none;margin:0 0 1em;padding:0} .abqb-mprays li{margin:0;padding:12px 0;border-top:1px solid var(--b-line2)} .abqb-mprays li:last-child{border-bottom:1px solid var(--b-line2)} .abqb-mprays-a{display:block;margin-top:4px;font-family:var(--b-sans);font-size:14px} .abqb-mprays-a a{margin-right:18px;color:var(--b-gold2)} html:not(.abqb-focus):not(.abqb-autohide) .abqb-focus-turn{display:none} html.abqb-autohide:not(.abqb-focus) .abqb-focus-turn{pointer-events:auto;cursor:pointer;padding:11px 18px;bottom:calc(92px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis;font-size:13.5px;box-shadow:0 6px 18px rgba(0,0,0,.3)} html.abqb-focus button.abqb-focus-x{display:inline-flex} /* Memorizing (1.19.0). */ .abqb-text.abqb-memo-on span.v{cursor:pointer;transition:opacity .2s} .abqb-text.abqb-memo-on span.v:not(.is-memo){opacity:.38} .abqb-text.abqb-memo-on span.v.is-memo{text-decoration:underline;text-decoration-color:rgba(217,165,58,.75);text-decoration-thickness:2px;text-underline-offset:.28em} html.abqb-focus .abqb-text.abqb-memo-on .memo-off{display:none !important} html.abqb-focus .abqb-text.abqb-memo-on.abqb-focus-path{display:flex !important;flex-direction:column;justify-content:center;padding-bottom:max(7vh,64px) !important;font-size:calc(clamp(24px,3.6vw,96px) * var(--abqb-scale,1) * var(--abqb-fscale,1))} html.abqb-focus .abqb-text.abqb-memo-on span.v.is-memo{text-decoration:none} html.abqb-focus .abqb-text.abqb-memo-on::before{content:attr(data-memo);display:block;margin:0 0 .9em;font-family:var(--b-sans);font-size:.42em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-rubric)} html.abqb-focus .abqb-text.abqb-memo-on p,html.abqb-focus .abqb-text.abqb-memo-on div{margin-top:0;margin-bottom:.35em;text-indent:0} /* Memorizing options (1.20.0): the strip above the player, and hidden words. */ .abqb-text span.abqb-mw.is-hid{color:transparent !important;background:none !important;border-bottom:2px solid var(--b-ink3,#9A8A70);border-radius:0;-webkit-user-select:none;user-select:none} .abqb-text span.abqb-mw.is-hid .abqb-word,.abqb-text span.abqb-mw.is-hid.abqb-word{color:transparent !important;background:rgba(217,165,58,.55) !important} .abqb-text span.abqb-mw.is-hid *{color:transparent !important} /* 1.21.0: full-screen text size, exact words, the reference said aloud */ .abqb-focus-size{display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:64px;z-index:9985;gap:8px} html.abqb-focus .abqb-focus-size{display:inline-flex} button.abqb-focus-sz{all:unset;box-sizing:border-box;min-width:44px;height:40px;padding:0 10px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font:600 15px/1 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f6eedd !important;background:rgba(29,22,16,.55) !important;opacity:.6;-webkit-tap-highlight-color:transparent} button.abqb-focus-sz:hover,button.abqb-focus-sz:focus-visible{opacity:1} button.abqb-focus-sz:focus{outline:none} button.abqb-focus-sz:focus-visible{outline:2px solid #d9a53a;outline-offset:2px} .abqb-text span.abqb-mw.is-out{opacity:.38} html.abqb-focus .abqb-text:not(.abqb-trim) span.abqb-mw.is-out{display:none} .abqb-text.abqb-trim span.abqb-mw{cursor:pointer;border-radius:3px} .abqb-text.abqb-trim span.abqb-mw:hover{background:rgba(217,165,58,.28)} .abqb-text.abqb-trim span.abqb-mw.is-out{opacity:.6} .abqb-text span.abqb-mw.is-pick{background:rgba(217,165,58,.75) !important;color:#1d1610 !important} .abqb-text span.abqb-mw.is-out{display:inline-block;text-decoration:none} /* 1.22.0: Memorize Scripture pages, make-your-own list, landing pages */ .abqb-mpreview{margin:0 0 18px;padding:10px 14px;border:1px dashed var(--b-rubric);background:var(--b-card);font-family:var(--b-sans);font-size:14px;line-height:1.45;color:var(--b-ink)} .abqb-mprose{font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.7;color:var(--b-ink)} .abqb-mprose p{margin:0 0 .9em} .abqb-mintro{font-size:1em} .abqb-mwhen{padding:12px 16px;border-left:3px solid var(--b-gold);background:var(--b-card)} .abqb-mh2{scroll-margin-top:110px;font-family:Fraunces,Georgia,serif;font-size:26px;line-height:1.25;font-weight:600;color:var(--b-ink);margin:1.5em 0 .6em} .abqb-mquote{margin:0 0 1.1em;padding:14px 18px;border-left:3px solid var(--b-gold);background:var(--b-card)} .abqb-mquote p{margin:0 0 .35em;font-style:italic} .abqb-mquote cite{font-family:var(--b-sans);font-size:12.5px;font-style:normal;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .abqb-mquote cite a{color:var(--b-gold2);text-decoration:none} .abqb-mgroup{margin:1.6em 0 .7em} .abqb-mtopics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .abqb-mtopics a{display:flex;flex-direction:column;gap:3px;height:100%;padding:13px 15px;background:var(--b-card);border:1px solid var(--b-line2);text-decoration:none;color:var(--b-ink);font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.3} .abqb-mtopics a:hover,.abqb-mtopics a:focus-visible{border-color:var(--b-gold);background:var(--b-amber)} .abqb-mtopics small{font-family:var(--b-sans);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--b-ink3)} .abqb-mcards{display:grid;gap:18px;margin:0 0 1.4em} .abqb-mcard{padding:18px 20px 14px;background:var(--b-card);border:1px solid var(--b-line2);border-left:3px solid var(--b-line2)} .abqb-mcard.is-on{border-left-color:var(--b-gold)} .abqb-mcard-h{margin:0 0 .35em;font-family:var(--b-sans);font-size:13.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase} .abqb-mcard-h a{color:var(--b-rubric);text-decoration:none} .abqb-mcard-h a:hover{text-decoration:underline} .abqb-mcard-first{margin-left:8px;padding:2px 8px;border-radius:10px;background:var(--b-amber);color:var(--b-ink);font-size:10.5px;letter-spacing:.1em} .abqb-mcard-note{margin:0 0 .4em;font-family:var(--b-sans);font-size:13px;color:var(--b-ink2)} .abqb-mcard .abqb-mtext p{margin:0 0 .5em} .abqb-mcard .abqb-mtext sup.vn a{pointer-events:none;text-decoration:none;color:inherit} .abqb-mtext .abqb-mdim{opacity:.38} .abqb-text.is-live .abqb-mdim{opacity:1} .abqb-mcard-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:.5em 0 0;font-family:var(--b-sans);font-size:13.5px} .abqb-mcard-ctx{color:var(--b-gold2)} .abqb-btn-quiet{background:transparent !important;color:var(--b-ink) !important;border:1px solid var(--b-line2) !important} .abqb-mpraylink{font-family:Newsreader,Georgia,serif;font-size:18px} .abqb-mhow{margin:0;padding-left:1.2em;font-size:15px;line-height:1.5} .abqb-mhow li{margin:0 0 .6em} .abqb-mbox-p{font-size:15px;line-height:1.5;margin:0 0 .8em} .abqb-mmore{list-style:none;margin:0 0 .8em;padding:0;font-size:15.5px;line-height:1.9} .abqb-msteps,.abqb-mfeat{padding-left:1.2em;margin:0 0 1em} .abqb-msteps li,.abqb-mfeat li{margin:0 0 .55em} .abqb-mwords{list-style:none;margin:0 0 1em;padding:0;display:flex;flex-wrap:wrap;gap:8px} .abqb-mwords a{display:inline-block;padding:7px 14px;border:1px solid var(--b-line2);background:var(--b-card);text-decoration:none;color:var(--b-ink)} .abqb-mbuild label{display:block;margin:0 0 4px;font-family:var(--b-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink2)} .abqb-mbuild input[type=text]{width:100%;max-width:460px;height:44px;padding:0 12px;border:1px solid var(--b-line2);border-radius:0;background:#fff;color:#2A2118;font-size:16px} .abqb-mbuild-row{display:flex;gap:8px;max-width:560px} .abqb-mbuild-row input[type=text]{flex:1 1 auto;max-width:none} .abqb-mbuild-err{color:var(--b-rubric);font-family:var(--b-sans);font-size:14.5px} .abqb-mbuild-list{margin:0 0 1em;padding-left:1.4em;font-family:Newsreader,Georgia,serif;font-size:18px} .abqb-mbuild-list li{margin:0 0 6px} .abqb-mbuild-list li span{display:inline-block;min-width:11em} .abqb-mbuild-list button{all:unset;box-sizing:border-box;width:32px;height:32px;margin-left:4px;text-align:center;border:1px solid var(--b-line2);background:var(--b-card);color:var(--b-ink);cursor:pointer;font-family:var(--b-sans);font-size:15px} .abqb-mbuild-list button[disabled]{opacity:.35;cursor:default} .abqb-mbuild-list button:focus-visible{outline:2px solid var(--b-gold)} .abqb-mbuild-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-family:var(--b-sans);font-size:14px} .abqb-mload{font-family:var(--b-sans);font-size:14px;color:var(--b-ink2)} .abqb-lcards{list-style:none;margin:0 0 1.5em;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px} .abqb-lcard{padding:18px 20px;background:var(--b-card);border:1px solid var(--b-line2)} .abqb-lcard h2{margin:0 0 .4em;font-family:Fraunces,Georgia,serif;font-size:22px;line-height:1.25} .abqb-lcard h2 a{color:var(--b-ink);text-decoration:none} .abqb-lcard p{margin:0 0 .8em;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.5;color:var(--b-ink2)} .abqb-lcard p:last-child{margin:0} button.abqb-btn{border:0;border-radius:0;cursor:pointer;line-height:1.2} .abqb-mcard-act .abqb-btn,.abqb-mbuild .abqb-btn,.abqb-mlist-edit .abqb-btn{padding:11px 20px} .abqb-mtext sup.fn{display:none} .abqb-mbuild-full{font-family:var(--b-sans);font-size:14px} .abqb-mbuild .abqb-mbuild-full label{display:inline;text-transform:none;letter-spacing:0;font-weight:400;font-size:14px} /* ===== Audio player (redesigned 1.23.0): one dashboard. A transport row, and a Memorize panel above it. ===== */ .abqb-audio{--au-bg:#17181B;--au-bg2:#202227;--au-bg3:#2A2D33;--au-well:#111215;--au-ink:#F4F1EA;--au-dim:#A9ABB2;--au-line:rgba(255,255,255,.10);--au-gold:#E0B04A;--au-gold2:#F2CF7E; position:fixed;left:0;right:0;bottom:0;z-index:9980;box-sizing:border-box;display:block;overflow:hidden;color:var(--au-ink); background:linear-gradient(180deg,#1E2025,#15161A);border-top:1px solid var(--au-line);border-radius:22px 22px 0 0;box-shadow:0 -12px 40px rgba(20,16,10,.34); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;line-height:1.3;transition:opacity .35s ease,visibility .35s} .abqb-audio[hidden]{display:none} .abqb-audio.is-idle{opacity:0;visibility:hidden;pointer-events:none} .abqb-audio *{box-sizing:border-box} .abqb-audio audio{display:none} .abqb-audio button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--au-ink);-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease} .abqb-audio button[hidden]{display:none} .abqb-audio button:focus{outline:none !important;box-shadow:none} .abqb-audio button:focus-visible,.abqb-audio select:focus-visible,.abqb-audio input:focus-visible{outline:2px solid var(--au-gold2) !important;outline-offset:2px} .abqb-audio svg{display:block;flex:none} /* transport */ .abqb-audio-tr{display:grid;align-items:center;column-gap:16px;grid-template-columns:auto minmax(120px,190px) minmax(180px,1fr) auto auto;grid-template-areas:"main info track tools x";padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) 14px} .abqb-audio-grip{display:none} .abqb-audio-main{grid-area:main;display:flex;align-items:center;gap:6px} .abqb-audio button.abqb-audio-play{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#F6D98E,#D9A53A 70%) !important;color:#1b1408 !important;box-shadow:0 6px 18px rgba(217,165,58,.32)} .abqb-audio button.abqb-audio-play:hover{filter:brightness(1.06)} .abqb-audio button.abqb-audio-play:active{transform:scale(.95)} .abqb-audio button.abqb-audio-play svg{width:22px;height:22px} .abqb-audio.is-loading button.abqb-audio-play{animation:abqb-au-pulse 1s ease-in-out infinite} .abqb-audio button.abqb-audio-ch,.abqb-audio button.abqb-audio-back,.abqb-audio button.abqb-audio-x,.abqb-audio button.abqb-audio-f,.abqb-audio button.abqb-audio-m,.abqb-audio button.abqb-audio-fs{width:40px;height:40px;border-radius:12px;background:transparent !important;color:var(--au-ink) !important;border:0} .abqb-audio button.abqb-audio-ch:hover,.abqb-audio button.abqb-audio-back:hover,.abqb-audio button.abqb-audio-x:hover,.abqb-audio button.abqb-audio-f:hover,.abqb-audio button.abqb-audio-m:hover,.abqb-audio button.abqb-audio-fs:hover{background:var(--au-bg3) !important} .abqb-audio button.abqb-audio-ch svg{width:18px;height:18px} .abqb-audio button.abqb-audio-back svg{width:21px;height:21px} .abqb-audio button.abqb-audio-f[aria-pressed="true"],.abqb-audio button.abqb-audio-m[aria-pressed="true"],.abqb-audio button.abqb-audio-fs[aria-pressed="true"]{background:rgba(224,176,74,.16) !important;color:var(--au-gold2) !important} .abqb-audio button.abqb-audio-r{order:5;min-width:46px;height:40px;padding:0 10px;border:1px solid var(--au-line);border-radius:12px;background:var(--au-well) !important;font-size:13.5px;font-weight:700;font-variant-numeric:tabular-nums} .abqb-audio button.abqb-audio-r:hover{border-color:rgba(224,176,74,.6)} .abqb-audio-t{grid-area:info;min-width:0} .abqb-audio-t b{display:block;font-size:15px;font-weight:650;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .abqb-audio-sub{display:block;margin-top:2px;color:var(--au-dim);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .abqb-audio-sub.is-note,.abqb-audio-sub a{color:var(--au-gold2)} .abqb-audio-track{grid-area:track;display:flex;align-items:center;gap:12px;min-width:0} .abqb-audio-now,.abqb-audio-len{flex:none;min-width:36px;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--au-dim)} .abqb-audio-now{text-align:right} .abqb-audio input.abqb-audio-seek{flex:1 1 auto;min-width:0;height:22px;margin:0;padding:0;background:transparent;border:0;cursor:pointer;-webkit-appearance:none;appearance:none;--abqb-fill:0%;touch-action:none} .abqb-audio input.abqb-audio-seek::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,#C9972F 0,var(--au-gold2) var(--abqb-fill),#34373E var(--abqb-fill))} .abqb-audio input.abqb-audio-seek::-moz-range-track{height:6px;border-radius:3px;background:#34373E} .abqb-audio input.abqb-audio-seek::-moz-range-progress{height:6px;border-radius:3px;background:var(--au-gold)} .abqb-audio input.abqb-audio-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 5px rgba(0,0,0,.5)} .abqb-audio input.abqb-audio-seek::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:0;box-shadow:0 1px 5px rgba(0,0,0,.5)} .abqb-audio-opts{grid-area:tools;display:flex;align-items:center;gap:6px;min-width:0} .abqb-audio-vwrap{display:inline-flex;align-items:center;gap:8px;height:40px;margin:0 4px 0 0;padding:0 4px 0 12px;border:1px solid var(--au-line);border-radius:12px;background:var(--au-well)} .abqb-audio-vlabel{font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--au-dim);white-space:nowrap} .abqb-audio select.abqb-audio-v{-webkit-appearance:none;appearance:none;height:36px;max-width:150px;margin:0;padding:0 24px 0 0;border:0;border-radius:8px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A9ABB2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:10px 6px;color:var(--au-ink);font:600 13.5px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer;text-overflow:ellipsis} .abqb-audio select option{background:#17181B;color:#F4F1EA} .abqb-audio-lbl{display:none} .abqb-audio button.abqb-audio-x{grid-area:x;color:var(--au-dim) !important} /* memorize panel */ .abqb-audio-memo{background:var(--au-bg2);border-bottom:1px solid var(--au-line);padding:14px 20px 16px} .abqb-audio-memo[hidden]{display:none} .abqb-mz-top{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0} .abqb-mz-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--au-gold);box-shadow:0 0 0 4px rgba(224,176,74,.18)} .abqb-mz-top strong{flex:none;font-size:14px;font-weight:650} .abqb-mz-sum{flex:1 1 auto;min-width:0;font-size:13px;color:var(--au-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .abqb-mz-acts{display:flex;align-items:center;gap:8px;flex:none} .abqb-audio button.abqb-mz-btn{height:34px;padding:0 13px;border-radius:10px;border:1px solid var(--au-line) !important;background:transparent !important;color:var(--au-ink) !important;font-size:13px;font-weight:600;white-space:nowrap} .abqb-audio button.abqb-mz-btn:hover{border-color:rgba(224,176,74,.6)} .abqb-audio button.abqb-mz-btn[aria-pressed="true"]{background:rgba(224,176,74,.16) !important;border-color:rgba(224,176,74,.6) !important;color:var(--au-gold2) !important} .abqb-audio button.abqb-mz-gold{background:var(--au-gold) !important;border-color:var(--au-gold) !important;color:#1b1408 !important} .abqb-audio button.abqb-mz-gold:hover{background:var(--au-gold2) !important} .abqb-audio button.abqb-mz-min{flex:none;gap:6px;height:34px;padding:0 8px 0 10px;border-radius:10px;border:0 !important;background:transparent !important;color:var(--au-dim) !important;font-size:12.5px;font-weight:600} .abqb-audio button.abqb-mz-min:hover{background:var(--au-bg3) !important;color:var(--au-ink) !important} .abqb-audio button.abqb-mz-min svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .2s ease} .abqb-audio button.abqb-mz-min span{display:none} .abqb-audio-memo.is-min{padding-bottom:10px;padding-top:10px} .abqb-audio-memo.is-min .abqb-mz-top{margin-bottom:0} .abqb-audio-memo.is-min .abqb-mz-grid,.abqb-audio-memo.is-min .abqb-mz-acts{display:none} .abqb-audio-memo.is-min button.abqb-mz-min svg{transform:rotate(-90deg)} .abqb-audio-memo.is-min button.abqb-mz-min span{display:inline} .abqb-mz-grid{display:grid;grid-template-columns:auto 1.25fr 1.25fr .9fr;gap:10px 22px;align-items:end} .abqb-mz-fld{display:flex;flex-direction:column;gap:6px;min-width:0} .abqb-mz-lab{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--au-dim);white-space:nowrap} .abqb-mz-seg{display:flex;gap:2px;padding:3px;background:var(--au-well);border:1px solid var(--au-line);border-radius:11px} .abqb-audio .abqb-mz-seg button{flex:1 1 0;min-width:0;height:32px;padding:0 6px;border:0 !important;border-radius:8px;background:transparent !important;font-size:13px;font-weight:600;color:var(--au-dim) !important;white-space:nowrap} .abqb-audio .abqb-mz-seg button:hover{color:var(--au-ink) !important} .abqb-audio .abqb-mz-seg button.is-on{background:var(--au-bg3) !important;color:var(--au-ink) !important;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 1px 3px rgba(0,0,0,.4)} .abqb-audio .abqb-mz-fld:nth-child(3) .abqb-mz-seg button.is-on:not(:first-child){background:var(--au-gold) !important;color:#1b1408 !important;box-shadow:none} .abqb-mz-pass{display:flex;align-items:center;gap:8px;color:var(--au-dim);font-size:13px} .abqb-audio select.abqb-audio-vs{-webkit-appearance:none;appearance:none;height:40px;min-width:68px;margin:0;padding:0 28px 0 13px;border:1px solid var(--au-line);border-radius:11px;background-color:var(--au-well);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A9ABB2' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:10px 6px;color:var(--au-ink);font:650 15px/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;cursor:pointer} /* wide screens: a floating card that can be dragged */ @media (min-width:901px){ .abqb-audio{left:50%;right:auto;bottom:18px;transform:translateX(-50%);width:min(1080px,calc(100% - 36px));border:1px solid var(--au-line);border-radius:20px;box-shadow:0 24px 60px rgba(20,16,10,.38),0 1px 0 rgba(255,255,255,.05) inset;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none} .abqb-audio.is-moving{cursor:grabbing;box-shadow:0 30px 70px rgba(20,16,10,.5)} .abqb-audio-tr{grid-template-columns:auto auto minmax(120px,190px) minmax(180px,1fr) auto auto;grid-template-areas:"grip main info track tools x";padding-bottom:12px} .abqb-audio-grip{grid-area:grip;display:block;width:10px;height:22px;opacity:.4;background-image:radial-gradient(circle,var(--au-ink) 1.2px,transparent 1.6px);background-size:5px 6px;background-position:0 1px} .abqb-audio:hover .abqb-audio-grip{opacity:.8} .abqb-audio button.abqb-audio-r{order:0;margin-left:4px} .abqb-audio-main{display:contents} .abqb-audio-main>*{grid-row:1} .abqb-audio-tr{grid-template-columns:auto auto auto auto auto minmax(110px,220px) minmax(120px,1fr) auto auto auto;grid-template-areas:"grip prev back play next info track rate tools x"} .abqb-audio button.abqb-audio-prev{grid-area:prev;margin-right:-10px} .abqb-audio button.abqb-audio-back{grid-area:back;margin-right:-10px} .abqb-audio button.abqb-audio-play{grid-area:play;margin-right:-10px} .abqb-audio button.abqb-audio-next{grid-area:next} .abqb-audio button.abqb-audio-r{grid-area:rate;margin:0 -10px 0 0} } @media (min-width:901px) and (max-width:1120px){.abqb-mz-grid{grid-template-columns:auto 1fr 1fr}.abqb-mz-fld:nth-child(4){grid-column:2 / span 2}.abqb-audio-vlabel{display:none}.abqb-audio-vwrap{padding-left:10px}.abqb-audio-tr{grid-template-columns:auto auto auto auto auto minmax(110px,170px) minmax(120px,1fr) auto auto auto;column-gap:12px}.abqb-audio-opts>button{flex:0 0 40px;min-width:40px}.abqb-audio-opts select{max-width:120px}} /* phones: a sheet at the foot of the screen; every control a comfortable size, nothing cut off */ @media (max-width:900px){ .abqb-audio-tr{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px calc(14px + env(safe-area-inset-bottom,0px));position:relative} .abqb-audio-t{order:1;padding-right:48px} .abqb-audio-t b{font-size:16.5px} .abqb-audio-sub{font-size:13px} .abqb-audio button.abqb-audio-x{position:absolute;top:10px;right:10px;width:40px;height:40px} .abqb-audio-track{order:2} .abqb-audio-now,.abqb-audio-len{font-size:13px;min-width:40px} .abqb-audio input.abqb-audio-seek{height:40px;margin:-9px 0} .abqb-audio input.abqb-audio-seek::-webkit-slider-thumb{width:22px;height:22px;margin-top:-8px} .abqb-audio input.abqb-audio-seek::-moz-range-thumb{width:22px;height:22px} .abqb-audio-main{order:3;justify-content:space-between;padding:0 4px} .abqb-audio-main button.abqb-audio-ch,.abqb-audio-main button.abqb-audio-back{width:48px;height:48px} .abqb-audio-main button.abqb-audio-ch svg{width:21px;height:21px} .abqb-audio-main button.abqb-audio-back svg{width:25px;height:25px} .abqb-audio button.abqb-audio-play{width:60px;height:60px} .abqb-audio button.abqb-audio-play svg{width:25px;height:25px} .abqb-audio button.abqb-audio-prev{order:1}.abqb-audio button.abqb-audio-back{order:2}.abqb-audio button.abqb-audio-play{order:3}.abqb-audio button.abqb-audio-r{order:4;width:48px;min-width:48px;height:48px;border:0;background:transparent !important;font-size:15.5px}.abqb-audio button.abqb-audio-next{order:5} .abqb-audio-main button[hidden]{display:inline-flex;visibility:hidden} .abqb-audio-opts{order:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .abqb-audio-vwrap{flex-direction:column;justify-content:center;gap:1px;height:54px;margin:0;padding:0 4px;border-radius:13px;min-width:0} .abqb-audio-vlabel{font-size:10.5px;letter-spacing:.06em;text-transform:none;font-weight:650} .abqb-audio select.abqb-audio-v{height:22px;width:100%;max-width:none;padding:0 2px;background-image:none;text-align:center;text-align-last:center;font-size:12.5px;font-weight:650} .abqb-audio-opts>.abqb-audio-vlabel{display:flex;align-items:center;justify-content:center;height:54px;border:1px solid var(--au-line);border-radius:13px;background:var(--au-well);text-align:center;white-space:normal;padding:0 6px} .abqb-audio button.abqb-audio-f,.abqb-audio button.abqb-audio-m,.abqb-audio button.abqb-audio-fs{width:100%;height:54px;flex-direction:column;gap:4px;border:1px solid var(--au-line);border-radius:13px;background:var(--au-well) !important;color:var(--au-dim) !important} .abqb-audio button.abqb-audio-f[aria-pressed="true"],.abqb-audio button.abqb-audio-m[aria-pressed="true"],.abqb-audio button.abqb-audio-fs[aria-pressed="true"]{border-color:rgba(224,176,74,.55);background:rgba(224,176,74,.13) !important;color:var(--au-gold2) !important} .abqb-audio button.abqb-audio-f[hidden],.abqb-audio button.abqb-audio-m[hidden]{display:inline-flex;opacity:.35;pointer-events:none} .abqb-audio-lbl{display:block;font-size:11px;font-weight:650;line-height:1;white-space:nowrap} .abqb-audio-opts svg{width:18px;height:18px} .abqb-audio-memo{padding:10px 16px 14px} .abqb-mz-top{flex-wrap:wrap;margin-bottom:10px} .abqb-mz-sum{display:none} .abqb-mz-top strong{flex:1 1 auto} .abqb-audio-memo.is-min .abqb-mz-sum{display:block;flex:1 1 0} .abqb-audio-memo.is-min .abqb-mz-top{flex-wrap:nowrap} .abqb-audio-memo.is-min .abqb-mz-top strong{flex:none} .abqb-mz-acts{order:5;flex:1 0 100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .abqb-audio button.abqb-mz-btn{height:40px;padding:0 6px;font-size:12.5px} .abqb-mz-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px} .abqb-mz-fld:nth-child(1){grid-row:1;grid-column:1}.abqb-mz-fld:nth-child(4){grid-row:1;grid-column:2}.abqb-mz-fld:nth-child(2),.abqb-mz-fld:nth-child(3){grid-column:1 / -1} .abqb-mz-pass{gap:6px}.abqb-audio .abqb-mz-pass select.abqb-audio-vs{min-width:0;height:44px;padding:0 24px 0 10px}.abqb-audio .abqb-mz-fld:nth-child(4) .abqb-mz-seg button{font-size:12.5px;padding:0 2px} .abqb-mz-pass select.abqb-audio-vs{flex:1 1 0;font-size:16px} .abqb-audio .abqb-mz-seg button{height:38px;font-size:13.5px} .abqb-audio button.abqb-mz-min span{display:inline} } @media (max-width:900px) and (max-height:700px){.abqb-audio-memo:not(.is-min){max-height:calc(100vh - 330px);overflow-y:auto}} html.abqb-dark .abqb-audio{--au-bg2:#2C2F35;--au-bg3:#3A3E46;--au-well:#1B1D21;--au-line:rgba(255,255,255,.16);background:linear-gradient(180deg,#30333A,#26282D);border-color:rgba(224,176,74,.45);box-shadow:0 0 0 1px rgba(224,176,74,.18),0 18px 50px rgba(0,0,0,.7)} @media (prefers-reduced-motion:reduce){.abqb-audio.is-loading button.abqb-audio-play{animation:none;opacity:.7}.abqb-audio{transition:none}} /* Memorize: play all, share (1.24.0) */ .abqb-mbar{margin:0 0 18px;padding:16px 18px;background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);font-family:var(--b-sans)} .abqb-mbar[hidden]{display:none} .abqb-mbar-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .abqb-mbar .abqb-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px} .abqb-mbar .abqb-mall{flex:1 1 220px;justify-content:center;font-size:14px} .abqb-mbar .abqb-mall.is-on{background:var(--b-rubric);border-color:var(--b-rubric);color:#fff} .abqb-mbar .abqb-mall.is-on svg{display:none} .abqb-meach{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;font-size:13px;color:var(--b-ink2)} .abqb-meach span{margin-right:4px} .abqb-meach button{all:unset;box-sizing:border-box;padding:6px 12px;border:1px solid var(--b-line2) !important;background:transparent !important;color:var(--b-ink) !important;font-family:var(--b-sans);font-size:13px;cursor:pointer} .abqb-meach button[aria-pressed=true]{background:var(--b-ink) !important;border-color:var(--b-ink) !important;color:var(--b-paper,#FBF7EF) !important} .abqb-meach button:focus-visible{outline:2px solid var(--b-gold);outline-offset:1px} .abqb-mbar-hint{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--b-ink3)} .abqb-mshare{margin:14px 0 0;padding:14px 0 0;border-top:1px solid var(--b-line2)} .abqb-mshare[hidden]{display:none} .abqb-mshare-h{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink2)} .abqb-mshare-acts{display:flex;flex-wrap:wrap;gap:8px} .abqb-mshare-set{margin:14px 0 0}.abqb-mshare-set .abqb-meach{margin:0 0 8px}.abqb-meach output{min-width:44px;text-align:center;font-size:13px;color:var(--b-ink)}.abqb-mshare-note{margin:4px 0 0;font-size:12.5px;line-height:1.45;color:var(--b-ink3)} .abqb-mshare-opt{margin:12px 0 0;font-size:14px;line-height:1.4}.abqb-mshare-opt label{display:inline;font-family:var(--b-sans);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--b-ink2)}.abqb-mshare-opt input{width:16px;height:16px;vertical-align:-2px} .abqb-mshare-opt input{margin-right:6px} .abqb-mshare-link{margin:10px 0 0;padding:9px 11px;border:1px dashed var(--b-line2);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.45;color:var(--b-ink2);word-break:break-all;user-select:all;-webkit-user-select:all} .abqb-mqr{margin:12px 0 0;text-align:center} .abqb-mqr[hidden]{display:none} .abqb-mqr svg{width:min(240px,70vw);height:auto;background:#fff;padding:6px;border:1px solid var(--b-line2)} .abqb-mqr p{margin:6px 0 0;font-size:13px;color:var(--b-ink2)} .abqb-mcard .abqb-mplay{display:inline-flex;align-items:center;gap:7px} .abqb-mcard.is-on{box-shadow:0 0 0 1px var(--b-gold)} /* Section pages written in the page editor (1.26.0) */ .abqb-page h2{scroll-margin-top:110px;font-family:Fraunces,Georgia,serif;font-size:26px;line-height:1.25;font-weight:600;color:var(--b-ink);margin:1.5em 0 .6em} .abqb-page h3:not(.abqb-group){font-family:Fraunces,Georgia,serif;font-size:21px;line-height:1.3;font-weight:600;color:var(--b-ink);margin:1.3em 0 .5em} .abqb-page > p:first-child{margin-top:0} .abqb-page ul:not([class*=abqb-]),.abqb-page ol:not([class*=abqb-]){padding-left:1.2em;margin:0 0 1em} .abqb-page ul:not([class*=abqb-]) li,.abqb-page ol:not([class*=abqb-]) li{margin:0 0 .55em} .abqb-page > p:not(.abqb-mcta) a,.abqb-page > .wp-block-list a{color:var(--b-gold2)} .abqb-page blockquote:not(.abqb-mquote){margin:0 0 1.1em;padding:14px 18px;border-left:3px solid var(--b-rubric);background:var(--b-card);font-size:inherit} .abqb-page blockquote:not(.abqb-mquote) p{margin:0} .abqb-page .abqb-lcard p{font-size:17px} .abqb-page .abqb-lcard h2{margin:0 0 .4em;font-size:22px} .abqb-page .abqb-mwords a{color:var(--b-ink)} .abqb-page .abqb-mwords{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 1em} @media (max-width:900px){.abqb-audio .abqb-audio-tr{padding-bottom:6px}} @media (min-width:901px){.abqb-audio .abqb-audio-tr{padding-bottom:8px}} @media (min-width:901px){.abqb-audio .abqb-audio-opts>button{flex:0 0 40px;min-width:40px}.abqb-audio .abqb-audio-opts{flex-shrink:0}} @media (min-width:901px){.abqb-audio .abqb-audio-opts select{max-width:150px}} .abqb-mrel{margin:0 0 1.4em}.abqb-mrel-p{margin:0 0 .6em;font-family:var(--b-sans);font-size:14px;color:var(--b-ink2)}.abqb-mrel-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--b-line2)}.abqb-mrel-list li{margin:0;border-bottom:1px solid var(--b-line2)}.abqb-mrel-list a{display:block;padding:12px 2px;font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.35;color:var(--b-ink);text-decoration:none}.abqb-mrel-list a:hover,.abqb-mrel-list a:focus-visible{color:var(--b-gold2);text-decoration:underline} .abqb-meach[hidden]{display:none} .abqb-mbar>.abqb-meach{margin:10px 0 0}.abqb-mbar>.abqb-meach>span:first-child{min-width:176px} @media (max-width:600px){.abqb-mbar>.abqb-meach>span:first-child{min-width:100%;margin:0 0 2px}} .abqb-mz-say{display:flex;gap:8px;min-width:0}.abqb-mz-say .abqb-mz-seg{flex:1 1 auto;min-width:0}.abqb-mz-say .abqb-mz-seg+.abqb-mz-seg{flex:0 1 auto} @media (min-width:1121px){.abqb-audio .abqb-mz-grid{grid-template-columns:auto 1.1fr 1.1fr 1.5fr}} @media (max-width:900px){.abqb-audio .abqb-mz-fld:nth-child(1){grid-column:1 / -1}.abqb-audio .abqb-mz-fld:nth-child(4){grid-row:auto;grid-column:1 / -1}.abqb-audio .abqb-mz-fld:nth-child(4) .abqb-mz-seg button{font-size:13px;padding:0 6px}} .abqb-lnow{margin:0 0 1.2em;padding:18px 20px;background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);font-family:var(--b-sans)} .abqb-lnow-h{margin:0 0 12px !important;font-size:12px !important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-rubric)} .abqb-lnow-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px} .abqb-lnow label{display:flex;flex-direction:column;gap:4px;flex:1 1 180px;margin:0}.abqb-lnow label:nth-child(2){flex:0 1 110px} .abqb-lnow label span{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink2)} .abqb-lnow select{height:48px;padding:0 12px;border:1px solid var(--b-line2);border-radius:0;background:#fff;color:#2A2118;font-size:17px;width:100%} .abqb-lnow .abqb-lnow-go{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 30px;font-size:14px;flex:0 0 auto} .abqb-lnow-p{margin:12px 0 0 !important;font-size:13.5px !important;line-height:1.5;color:var(--b-ink3)} @media (max-width:520px){.abqb-lnow .abqb-lnow-go{flex:1 1 100%}} /* a list made from an answer's scriptures: the way back to the answer */ .abqb-mlist-from{margin:-.2em 0 1em;font-size:.95em} /* buttons that stand alone in a card, a side box or a button row sit in the middle */ .abqb-lcard{display:flex;flex-direction:column} .abqb-lcard p:last-child{margin-top:auto;padding-top:.4em;text-align:center} .abqb-mcta{justify-content:center} .abqb-box p:has(> a.abqb-btn),.abqb-prose p:has(> a.abqb-btn),.abqb-page p:has(> a.abqb-btn),.abqb-full{text-align:center} /* ---- word study: facts, bars, forms, example verses ---- */ .abqb-facts{margin:0 0 18px;padding:14px 18px;background:var(--b-card);border:1px solid var(--b-line2);border-top:3px solid var(--b-gold);display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px 26px} .abqb-facts div{margin:0} .abqb-facts dt{margin:0;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-rubric)} .abqb-facts dd{margin:2px 0 0;font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.35;color:var(--b-ink)} .abqb-facts dd .abqb-olf{font-size:1.35em;line-height:1.1} .abqb-facts-n{display:block;font-family:var(--b-sans);font-size:11px;line-height:1.35;letter-spacing:.02em;color:var(--b-ink3)} .abqb-bars{list-style:none;margin:0 0 14px;padding:0} .abqb-bars li{display:grid;grid-template-columns:minmax(120px,210px) 1fr 52px;gap:12px;align-items:center;margin:0;padding:4px 0;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.3;color:var(--b-ink2)} .abqb-bars-t{display:block;height:10px;background:var(--b-line);border-radius:2px;overflow:hidden} .abqb-bars-t i{display:block;height:100%;background:var(--b-gold);border-radius:2px} .abqb-bars b{font-family:var(--b-sans);font-size:12px;font-weight:700;color:var(--b-rubric);text-align:right} .abqb-bars-l a{color:var(--b-ink);text-decoration:none;border-bottom:1px solid var(--b-line2)} .abqb-bars-l a:hover{color:var(--b-gold2);border-color:var(--b-gold)} .abqb-bars-l span[lang]{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-size:1.15em} .abqb-bars-l i{font-size:.9em;color:var(--b-ink3)} .abqb-forms{width:100%;max-width:620px;margin:0 0 10px;border-collapse:collapse;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.35} .abqb-forms th{padding:6px 10px;text-align:left;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-rubric);border-bottom:1px solid var(--b-line2)} .abqb-forms td{padding:6px 10px;border-bottom:1px solid var(--b-line);color:var(--b-ink2)} .abqb-forms th:last-child,.abqb-forms td:last-child{width:70px;text-align:right;font-family:var(--b-sans);font-size:12.5px;font-weight:700;color:var(--b-rubric)} .abqb-eword-m,.abqb-eword-x,.abqb-eword-all{grid-column:2} .abqb-eword-m{font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.45;color:var(--b-ink2)} .abqb-eword-m b{font-family:var(--b-sans);font-size:11px;font-weight:700;color:var(--b-rubric)} .abqb-eword-x{margin:8px 0 2px;padding:2px 0 2px 14px;border-left:2px solid var(--b-line2)} .abqb-eword-x .abqb-word-verse{margin:0 0 6px;font-size:17px;line-height:1.5} .abqb-eword-all{font-family:var(--b-sans);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-gold2);text-decoration:none} .abqb-eword-all:hover{color:var(--b-ink)} .abqb-guide ol{margin:0 0 6px;padding-left:1.3em} .abqb-guide li{margin:0 0 .6em;font-family:Newsreader,Georgia,serif;font-size:17.5px;line-height:1.5} @media (max-width:640px){.abqb-eword-m,.abqb-eword-x,.abqb-eword-all{grid-column:1}.abqb-bars li{grid-template-columns:minmax(96px,130px) 1fr 44px;gap:8px;font-size:16px}} /* ---- word study, phase 2: word by word, comparing words, a book's words, previews ---- */ .abqb-vmenu{flex-wrap:wrap} .abqb-vmenu a.abqb-vmenu-a{display:inline-flex;align-items:center;background:var(--b-ink);color:var(--b-paper);padding:9px 12px;font-family:var(--b-sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none} .abqb-vmenu a.abqb-vmenu-a:hover,.abqb-vmenu a.abqb-vmenu-a:focus-visible{background:var(--b-rubric);color:var(--b-paper)} mark.abqb-mk2{background:rgba(160,50,40,.16);color:inherit} .abqb-wbw-sec{margin:26px 0 10px;scroll-margin-top:110px} .abqb-wbw-wrap{overflow-x:auto;margin:0 0 14px} .abqb-wbw{width:100%;border-collapse:collapse;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.35} .abqb-wbw th{padding:6px 10px;text-align:left;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-rubric);border-bottom:1px solid var(--b-line2);white-space:nowrap} .abqb-wbw td{padding:7px 10px;border-bottom:1px solid var(--b-line);vertical-align:top;color:var(--b-ink)} .abqb-wbw-o{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-size:1.3em;line-height:1.2;white-space:nowrap} .abqb-wbw td i{color:var(--b-ink3)} .abqb-wbw-g{font-family:var(--b-sans);font-size:12px;line-height:1.45;color:var(--b-ink2)} .abqb-wbw-s a{font-family:var(--b-sans);font-size:12px;font-weight:700;color:var(--b-gold2);text-decoration:none;white-space:nowrap} .abqb-wbw-s a:hover{color:var(--b-ink)} .abqb-wbw-s span{display:block;font-size:15px;color:var(--b-ink2)} .abqb-wbw-v{margin:16px 0 4px;font-family:var(--b-sans);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-rubric)} .abqb-forms a.abqb-form-a,.abqb-lex-rel a.abqb-with-a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--b-gold);cursor:pointer} .abqb-forms a.abqb-form-a:hover,.abqb-lex-rel a.abqb-with-a:hover{color:var(--b-gold2)} .abqb-lex-rel a.abqb-cmp-a{margin-left:6px;color:var(--b-gold2);border-bottom:0;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:10px} .abqb-cmp-cta{justify-content:flex-start;margin:6px 0 22px} .abqb-cmp-wrap{overflow-x:auto;margin:0 0 20px} .abqb-cmp{width:100%;min-width:560px;border-collapse:collapse;table-layout:fixed} .abqb-cmp th,.abqb-cmp td{padding:12px 14px;border-bottom:1px solid var(--b-line);vertical-align:top;text-align:left;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.45;color:var(--b-ink)} .abqb-cmp thead th{border-bottom:2px solid var(--b-gold);font-size:22px} .abqb-cmp thead th a{color:var(--b-ink);text-decoration:none} .abqb-cmp thead th a:hover{color:var(--b-gold2)} .abqb-cmp thead th i{font-size:.75em;color:var(--b-ink3)} .abqb-cmp th[scope=row],.abqb-cmp thead th:first-child{width:118px;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--b-rubric)} .abqb-cmp-s{font-size:.9em;color:var(--b-ink2)} .abqb-cmp-l{list-style:none;margin:0;padding:0} .abqb-cmp-l li{margin:0 0 4px;font-size:16px} .abqb-cmp-l b,.abqb-cmp .abqb-rend b{font-family:var(--b-sans);font-size:11px;font-weight:700;color:var(--b-rubric)} .abqb-cmp .abqb-rend li{font-size:15.5px;padding:4px 9px} .abqb-cmp .abqb-rend li:has(>a){padding:0}.abqb-cmp .abqb-rend a.abqb-rend-a{padding:4px 9px} .abqb-bars-sm li{grid-template-columns:minmax(80px,120px) 1fr 40px;gap:8px;font-size:15px;padding:2px 0} .abqb-bookvocab{margin:26px 0 8px} /* ---- word study, site-only extras: the Septuagint bridge and meanings by semantic domain ---- */ .abqb-bars-l small{display:block;font-size:.8em;line-height:1.25;color:var(--b-ink3)} .abqb-src-credit{margin-top:6px;font-size:12.5px;line-height:1.5} .abqb-src-credit a{color:var(--b-gold2)} .abqb-ubs{margin:0 0 6px} .abqb-senses{margin:0 0 10px;padding:0;list-style:none;counter-reset:sense} .abqb-senses>li{position:relative;margin:0 0 12px;padding:14px 18px 12px 52px;background:var(--b-card);border:1px solid var(--b-line2);counter-increment:sense} .abqb-senses>li::before{content:counter(sense);position:absolute;left:16px;top:13px;width:24px;height:24px;border-radius:50%;background:var(--b-gold);color:#fff;font-family:var(--b-sans);font-size:12px;font-weight:700;line-height:24px;text-align:center} .abqb-sense-dom{margin:0 0 4px;font-family:var(--b-sans);font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--b-rubric)} .abqb-sense-dom span{margin-left:6px;font-weight:600;letter-spacing:.04em;color:var(--b-ink3)} .abqb-sense-g{margin:0 0 4px;font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.35;color:var(--b-ink)} .abqb-sense-g i{margin-left:6px;font-size:.78em;color:var(--b-ink3)} .abqb-sense-d{margin:0 0 6px;font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.5;color:var(--b-ink2)} .abqb-sense-rel,.abqb-sense-refs{margin:0 0 4px;font-family:Newsreader,Georgia,serif;font-size:16px;line-height:1.55;color:var(--b-ink2)} .abqb-sense-rel b{font-family:var(--b-sans);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--b-ink3)} .abqb-sense-rel span[lang]{font-family:"ABQ Biblical","Times New Roman","SBL Greek","SBL Hebrew","Ezra SIL",serif;font-size:1.15em} .abqb-sense-rel small{color:var(--b-ink3)} .abqb-sense-rel a,.abqb-sense-refs a{color:var(--b-ink);text-decoration:none;border-bottom:1px solid var(--b-line2)} .abqb-sense-rel a:hover,.abqb-sense-refs a:hover{color:var(--b-gold2);border-color:var(--b-gold)} @media (max-width:640px){.abqb-senses>li{padding:44px 14px 12px 14px}.abqb-senses>li::before{left:14px;top:12px}} /* a word's card, shown on pointing at any link to a word study */ .abq-refpop .abqb-wc-w{margin:0 0 4px;font-family:Newsreader,Georgia,serif;font-size:21px;line-height:1.2} .abq-refpop .abqb-wc-w .abqb-olf{font-size:1.25em} .abq-refpop .abqb-wc-w i{font-size:.82em;opacity:.75} .abq-refpop .abqb-wc-d{margin:0 0 4px;font-family:Newsreader,Georgia,serif;font-size:18px;line-height:1.35} .abq-refpop .abqb-wc-f{margin:0 0 6px;font-family:Newsreader,Georgia,serif;font-size:15.5px;line-height:1.45;opacity:.85} .abq-refpop .abqb-wc-m{margin:0 0 6px;font-family:var(--b-sans,system-ui,sans-serif);font-size:11px;line-height:1.5;letter-spacing:.04em;opacity:.8} .abq-refpop .abqb-wc-t{margin:0 0 8px;font-family:Newsreader,Georgia,serif;font-size:15.5px;line-height:1.45} .abq-refpop .abqb-wc-t span{font-family:var(--b-sans,system-ui,sans-serif);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-right:4px} .abq-refpop .abqb-wc-t b{font-family:var(--b-sans,system-ui,sans-serif);font-size:10.5px;font-weight:700;opacity:.75} .abq-refpop .abqb-wc-v{margin:8px 0 0;padding-top:8px;border-top:1px solid rgba(138,106,30,.25);font-size:15.5px} a.abq-ref-w{cursor:pointer} /* ---------- Art, as on the home page: the picture fills the space, sits centered at the bottom, and on a desktop stays still while the page moves over it. On tablets and phones it scrolls with the page. ---------- */ .abqb-band-art{width:100%;left:0;transform:none;background:var(--abqb-art) center bottom/cover no-repeat;-webkit-mask-image:none !important;mask-image:none !important} .abqb-lamp{background-size:auto,cover;background-position:center,center bottom;background-repeat:no-repeat} @media (min-width:1025px) and (hover:hover){ .abqb-band-art{background-attachment:fixed} .abqb-lamp{background-attachment:scroll,fixed} } @media print{.abqb-band-art{display:none}} /* ---- Full-screen reading and sharing from the reader (assets/read.js) ---- */ .abqb-mini .abqb-readbtn[aria-pressed=true],.abqb-mini .abqb-readbtn[aria-expanded=true]{color:var(--b-gold2)} .abqb-mini .abqb-readbtn svg{display:block} .abqb-share{position:relative;margin:10px 0 18px;padding:16px 18px 14px;border:1px solid var(--b-line,#E8DCC4);border-top:3px solid var(--b-gold,#B07D1E);background:var(--b-card,#FFFDF8);font-family:var(--b-sans,system-ui,sans-serif);font-size:15px} .abqb-share[hidden]{display:none} .abqb-share-h{margin:0 40px 12px 0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-rubric,#9B2F1A)} .abqb-share-x{all:unset;position:absolute;top:8px;right:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--b-ink2,#6F5F4A)} .abqb-share-x:focus-visible{outline:2px solid var(--b-gold,#B07D1E)} .abqb-share-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px} .abqb-share-opt{all:unset;box-sizing:border-box;padding:8px 14px;border:1px solid var(--b-line,#E8DCC4);cursor:pointer;font-size:13px;font-weight:600} .abqb-share-opt[aria-pressed="true"]{background:var(--b-ink,#2A2118);border-color:var(--b-ink,#2A2118);color:#FBF7EF} .abqb-share-opt:focus-visible{outline:2px solid var(--b-gold,#B07D1E);outline-offset:2px} .abqb-share-range[hidden]{display:none} .abqb-share-range select{min-height:36px;padding:4px 6px;font:inherit} .abqb-share-checks{display:flex;flex-direction:column;gap:6px;margin:0 0 14px} .abqb-share-checks label{display:flex;gap:8px;align-items:flex-start;cursor:pointer} .abqb-share-checks input{margin-top:.25em} .abqb-share-acts{display:flex;flex-wrap:wrap;gap:8px} .abqb-share-said{margin:8px 0 0;min-height:1.2em;font-size:13px;color:var(--b-gold2,#8C6014)} .abqb-share-link{margin:2px 0 0;font-size:12.5px;color:var(--b-ink2,#6F5F4A);word-break:break-all} .abqb-share-qr{margin:12px 0 0;max-width:220px;background:#fff;padding:8px} .abqb-share-qr[hidden]{display:none} .abqb-share-qr svg{display:block;width:100%;height:auto} .abqb-onlybar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 14px;padding:10px 14px;background:var(--b-panel,#F4ECDA);font-family:var(--b-sans,system-ui,sans-serif);font-size:14px} .abqb-onlyall{all:unset;cursor:pointer;color:var(--b-gold2,#8C6014);font-weight:700;text-decoration:underline;text-underline-offset:3px} .abqb-onlyall:focus-visible{outline:2px solid var(--b-gold,#B07D1E);outline-offset:2px} .abqb-text.abqb-only span.v:not(.is-shown),.abqb-text.abqb-only .is-put{display:none !important} html.abqb-focus .abqb-text.abqb-only.abqb-focus-path{display:flex !important;flex-direction:column;justify-content:center;padding-bottom:max(7vh,64px) !important} html.abqb-focus .abqb-text.abqb-only::before{content:attr(data-only);display:block;margin:0 0 .9em;font-family:var(--b-sans);font-size:.42em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--b-rubric)} /* ---- Bars that stay in reach and step out of the way (assets/read.js) ---- */ .abqb-focus-bar{display:none;position:fixed;top:0;left:0;right:0;height:calc(64px + env(safe-area-inset-top,0px));z-index:9983;background:var(--abqb-focus-bg,#FBF7EF);border-bottom:1px solid rgba(120,96,60,.18);transition:transform .25s ease,opacity .25s ease} html.abqb-focus .abqb-focus-bar{display:block} html.abqb-focus.abqb-dark .abqb-focus-bar{border-bottom-color:rgba(255,255,255,.12)} html.abqb-focus .abqb-focus-brand,html.abqb-focus button.abqb-focus-x,html.abqb-focus .abqb-focus-size{transition:transform .25s ease,opacity .25s ease} html.abqb-focus.abqb-quiet .abqb-focus-bar,html.abqb-focus.abqb-quiet button.abqb-focus-x,html.abqb-focus.abqb-quiet .abqb-focus-size{transform:translateY(-110%);opacity:0;pointer-events:none} html.abqb-focus.abqb-quiet .abqb-focus-brand{transform:translate(-50%,-140%);opacity:0;pointer-events:none} html.abqb-focus .abqb-text.abqb-focus-path{padding-top:max(9vh,96px) !important} @media (prefers-reduced-motion:reduce){.abqb-focus-bar,.abqb-toprow,.abqb-focus-brand,button.abqb-focus-x,.abqb-focus-size{transition:none !important}} /* The breadcrumb has a line to itself; the row of controls under it is the bar that stays in reach, at every width. */ html:not(.abqb-focus) .abqb-toprow{display:contents} html:not(.abqb-focus) .abqb-toprow>.abqb-crumbs{display:block;margin:0 0 8px;min-width:0} html:not(.abqb-focus) .abqb-toprow>.abqb-crumbs ol{flex-wrap:nowrap;white-space:nowrap;overflow:hidden} html:not(.abqb-focus) .abqb-toprow>.abqb-mini{position:sticky;top:calc(var(--abqb-top,0px) + var(--abqb-refh,0px));z-index:39;flex:none;max-width:none;width:auto;margin:0 0 14px;padding:6px 0;flex-wrap:nowrap;justify-content:flex-start;background:var(--b-paper,#FBF7EF);transition:transform .22s ease,opacity .22s ease} html:not(.abqb-focus) .abqb-toprow>.abqb-mini>*{flex:none} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-stuck{box-shadow:0 1px 0 var(--b-line,#E8DCC4),0 10px 14px -14px rgba(60,40,10,.35)} html.abqb-quiet:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-stuck{transform:translateY(-130%);opacity:0;pointer-events:none} /* Share is the one control that is spelled out. */ .abqb-mini button.abqb-sharebtn{width:auto;height:34px;margin-left:auto;padding:0 16px 0 12px;gap:7px;border-radius:17px;background:var(--b-ink,#2A2118);color:#FBF7EF;border-color:var(--b-ink,#2A2118);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .abqb-mini button.abqb-sharebtn:hover,.abqb-mini button.abqb-sharebtn:focus-visible,.abqb-mini button.abqb-sharebtn[aria-expanded=true]{background:var(--b-gold2,#8C6014);border-color:var(--b-gold2,#8C6014);color:#fff} @media (max-width:900px){ html:not(.abqb-focus) .abqb-toprow>.abqb-mini{margin:0 -12px 14px;padding:6px 12px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none} html:not(.abqb-focus) .abqb-toprow>.abqb-mini::-webkit-scrollbar{display:none} .abqb-mini button.abqb-sharebtn{order:-1;margin-left:0;margin-right:6px} } /* Share in full screen: beside the text-size buttons; the panel opens under the strip. */ button.abqb-focus-share{all:unset;box-sizing:border-box;display:none;position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:172px;z-index:9985;height:40px;padding:0 16px 0 12px;border-radius:20px;align-items:center;gap:7px;cursor:pointer;background:#2A2118;color:#FBF7EF;font:700 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.1em;text-transform:uppercase;transition:transform .25s ease,opacity .25s ease} button.abqb-focus-share:hover,button.abqb-focus-share:focus-visible{background:#8C6014} button.abqb-focus-share:focus-visible{outline:2px solid #d9a53a;outline-offset:2px} html.abqb-focus button.abqb-focus-share{display:inline-flex} html.abqb-focus.abqb-quiet button.abqb-focus-share{transform:translateY(-110%);opacity:0;pointer-events:none} html.abqb-focus .abqb-share{position:fixed !important;right:14px;left:auto;width:min(440px,calc(100vw - 28px)) !important;max-height:calc(100vh - 100px);overflow:auto;margin:0 !important;padding:16px 18px 14px !important;z-index:9990;box-shadow:0 18px 40px -18px rgba(40,25,5,.5);font-size:15px} html.abqb-focus .abqb-share[hidden]{display:none !important} @media (max-width:700px){button.abqb-focus-share{right:62px;width:40px;padding:0;justify-content:center}button.abqb-focus-share span{display:none}} /* The share panel floats under the bar it was opened from. */ .abqb-share{position:fixed;right:max(14px,calc(50vw - 570px));left:auto;width:min(440px,calc(100vw - 28px));margin:0;overflow:auto;z-index:9990;box-shadow:0 18px 40px -18px rgba(40,25,5,.5)} @media (max-width:900px){.abqb-share{right:14px}} /* Desktop: share and full screen at the end of the reference bar; the search box gives up the room. */ @media (min-width:901px){ .abqb-refbar-tools{display:inline-flex;align-items:center;gap:8px;margin-left:auto;flex:none} .abqb-refbar-tools button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:42px;cursor:pointer;color:var(--b-ink,#2A2118);border:1px solid var(--b-line2,#DECFB2);background:#fff} .abqb-refbar-tools button svg{display:block} .abqb-refbar-tools button:hover,.abqb-refbar-tools button:focus-visible,.abqb-refbar-tools button[aria-pressed=true]{border-color:var(--b-gold,#B07D1E);color:var(--b-gold2,#8C6014)} .abqb-refbar-tools button:focus-visible{outline:2px solid var(--b-gold,#B07D1E);outline-offset:2px} .abqb-refbar-tools button.abqb-sharebtn{gap:8px;padding:0 20px 0 14px;background:var(--b-ink,#2A2118);border-color:var(--b-ink,#2A2118);color:#FBF7EF;font-family:var(--b-sans,system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase} .abqb-refbar-tools button.abqb-sharebtn:hover,.abqb-refbar-tools button.abqb-sharebtn:focus-visible,.abqb-refbar-tools button.abqb-sharebtn[aria-expanded=true]{background:var(--b-gold2,#8C6014);border-color:var(--b-gold2,#8C6014);color:#fff} html.abqb-dark .abqb-refbar-tools button:not(.abqb-sharebtn){background:#15110C;color:var(--b-ink)} } /* ---- 1.40.2: more tools in the bars ---- */ @media (min-width:1200px){ .abqb-refbar-tools{gap:6px} .abqb-refbar-tools .abqb-size{display:inline-flex;gap:0} .abqb-refbar-tools .abqb-size button+button{border-left:0} .abqb-refbar-tools .abqb-size button{font-size:19px;line-height:1} .abqb-refbar-tools button.abqb-ol-toggle{padding:0 12px;font-family:var(--b-sans,system-ui,sans-serif);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap} .abqb-refbar-tools button.abqb-ol-toggle[aria-pressed=true],.abqb-refbar-tools button.abqb-listen[aria-pressed=true]{border-color:var(--b-gold,#B07D1E);color:var(--b-gold2,#8C6014)} } .abqb-focus-tools{display:none} html.abqb-focus .abqb-focus-tools{display:contents} .abqb-focus-nav,.abqb-focus-more{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));z-index:9985;display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,opacity .25s ease} .abqb-focus-nav{left:14px} .abqb-focus-more{right:294px} button.abqb-focus-b{all:unset;box-sizing:border-box;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#f6eedd;background:rgba(29,22,16,.55);font:400 24px/1 system-ui,-apple-system,"Segoe UI",sans-serif;opacity:.7;-webkit-tap-highlight-color:transparent;transition:opacity .2s} button.abqb-focus-b:hover,button.abqb-focus-b:focus-visible,button.abqb-focus-b[aria-pressed=true]{opacity:1} button.abqb-focus-b:focus-visible{outline:2px solid #d9a53a;outline-offset:2px} button.abqb-focus-b[disabled]{opacity:.2;cursor:default} .abqb-focus-nav select{box-sizing:border-box;height:40px;max-width:170px;margin:0;padding:0 10px;border:1px solid rgba(120,96,60,.4);border-radius:20px;background:transparent;color:#2A2118;font:600 14px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer} html.abqb-dark .abqb-focus-nav select{color:#E9DFCB;border-color:rgba(255,255,255,.3);background:#15110C} html.abqb-focus.abqb-quiet .abqb-focus-nav,html.abqb-focus.abqb-quiet .abqb-focus-more{transform:translateY(-320%);opacity:0;pointer-events:none} @media (max-width:1099px){ html.abqb-focus .abqb-focus-tools{display:flex;position:fixed;top:calc(60px + env(safe-area-inset-top,0px));left:0;right:0;z-index:9985;justify-content:center;align-items:center;gap:10px;padding:0 10px;pointer-events:none} html.abqb-focus .abqb-focus-tools>*{pointer-events:auto} .abqb-focus-nav,.abqb-focus-more{position:static} .abqb-focus-book{display:none} .abqb-focus-bar{height:calc(112px + env(safe-area-inset-top,0px))} html.abqb-focus .abqb-text.abqb-focus-path{padding-top:max(9vh,144px) !important} } @media (prefers-reduced-motion:reduce){.abqb-focus-nav,.abqb-focus-more{transition:none !important}} /* The QR code can be taken away. */ .abqb-share-qrwrap[hidden]{display:none} .abqb-share-qrwrap{margin-top:12px;display:grid;grid-template-columns:auto 1fr;gap:10px 16px;align-items:start} .abqb-share-qrwrap .abqb-share-qr{margin:0;width:170px;max-width:170px} .abqb-share-qracts{display:flex;flex-direction:column;gap:8px;align-items:stretch} .abqb-share-qa{all:unset;box-sizing:border-box;cursor:pointer;padding:10px 14px;border:1px solid var(--b-ink,#2A2118);color:var(--b-ink,#2A2118);font-family:var(--b-sans,system-ui,sans-serif);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-align:center} .abqb-share-qa:hover,.abqb-share-qa:focus-visible{background:var(--b-ink,#2A2118);color:#FBF7EF} .abqb-share-qa:focus-visible{outline:2px solid var(--b-gold,#B07D1E);outline-offset:2px} .abqb-share-qrnote{grid-column:1 / -1;margin:0;font-size:12.5px;color:var(--b-ink2,#6F5F4A)} @media (max-width:420px){.abqb-share-qrwrap{grid-template-columns:1fr}.abqb-share-qrwrap .abqb-share-qr{margin:0 auto}} /* The player wears the site's dark brown. In dark mode, where the page itself is that brown, it is the charcoal it used to be, so it stands apart. */ .abqb-audio{--au-bg:#2A2118;--au-bg2:#3A2E22;--au-bg3:#4A3C2D;--au-well:#1C150E;--au-dim:#C4B7A3;background:linear-gradient(180deg,#33281D,#241B13)} .abqb-audio select option{background:#2A2118} html.abqb-dark .abqb-audio{--au-bg:#17181B;--au-dim:#A9ABB2} html.abqb-dark .abqb-audio select option{background:#17181B} /* ---- 1.40.3: the row of controls on a phone fits across one screen; the rest opens from the last button ---- */ .abqb-morebtn,.abqb-minibreak{display:none} @media (max-width:900px){ html:not(.abqb-focus) .abqb-toprow>.abqb-mini{overflow:visible;flex-wrap:nowrap;gap:2px;align-items:center} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button,html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-arrow{width:36px;height:36px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn{order:1;width:auto;height:36px;margin:0 4px 0 0;padding:0 14px 0 10px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini [data-abqb-read]{order:2} html:not(.abqb-focus) .abqb-toprow>.abqb-mini [data-abqb-listen]{order:3} html:not(.abqb-focus) .abqb-toprow>.abqb-mini [data-abqb-mode]{order:4} html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-size{order:5;display:inline-flex;gap:2px;margin:0;padding:0;border:0} html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-size::before{display:none} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-morebtn{order:10;display:inline-flex;margin-left:auto} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-morebtn[aria-expanded=true]{color:var(--b-gold2,#8C6014)} html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-arrow,html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-textsel,html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-ol-toggle{display:none} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more{flex-wrap:wrap;row-gap:8px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more .abqb-minibreak{display:block;order:11;flex:0 0 100%;height:0} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more .abqb-arrow{display:inline-flex;order:12} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more .abqb-textsel{display:block;order:13;flex:1 1 110px;min-width:0;max-width:220px;margin:0 4px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more .abqb-ol-toggle{display:inline-flex;order:14;width:auto;margin:0} } @media (max-width:359px){html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn{padding:0;width:36px;justify-content:center}html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn .abqb-share-t{display:none}} /* The full-screen strip reaches well above the top edge as well. Some phone browsers let the page show in a sliver above anything pinned to the top (while the address bar folds away, or behind the status area), and the text was passing through it above the logo. */ .abqb-focus-bar{top:-160px;height:calc(224px + env(safe-area-inset-top,0px));box-sizing:border-box} @media (max-width:1099px){.abqb-focus-bar{height:calc(272px + env(safe-area-inset-top,0px))}} html.abqb-focus.abqb-quiet .abqb-focus-bar{transform:translateY(-100%)} /* Phones in full screen: no chapter or book controls; the second line is just the audio Bible and light/dark. */ @media (max-width:700px){html.abqb-focus .abqb-focus-nav{display:none}html.abqb-focus .abqb-focus-more{gap:14px}} /* The sticky row of controls is a shade apart from the page, with a line under it, so it does not get lost in the text. */ html:not(.abqb-focus) .abqb-toprow>.abqb-mini{background:var(--b-panel,#F4ECDA);border-top:1px solid var(--b-line2,#DECFB2);border-bottom:1px solid var(--b-line2,#DECFB2);padding-left:10px;padding-right:10px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-stuck{box-shadow:0 10px 16px -12px rgba(60,40,10,.45)} @media (max-width:900px){html:not(.abqb-focus) .abqb-toprow>.abqb-mini{padding-left:12px;padding-right:12px}} /* Dark mode: the Share button is light there, so its label and icon are dark. */ html.abqb-dark .abqb-mini button.abqb-sharebtn,html.abqb-dark .abqb-refbar-tools button.abqb-sharebtn,html.abqb-dark .abqb-toprow>.abqb-mini button.abqb-sharebtn{color:#1C1711} html.abqb-dark .abqb-mini button.abqb-sharebtn:hover,html.abqb-dark .abqb-refbar-tools button.abqb-sharebtn:hover,html.abqb-dark .abqb-mini button.abqb-sharebtn[aria-expanded=true],html.abqb-dark .abqb-refbar-tools button.abqb-sharebtn[aria-expanded=true]{color:#fff} /* Phones: larger icons in the sticky row. Below 400px the Share button drops its word to make the room; it stays the one filled button. */ @media (max-width:900px){ html:not(.abqb-focus) .abqb-toprow>.abqb-mini button{width:40px;height:40px;font-size:26px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button svg{width:23px;height:23px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn{height:40px;font-size:12.5px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn svg{width:20px;height:20px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini .abqb-arrow{width:40px;height:40px;font-size:26px} } @media (max-width:399px){ html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn{width:44px;padding:0;justify-content:center;border-radius:22px} html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn .abqb-share-t{display:none} } @media (max-width:339px){html:not(.abqb-focus) .abqb-toprow>.abqb-mini button{width:37px}html:not(.abqb-focus) .abqb-toprow>.abqb-mini button.abqb-sharebtn{width:40px}} @media (max-width:900px){html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more button.abqb-ol-toggle{width:auto;height:40px;font-size:11px;padding:0 10px}} @media (max-width:900px){html:not(.abqb-focus) .abqb-toprow>.abqb-mini.is-more .abqb-textsel{flex:1 1 80px;max-width:none;min-width:0}} /* ========================================================================== Pages in bands (the two Memorize pages): full width, no sidebar, each section on its own ground so nothing runs together. Shortcodes [abq_band], [abq_steps], [abq_choices] in inc/sections.php. ========================================================================== */ .abqb-wide-top{max-width:1080px;margin:0 auto;padding:22px 20px 0;box-sizing:border-box} .abqb-wide-foot{max-width:1080px;margin:0 auto;padding:18px 20px 44px;text-align:center;box-sizing:border-box} .abqb-bands{font-family:Newsreader,Georgia,serif;font-size:19px;line-height:1.6;color:var(--b-ink)} .abqb-bandsec{width:100vw;max-width:none;margin:0 calc(50% - 50vw);padding:clamp(40px,6vw,76px) clamp(20px,5vw,72px);box-sizing:border-box} .abqb-bandsec:first-child{padding-top:clamp(24px,4vw,44px)} .abqb-bandsec-panel{background:var(--b-panel,#F4ECDA);border-top:1px solid var(--b-line,#E8DCC4);border-bottom:1px solid var(--b-line,#E8DCC4)} .abqb-bandsec-dark{background:#2A2118;color:#F6EEDD} .abqb-bandsec-in{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:30px} .abqb-bandsec-in>p{max-width:720px;margin:0 auto;text-align:center;font-size:20px} .abqb-bandsec-in>p:empty{display:none} .abqb-bandsec-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center} .abqb-bandsec-label{margin:0;font-family:Sora,var(--b-sans);font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--b-rubric,#9B2F1A)} .abqb-bands h2.abqb-bandsec-title{margin:0;font-size:clamp(28px,3.4vw,40px);line-height:1.15;scroll-margin-top:110px} .abqb-bandsec-dark .abqb-bandsec-label{color:#E0B04A} .abqb-bandsec-dark .abqb-bandsec-in{max-width:820px;gap:22px} .abqb-bandsec-dark .abqb-bandsec-in>p{color:#D9CDB6;font-size:19px;max-width:640px} .abqb-bandsec-dark blockquote.abqb-mquote{margin:0;padding:0;border:0;background:transparent;text-align:center;display:flex;flex-direction:column;gap:18px} .abqb-bandsec-dark blockquote.abqb-mquote p{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;font-style:normal;font-size:clamp(26px,3.4vw,40px);line-height:1.25;color:#F6EEDD} .abqb-bandsec-dark blockquote.abqb-mquote cite{font-style:normal} .abqb-bandsec-dark blockquote.abqb-mquote cite a{font-family:Sora,var(--b-sans);font-weight:600;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:#E0B04A;text-decoration:none} .abqb-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px} .abqb-step{background:var(--b-card,#FFFDF8);padding:28px;display:flex;flex-direction:column;gap:10px;margin:0} .abqb-step-n{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:44px;line-height:1;color:var(--b-gold,#B07D1E)} .abqb-bands h3.abqb-step-t{margin:0;font-size:24px;line-height:1.2} .abqb-step p{margin:0;color:var(--b-ink2,#5E4F3C)} .abqb-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:28px} .abqb-choice{border:1px solid var(--b-line2,#DECFB2);background:var(--b-card,#FFFDF8);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:14px;align-items:flex-start} .abqb-bands h2.abqb-choice-t{margin:0;font-size:30px;line-height:1.15} .abqb-choice p{margin:0;color:var(--b-ink2,#5E4F3C)} .abqb-choice p.abqb-bandsec-label{color:var(--b-rubric,#9B2F1A)} .abqb-choice-go{margin-top:6px !important} .abqb-bigbtn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;box-sizing:border-box;background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF);text-decoration:none;font-family:Sora,var(--b-sans);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase} .abqb-bigbtn:hover,.abqb-bigbtn:focus-visible{background:var(--b-gold2,#8C6014);color:#fff} .abqb-bigbtn-quiet{background:transparent;color:var(--b-ink,#2A2118);border:1.5px solid var(--b-ink,#2A2118)} .abqb-bigbtn-quiet:hover,.abqb-bigbtn-quiet:focus-visible{background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} .abqb-bandsec .abqb-mcta{margin:0;text-align:center} .abqb-bandsec .abqc{max-width:47.5rem;margin-inline:auto} .abqb-bandsec .abqc:has(.abqc-listview){max-width:51rem} .abqb-bands .abqc-landing .abqc-ways{display:none} .abqb-bands .abqc-page{padding-top:0} .abqb-bandsec .abqb-mtopics a{background:var(--b-card,#FFFDF8)} /* ==================== 1.42: one bar of controls (approved design) ==================== Left: previous chapter, the button that names the chapter and opens the panel for going elsewhere, next chapter. Right: the reading tools, each an icon with its name under it; Share is the one gold button. On a phone the tools are a bar along the foot of the screen (the same markup, placed here). */ .abqb-refbar{background:var(--b-card,#FFFDF8);border-bottom:1px solid var(--b-line2,#D9C9A6);box-shadow:0 12px 24px -20px rgba(60,40,10,.5)} html.abqb-dark .abqb-refbar{background:#241D15;box-shadow:0 12px 24px -18px rgba(0,0,0,.8)} .abqb-bar{max-width:var(--b-wide);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:10px 14px;font-family:Sora,var(--b-sans)} .abqb-bar-nav{display:flex;align-items:center;gap:6px;min-width:0} .abqb-bar .abqb-ico{display:block;flex:none} .abqb-bar .abqb-arrow{all:unset;box-sizing:border-box;flex:none;width:48px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid var(--b-line2,#D9C9A6);color:var(--b-ink,#2A2118);cursor:pointer} .abqb-bar .abqb-arrow.is-off{opacity:.3;cursor:default} .abqb-bar a.abqb-arrow:hover,.abqb-bar a.abqb-arrow:focus-visible{border-color:var(--b-ink,#2A2118);background:var(--b-panel,#F4ECDA)} .abqb-bar .abqb-refbtn{all:unset;box-sizing:border-box;min-width:0;height:52px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid var(--b-ink,#2A2118);background:var(--b-paper,#FBF7EF);color:var(--b-ink,#2A2118);font-family:Fraunces,Georgia,serif;font-weight:600;font-size:22px;line-height:1;cursor:pointer} .abqb-bar .abqb-refbtn .abqb-ico:first-child{color:var(--b-gold2,#7A5210)} .abqb-refbtn-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .abqb-bar .abqb-refbtn:hover{background:var(--b-panel,#F4ECDA)} .abqb-bar .abqb-refbtn[aria-expanded=true]{background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} .abqb-bar .abqb-refbtn[aria-expanded=true] .abqb-ico:first-child{color:#E0B04A} .abqb-bar .abqb-refbtn[aria-expanded=true] .abqb-ico:last-child{transform:rotate(180deg)} .abqb-bar-tools{margin-left:auto;display:flex;align-items:center;gap:4px;flex:none} .abqb-tool-wrap{position:relative;display:flex} .abqb-bar .abqb-tool{all:unset;box-sizing:border-box;min-width:72px;height:52px;padding:0 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--b-ink,#2A2118);font-family:Sora,var(--b-sans);font-weight:600;font-size:10.5px;line-height:1;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer} .abqb-bar .abqb-tool[hidden]{display:none} .abqb-tool-t i,.abqb-tool-t u{font-style:normal;text-decoration:none} .abqb-bar .abqb-tool:hover{background:var(--b-panel,#F4ECDA)} .abqb-bar .abqb-tool[aria-pressed=true],.abqb-bar .abqb-textbtn[aria-expanded=true]{background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} .abqb-bar .abqb-tool.is-loading{opacity:.6} .abqb-bar .abqb-tool:focus-visible,.abqb-bar .abqb-arrow:focus-visible,.abqb-bar .abqb-refbtn:focus-visible{outline:2px solid var(--b-gold,#B07D1E);outline-offset:2px} .abqb-ico-aa{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;line-height:22px;height:22px;letter-spacing:0;text-transform:none} .abqb-ico-aa small{font-size:14px} .abqb-ico-ol{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:21px;line-height:22px;height:22px;letter-spacing:0;text-transform:none} .abqb-bar .abqb-sharebtn,.abqb-bar .abqb-sharebtn[aria-expanded=true]{flex-direction:row;gap:10px;margin-left:8px;padding:0 24px 0 18px;background:#D9A93F;color:#2A2118;font-weight:700;font-size:13.5px;letter-spacing:.18em} .abqb-bar .abqb-sharebtn:hover,.abqb-bar .abqb-sharebtn:focus-visible,.abqb-bar .abqb-sharebtn[aria-expanded=true]{background:#E7BD5A;color:#2A2118} /* text size and the choice of text */ .abqb-textpop{position:absolute;top:calc(100% + 11px);right:0;z-index:6;width:300px;box-sizing:border-box;padding:16px 18px 18px;background:var(--b-card,#FFFDF8);border:1px solid var(--b-ink,#2A2118);box-shadow:0 24px 40px -22px rgba(42,33,24,.6);display:flex;flex-direction:column;gap:10px} .abqb-textpop[hidden]{display:none} .abqb-textpop-k,.abqb-refpanel-k{margin:0;font-family:Sora,var(--b-sans);font-weight:700;font-size:11.5px;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;color:var(--b-ink2,#5E4F3C)} .abqb-textpop-k+.abqb-size{margin-bottom:6px} .abqb-textpop .abqb-size{display:grid;grid-template-columns:1fr 1fr;gap:8px} .abqb-textpop .abqb-size button{all:unset;box-sizing:border-box;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--b-line2,#D9C9A6);color:var(--b-ink,#2A2118);cursor:pointer;font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1} .abqb-textpop .abqb-size button span{font-size:16px;height:26px;display:flex;align-items:flex-end} .abqb-textpop .abqb-size button+button span{font-size:26px} .abqb-textpop .abqb-size button b{font-family:Sora,var(--b-sans);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase} .abqb-textpop .abqb-size button:hover,.abqb-textpop .abqb-size button:focus-visible{border-color:var(--b-ink,#2A2118);background:var(--b-panel,#F4ECDA)} .abqb-textpop select.abqb-textsel{display:block;width:100%;max-width:none;height:48px;margin:0;padding:0 12px;border:1px solid var(--b-line2,#D9C9A6);border-radius:0;background:var(--b-paper,#FBF7EF);color:var(--b-ink,#2A2118);font-family:Newsreader,Georgia,serif;font-size:17px} .abqb-textpop .abqb-olproxy{all:unset;box-sizing:border-box;display:none;height:52px;padding:0 14px;align-items:center;justify-content:center;gap:10px;border:1px solid var(--b-ink,#2A2118);color:var(--b-ink,#2A2118);font-family:Sora,var(--b-sans);font-weight:700;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .abqb-textpop .abqb-olproxy[aria-pressed=true]{background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} /* the panel under the chapter button */ .abqb-refpanel{position:absolute;left:0;right:0;top:100%;z-index:5;pointer-events:none} .abqb-refpanel[hidden]{display:none} .abqb-refpanel-in{pointer-events:auto;box-sizing:border-box;width:calc(100% - 40px);max-width:920px;margin-left:max(20px,calc(50% - var(--b-wide)/2 + 20px));padding:24px 26px 26px;background:var(--b-card,#FFFDF8);border:1px solid var(--b-ink,#2A2118);border-top:0;box-shadow:0 28px 48px -24px rgba(42,33,24,.6);display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - var(--abqb-top,0px) - 96px);overflow:auto;overscroll-behavior:contain} .abqb-refbar-in{position:relative;display:flex;flex-direction:column;gap:8px;margin:0} .abqb-refq{display:flex;gap:10px} .abqb-refq input[type=text]{flex:1;min-width:0;height:58px;margin:0;padding:0 18px;border:1.5px solid var(--b-ink,#2A2118);border-radius:0;background:var(--b-paper,#FBF7EF);color:var(--b-ink,#2A2118);font-family:Newsreader,Georgia,serif;font-size:21px} .abqb-refq button{all:unset;box-sizing:border-box;height:58px;padding:0 30px;background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF);font-family:Sora,var(--b-sans);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer} .abqb-refq button:hover,.abqb-refq button:focus-visible{background:var(--b-rubric,#9B2F1A);color:#FBF7EF} .abqb-refbar-in .abqb-refpanel-k{color:var(--b-rubric,#9B2F1A)} .abqb-refsel{display:none} .abqb-refpick{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:30px} .abqb-refpick-h{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 0 12px} .abqb-reftabs{display:flex} .abqb-reftabs button{all:unset;box-sizing:border-box;height:44px;padding:0 14px;border:1px solid var(--b-line2,#CDBB96);color:var(--b-ink,#2A2118);font-family:Sora,var(--b-sans);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer} .abqb-reftabs button[aria-pressed=true]{background:var(--b-ink,#2A2118);border-color:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} .abqb-refbooks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .abqb-refbooks+.abqb-refbooks{margin-top:14px} .abqb-refpanel.is-live .abqb-refbooks[data-off]{display:none} .abqb-refpanel.is-live .abqb-refbooks+.abqb-refbooks{margin-top:0} .abqb-refbooks li{margin:0;padding:0} .abqb-refbooks a{box-sizing:border-box;display:block;height:44px;padding:0 12px;border:1px solid var(--b-line,#E0D2B4);font-family:Newsreader,Georgia,serif;font-size:18px;line-height:42px;color:var(--b-ink,#2A2118);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .abqb-refbooks a:hover,.abqb-refbooks a:focus-visible,.abqb-refchs a:hover,.abqb-refchs a:focus-visible{border-color:var(--b-ink,#2A2118);background:var(--b-panel,#F4ECDA)} .abqb-refbooks a[aria-current],.abqb-refbooks a.is-picked{border-color:var(--b-gold,#B07D1E);background:var(--b-amber,#F3E2B3);font-weight:500} .abqb-refchs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-height:372px;overflow:auto;overscroll-behavior:contain} .abqb-refchs a{box-sizing:border-box;height:46px;display:flex;align-items:center;justify-content:center;border:1px solid var(--b-line,#E0D2B4);font-family:Fraunces,Georgia,serif;font-weight:500;font-size:18px;color:var(--b-ink,#2A2118);text-decoration:none} .abqb-refchs a[aria-current]{background:var(--b-ink,#2A2118);border-color:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF);font-weight:600} .abqb-refnone{grid-column:1/-1;margin:0;font-family:Newsreader,Georgia,serif;font-size:17px;color:var(--b-ink2,#5E4F3C)} .abqb-refback{all:unset;box-sizing:border-box;display:none;height:44px;padding:0 14px 0 8px;align-items:center;gap:6px;border:1px solid var(--b-ink,#2A2118);color:var(--b-ink,#2A2118);font-family:Sora,var(--b-sans);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer} .abqb-refscrim{position:fixed;inset:0;z-index:38;background:rgba(42,33,24,.28)} .abqb-refscrim[hidden]{display:none} html.abqb-dark .abqb-refbooks a[aria-current],html.abqb-dark .abqb-refbooks a.is-picked{background:#4A3A1C;color:#FBF7EF} @media (max-width:1040px) and (min-width:901px){ .abqb-bar .abqb-tool{min-width:60px;padding:0 6px} .abqb-bar .abqb-sharebtn{padding:0 16px 0 12px;letter-spacing:.12em} .abqb-tool-t u{display:none} .abqb-bar .abqb-refbtn{font-size:20px;padding:0 14px} } @media (max-width:900px){ .abqb-bar{padding:10px 12px;gap:8px} .abqb-bar-nav{flex:1 1 auto} .abqb-bar .abqb-arrow{height:50px} .abqb-bar .abqb-refbtn{flex:1 1 auto;justify-content:space-between;height:50px;padding:0 14px;font-size:21px} .abqb-bar-tools{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;align-items:center;background:var(--b-card,#FFFDF8);border-top:1px solid var(--b-line2,#D9C9A6);box-shadow:0 -12px 24px -20px rgba(60,40,10,.5)} html.abqb-dark .abqb-bar-tools{background:#241D15} .abqb-tool-wrap{position:static} .abqb-bar .abqb-tool{min-width:0;width:100%;height:58px;padding:0 2px;gap:5px;font-size:10px;letter-spacing:.08em} .abqb-bar .abqb-tool .abqb-ico{width:24px;height:24px} .abqb-bar .abqb-tool .abqb-ico-aa{width:auto;font-size:22px;line-height:24px} .abqb-tool-t u{display:none} .abqb-bar .abqb-ol-toggle{display:none} .abqb-bar .abqb-sharebtn,.abqb-bar .abqb-sharebtn[aria-expanded=true]{flex-direction:column;gap:5px;margin:0;padding:0 2px;font-size:10px;letter-spacing:.08em} .abqb-textpop{position:fixed;top:auto;left:10px;right:10px;bottom:calc(86px + env(safe-area-inset-bottom,0px));width:auto} .abqb-textpop .abqb-olproxy{display:flex} body.abq-bible{padding-bottom:calc(77px + env(safe-area-inset-bottom,0px))} html.abqb-focus body.abq-bible{padding-bottom:0} .abqb-refpanel-in{width:100%;max-width:none;margin:0;border-left:0;border-right:0;padding:16px 14px 18px;gap:16px;max-height:calc(100vh - var(--abqb-top,0px) - 72px - 78px);max-height:calc(100dvh - var(--abqb-top,0px) - 72px - 78px)} .abqb-refq input[type=text]{height:54px;padding:0 14px;font-size:18px} .abqb-refq button{height:54px;padding:0 22px} .abqb-refpick{display:block} .abqb-refpanel.is-live .abqb-refpick[data-step=chapters] .abqb-refpick-books,.abqb-refpanel.is-live .abqb-refpick[data-step=books] .abqb-refpick-chs{display:none} .abqb-refpanel.is-live .abqb-refback{display:flex} .abqb-refbooks{grid-template-columns:repeat(2,minmax(0,1fr))} .abqb-refchs{grid-template-columns:repeat(6,minmax(0,1fr));max-height:none;overflow:visible} .abqb-refchs a{height:48px} .abqb-reftabs button{padding:0 10px;font-size:10.5px;letter-spacing:.08em} } @media print{.abqb-refpanel,.abqb-bar-tools{display:none !important}} /* ---- 1.42: the bars in full-screen reading (they are made by read.js and sit outside the article) ---- */ html.abqb-has-fbar .abqb-focus-bar,html.abqb-has-fbar button.abqb-focus-x,html.abqb-has-fbar .abqb-focus-size,html.abqb-has-fbar .abqb-focus-brand,html.abqb-has-fbar button.abqb-focus-share,html.abqb-has-fbar .abqb-focus-tools{display:none !important} .abqb-fbar,.abqb-fdock{display:none;--f-bg:#FFFDF8;--f-paper:#FBF7EF;--f-panel:#F4ECDA;--f-ink:#2A2118;--f-line:#D9C9A6;--f-edge:#E0D2B4; --b-paper:#FBF7EF;--b-card:#FFFDF8;--b-panel:#F4ECDA;--b-ink:#2A2118;--b-ink2:#5E4F3C;--b-ink3:#9A8A70;--b-gold:#B07D1E;--b-gold2:#7A5210;--b-rubric:#9B2F1A;--b-line:#E0D2B4;--b-line2:#D9C9A6;--b-amber:#F3E2B3;--b-wide:1140px;--b-sans:-apple-system,'Segoe UI',Roboto,Arial,sans-serif} html.abqb-dark .abqb-fbar,html.abqb-dark .abqb-fdock{--f-bg:#241D15;--f-paper:#1C1711;--f-panel:#2A2218;--f-ink:#EDE4D3;--f-line:#4B3D2C;--f-edge:#3A2F22; --b-paper:#1C1711;--b-card:#241D15;--b-panel:#2A2218;--b-ink:#EDE4D3;--b-ink2:#BDAF98;--b-ink3:#8E806A;--b-gold:#D9A441;--b-gold2:#E2B55C;--b-rubric:#E58A6C;--b-line:#3A2F22;--b-line2:#4B3D2C;--b-amber:#4D3C1B} .abqb-fbar *,.abqb-fdock *{box-sizing:border-box} .abqb-fbar{position:fixed;top:0;left:0;right:0;z-index:9985;box-sizing:border-box;min-height:calc(76px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 24px 0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;background:var(--f-bg);border-bottom:1px solid var(--f-edge);color:var(--f-ink);font-family:Sora,-apple-system,'Segoe UI',sans-serif;transition:transform .25s ease,opacity .25s ease} /* some phone browsers show the page in a sliver above anything pinned to the top: the strip's color reaches up there too. */ .abqb-fbar::before{content:'';position:absolute;left:0;right:0;bottom:100%;height:200px;background:var(--f-bg)} html.abqb-focus .abqb-fbar{display:grid} html.abqb-focus.abqb-quiet .abqb-fbar{transform:translateY(-110%);opacity:0;pointer-events:none} .abqb-fbar-l,.abqb-fbar-r,.abqb-fbar-nav{display:flex;align-items:center;gap:6px;min-width:0} .abqb-fbar-size{display:flex} .abqb-fbar-r{justify-self:end} .abqb-fb{all:unset;box-sizing:border-box;flex:none;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--f-line);color:var(--f-ink);font-family:Sora,-apple-system,'Segoe UI',sans-serif;font-weight:700;font-size:11.5px;line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent} .abqb-fb .abqb-ico{display:block;flex:none} .abqb-fb:hover{background:var(--f-panel)} .abqb-fb:focus-visible{outline:2px solid #D9A53A;outline-offset:2px} .abqb-fb[disabled]{opacity:.3;cursor:default;background:none} .abqb-fb-sq{width:48px} .abqb-fb-a{width:46px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:15px;letter-spacing:0;text-transform:none} .abqb-fb-a+.abqb-fb-a{border-left:0;font-size:22px} .abqb-fb-ref{min-width:0;flex:0 1 auto;padding:0 16px;gap:10px;border-color:var(--f-ink);background:var(--f-paper);font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;letter-spacing:0;text-transform:none} .abqb-fb-ref span{min-width:0;overflow:hidden;text-overflow:ellipsis} .abqb-fb-ref .abqb-ico:first-child{color:var(--b-gold2)} .abqb-fb-ref[aria-expanded=true],.abqb-fb[aria-pressed=true]{background:var(--f-ink);border-color:var(--f-ink);color:var(--f-paper)} .abqb-fb-ref[aria-expanded=true] .abqb-ico:first-child{color:#E0B04A} html.abqb-dark .abqb-fb-ref[aria-expanded=true] .abqb-ico:first-child{color:#7A5210} .abqb-fb-ref[aria-expanded=true] .abqb-ico:last-child{transform:rotate(180deg)} .abqb-fb-lab{padding:0 14px} .abqb-fbar .abqb-fb-mode span{display:none} .abqb-fb-share,.abqb-fb-share:hover{padding:0 18px 0 14px;border:0;background:#D9A93F;color:#2A2118;font-size:12px;letter-spacing:.16em} .abqb-fb-share:hover,.abqb-fb-share:focus-visible{background:#E7BD5A} .abqb-fb-x{margin-left:8px;border-color:var(--f-ink)} .abqb-fbar-brand{justify-self:center;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 6px;text-decoration:none;color:var(--f-ink);font-family:Sora,-apple-system,'Segoe UI',sans-serif;font-weight:600;font-size:17px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap} .abqb-fbar-brand img{display:block;height:42px;width:auto;max-width:min(28vw,300px);object-fit:contain} .abqb-fbar-brand.has-logo .abqb-fbar-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .abqb-fbar-brand:focus-visible{outline:2px solid #D9A53A;outline-offset:3px} html.abqb-dark .abqb-fbar-brand.has-logo img{display:none} html.abqb-dark .abqb-fbar-brand.has-logo .abqb-fbar-name{position:static;width:auto;height:auto;clip-path:none} .abqb-fbar .abqb-refpanel{top:100%} .abqb-fbar .abqb-refpanel-in{margin-left:24px;max-height:calc(100vh - 110px)} .abqb-fdock{position:fixed;left:0;right:0;bottom:0;z-index:9985;padding:10px 12px calc(14px + env(safe-area-inset-bottom,0px));grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;background:var(--f-bg);border-top:1px solid var(--f-line);box-shadow:0 -12px 24px -20px rgba(60,40,10,.5);transition:transform .25s ease,opacity .25s ease} html.abqb-focus .abqb-fdock:not(:empty){display:grid} html.abqb-focus.abqb-quiet .abqb-fdock{transform:translateY(110%);opacity:0;pointer-events:none} .abqb-fdock .abqb-fb{width:auto;height:58px;padding:0 4px;font-size:11.5px;letter-spacing:.12em} .abqb-fdock .abqb-fb-share{font-size:11.5px;letter-spacing:.12em} html.abqb-focus .abqb-text.abqb-focus-path{padding-top:max(9vh,116px) !important} @media (max-width:1180px) and (min-width:901px){ .abqb-fbar{padding-left:14px;padding-right:14px;gap:10px} .abqb-fbar-brand img{height:34px;max-width:20vw} .abqb-fbar-brand{font-size:13px;letter-spacing:.06em} .abqb-fb-lab span{display:none} .abqb-fb-lab{width:48px;padding:0} .abqb-fb-ref{font-size:18px;padding:0 12px} .abqb-fb-share{padding:0 14px 0 10px;letter-spacing:.1em} } @media (max-width:900px){ .abqb-fbar{min-height:calc(72px + env(safe-area-inset-top,0px));padding-left:14px;padding-right:14px;gap:8px} .abqb-fbar-brand img{height:34px;max-width:calc(100vw - 236px)} .abqb-fbar-brand{font-size:12px;letter-spacing:.06em;max-width:calc(100vw - 236px);overflow:hidden} .abqb-fb-x{margin-left:0} html.abqb-focus .abqb-text.abqb-focus-path{padding-top:max(8vh,100px) !important} } @media (prefers-reduced-motion:reduce){.abqb-fbar,.abqb-fdock{transition:none !important}} /* a phone: the tours' card and their "?" button sit above the bar at the foot. */ @media (max-width:900px){ body.abq-bible:has(.abqb-bar-tools) .abqb-tour-card,body.abq-bible:has(.abqb-bar-tools) .abqb-tour-help{bottom:calc(92px + env(safe-area-inset-bottom,0px))} html.abqb-focus body.abq-bible .abqb-tour-help{display:none} } /* full screen: a column for reading, which widens as the text is made larger, and the chapter's name above it. */ html.abqb-focus .abqb-text.abqb-focus-path{max-width:34em !important;margin:0 auto !important;font-size:calc(clamp(21px,2.1vw,72px) * var(--abqb-scale,1) * var(--abqb-fscale,1))} html.abqb-focus .abqb-text.abqb-focus-path:not(.abqb-only):not(.abqb-memo-on)::before{content:attr(data-ref);display:block;margin:0 0 1.1em;padding:0 0 .9em;border-bottom:1px solid var(--b-gold,#B07D1E);font-family:Sora,var(--b-sans);font-size:max(12px,.46em);font-weight:700;line-height:1.2;letter-spacing:.24em;text-transform:uppercase;color:var(--b-rubric,#9B2F1A)} /* the player on a phone: light/dark and Share beside its close button (it covers the reader's own bar there). */ .abqb-audio button.abqb-audio-mode,.abqb-audio button.abqb-audio-share{display:none} @media (max-width:900px){ .abqb-audio button.abqb-audio-mode{display:inline-flex;position:absolute;top:10px;right:146px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:12px;background:transparent !important;color:var(--au-dim) !important;border:0 !important;padding:0 !important;box-shadow:none !important;cursor:pointer} .abqb-audio button.abqb-audio-share{display:inline-flex;position:absolute;top:12px;right:56px;height:36px;align-items:center;justify-content:center;gap:7px;padding:0 13px 0 10px !important;border:0 !important;border-radius:0;background:#D9A93F !important;color:#2A2118 !important;box-shadow:none !important;font:700 11px/1 Sora,-apple-system,'Segoe UI',sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer} .abqb-audio-t{padding-right:186px} html.abqb-audio-open:not(.abqb-autohide) .abqb-fdock{display:none !important} } /* ---- 1.43.1: the Bible version has a button of its own ---- */ .abqb-ico-ver{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:15px;line-height:22px;height:22px;letter-spacing:.02em;text-transform:none} .abqb-verpop{width:320px} .abqb-verpop select.abqb-versel-native{display:none} .abqb-verlist{display:flex;flex-direction:column;gap:6px} .abqb-verlist .abqb-veropt{all:unset;box-sizing:border-box;min-height:52px;padding:8px 14px;display:flex;align-items:center;gap:14px;border:1px solid var(--b-line2,#D9C9A6);color:var(--b-ink,#2A2118);cursor:pointer} .abqb-verlist .abqb-veropt b{flex:none;min-width:44px;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:17px} .abqb-verlist .abqb-veropt span{font-family:Newsreader,Georgia,serif;font-size:17px;line-height:1.25} .abqb-verlist .abqb-veropt:hover,.abqb-verlist .abqb-veropt:focus-visible{border-color:var(--b-ink,#2A2118);background:var(--b-panel,#F4ECDA)} .abqb-verlist .abqb-veropt[aria-pressed=true]{background:var(--b-ink,#2A2118);border-color:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} .abqb-bar .abqb-verbtn[aria-expanded=true]{background:var(--b-ink,#2A2118);color:var(--b-paper,#FBF7EF)} @media (max-width:1100px) and (min-width:901px){.abqb-bar .abqb-tool{min-width:56px;padding:0 5px}.abqb-tool-t u{display:none}.abqb-bar .abqb-sharebtn{padding:0 14px 0 10px;letter-spacing:.1em}.abqb-bar .abqb-refbtn{font-size:19px;padding:0 12px}} @media (max-width:900px){.abqb-verpop{width:auto}.abqb-bar .abqb-tool .abqb-ico-ver{width:auto;font-size:15px;line-height:24px;height:24px}} @media (max-width:359px){.abqb-bar-tools{padding-left:4px;padding-right:4px;gap:2px}.abqb-bar .abqb-tool{font-size:9px;letter-spacing:.04em}} /* ---- 1.43.3: the theme styles every