:root{--bb-bg:#0f172a;--bb-bg-soft:#1e293b;--bb-paper:rgba(255,255,255,0.05);--bb-paper-hover:rgba(255,255,255,0.08);--bb-ink:#f8fafc;--bb-muted:rgba(248,250,252,0.7);--bb-muted-soft:rgba(248,250,252,0.4);--bb-rule:rgba(255,255,255,0.1);--bb-rule-strong:rgba(255,255,255,0.2);--bb-gold:#d4af37;--bb-gold-soft:rgba(212,175,55,0.15);--bb-link:#f8fafc;--bb-link-hover:#d4af37;--bb-font-display:"EB Garamond",Georgia,serif;--bb-font-greek:"EB Garamond","Cardo",serif;--bb-font-italic:"Newsreader","EB Garamond",serif;--bb-font-sans:"Plus Jakarta Sans","Manrope",system-ui,sans-serif;--bb-font-label:"Manrope","Plus Jakarta Sans",sans-serif;--bb-text-xs:0.75rem;--bb-text-sm:0.875rem;--bb-text-base:1rem;--bb-text-md:1.125rem;--bb-text-lg:1.25rem;--bb-text-xl:1.5rem;--bb-text-2xl:2rem;--bb-text-3xl:2.5rem;--bb-text-hero:clamp(1.6rem,5.7vw,4rem);--bb-radius:12px;--bb-radius-pill:999px;--bb-leading:1.6;--bb-leading-loose:1.75}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bb-bg);color:var(--bb-ink);font-family:var(--bb-font-sans);font-size:16px;line-height:var(--bb-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{min-height:calc(100vh - 8rem)}main:not(:has(.bb-hero-verse)){max-width:80ch;margin:0 auto;padding:2rem 1.25rem 4rem}a{color:var(--bb-link);text-decoration:underline;-webkit-text-decoration-color:var(--bb-rule-strong);text-decoration-color:var(--bb-rule-strong);text-underline-offset:4px;transition:color .15s,-webkit-text-decoration-color .15s;transition:color .15s,text-decoration-color .15s;transition:color .15s,text-decoration-color .15s,-webkit-text-decoration-color .15s}a:hover{color:var(--bb-link-hover);-webkit-text-decoration-color:var(--bb-gold);text-decoration-color:var(--bb-gold)}::selection{background:var(--bb-gold-soft)}.bb-skip-link{position:absolute;top:-100px;left:0;padding:.5rem 1rem;background:var(--bb-gold);color:var(--bb-bg);z-index:100;text-decoration:none;font-weight:600}.bb-skip-link:focus{top:0}.bb-header{position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:rgba(15,23,42,.85);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--bb-rule)}.bb-brand{font-family:var(--bb-font-italic);font-size:var(--bb-text-md);font-weight:500;font-style:italic;letter-spacing:-.01em;text-decoration:none}.bb-brand,.bb-brand:hover{color:var(--bb-ink)}.bb-search{display:flex;align-items:center;gap:.5rem;position:relative}.bb-search input{padding:.5rem .85rem;border:1px solid var(--bb-rule);border-radius:var(--bb-radius-pill);background:var(--bb-paper);color:var(--bb-ink);font-family:var(--bb-font-sans);font-size:var(--bb-text-sm);width:16rem;transition:border-color .15s,background .15s}.bb-search input::placeholder{color:var(--bb-muted-soft)}.bb-search input:focus{outline:none;border-color:var(--bb-gold);background:var(--bb-paper-hover)}.bb-footer{border-top:1px solid var(--bb-rule);padding:1.5rem 1.25rem;text-align:center;font-size:var(--bb-text-sm)}.bb-footer,.bb-footer a{color:var(--bb-muted)}.bb-footer a:hover{color:var(--bb-gold)}.bb-h1{font-size:clamp(1.75rem,4vw,2.5rem);letter-spacing:-.01em;margin:0 0 1rem;line-height:1.2}.bb-h1,.bb-h2{font-family:var(--bb-font-display);font-weight:500}.bb-h2{font-size:var(--bb-text-xl);margin:1.5rem 0 .75rem;color:var(--bb-ink)}.bb-eyebrow{font-family:var(--bb-font-label);font-size:var(--bb-text-xs);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-gold);margin:0 0 .5rem}.bb-source{font-family:var(--bb-font-greek);color:var(--bb-ink)}.bb-source,.bb-translation{font-size:var(--bb-text-md);line-height:var(--bb-leading-loose)}.bb-translation{font-family:var(--bb-font-italic);font-style:italic}.bb-section{margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--bb-rule)}.bb-section:last-child{border-bottom:0}.bb-lede{color:var(--bb-muted);max-width:60ch;font-size:var(--bb-text-md);line-height:var(--bb-leading-loose);margin:0}.bb-hero{margin-bottom:3rem;padding-bottom:2.5rem;border-bottom:1px solid var(--bb-rule)}.bb-hero .bb-h1{font-size:clamp(1.75rem,4vw,2.75rem);margin-bottom:1.25rem}.bb-howto{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.bb-howto{grid-template-columns:repeat(2,1fr);gap:1rem}}.bb-howto li{padding:1rem 1.25rem;background:var(--bb-paper);border:1px solid var(--bb-rule);border-radius:var(--bb-radius);font-size:var(--bb-text-sm);line-height:var(--bb-leading);color:var(--bb-muted)}.bb-howto li strong{color:var(--bb-ink);font-family:var(--bb-font-display);font-size:var(--bb-text-md);font-weight:500}.bb-grid-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:.5rem;gap:.5rem;list-style:none;padding:0;margin:0}.bb-grid-books a{display:block;padding:.7rem .85rem;background:var(--bb-paper);border:1px solid var(--bb-rule);border-radius:var(--bb-radius);text-decoration:none;color:var(--bb-ink);font-family:var(--bb-font-display);font-size:var(--bb-text-sm);transition:border-color .15s,color .15s,background .15s}.bb-grid-books a:hover{border-color:var(--bb-gold);color:var(--bb-gold);background:var(--bb-paper-hover)}.bb-hero-verse{position:relative;min-height:80vh;padding:clamp(3rem,10vw,8rem) clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at center,rgba(212,175,55,.08) 0,transparent 70%),linear-gradient(to bottom,rgba(30,41,59,.4),transparent),var(--bb-bg);border-bottom:1px solid var(--bb-rule);overflow:hidden}.bb-hero-verse-meta{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:var(--bb-paper);border:1px solid rgba(212,175,55,.3);border-radius:var(--bb-radius-pill);margin-bottom:clamp(2.5rem,6vw,4rem)}.bb-hero-verse-ref{font-family:var(--bb-font-label);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.bb-hero-verse-ref,.bb-hero-verse-ref:hover{color:var(--bb-gold);text-decoration:none}.bb-hero-verse-osis{display:none}.bb-hero-verse-primary{max-width:64rem;width:100%;margin:0 0 clamp(2rem,5vw,3.5rem)}.bb-hero-verse-primary-text{font-family:var(--bb-font-display);font-size:var(--bb-text-hero);font-weight:400;font-style:italic;line-height:1.15;color:var(--bb-ink);margin:0 0 1.5rem;letter-spacing:-.015em}.bb-hero-verse-primary-version{margin:0;font-family:var(--bb-font-label);font-size:var(--bb-text-xs);font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--bb-gold)}.bb-hero-verse-original{max-width:48rem;width:100%;padding:clamp(1.5rem,3vw,2.25rem) clamp(1.5rem,4vw,2.5rem);background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--bb-gold);border-radius:var(--bb-radius);box-shadow:0 20px 50px rgba(0,0,0,.3);text-align:left}.bb-hero-verse-original-label{margin:0 0 1rem;font-family:var(--bb-font-label);font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--bb-gold)}.bb-hero-verse-original .bb-source,.bb-hero-verse-original-text{font-family:var(--bb-font-greek);font-size:clamp(1.15rem,2.2vw,1.6rem);font-weight:400;line-height:1.5;color:rgba(248,250,252,.95);margin:0;letter-spacing:0}.bb-hero-verse-original .bb-strong-word{padding:.05em .2em;border-radius:.2em;color:inherit;font:inherit;background:transparent;border:0;cursor:pointer;border-bottom:2px solid transparent;transition:background .15s,border-color .15s}.bb-hero-verse-original .bb-strong-word.is-active,.bb-hero-verse-original .bb-strong-word:hover{background:var(--bb-gold-soft);border-bottom-color:var(--bb-gold)}.bb-blocks{max-width:64rem;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.25rem,4vw,2rem);display:grid;grid-template-columns:1fr;grid-gap:clamp(1.5rem,3vw,2.5rem);gap:clamp(1.5rem,3vw,2.5rem)}@media (min-width:768px){.bb-blocks{grid-template-columns:repeat(2,1fr)}.bb-block-cta,.bb-block-patristic,.bb-block-pericope,.bb-block-translations{grid-column:1/-1}}.bb-block{padding:clamp(1.5rem,3vw,2.5rem);background:var(--bb-paper);border:1px solid var(--bb-rule);border-radius:var(--bb-radius);transition:background .2s;display:flex;flex-direction:column}.bb-block:hover{background:var(--bb-paper-hover)}.bb-block-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1.5rem}.bb-block-title{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-muted)}.bb-block-count,.bb-block-title{font-family:var(--bb-font-label)}.bb-block-count{font-size:.65rem;font-weight:600;color:var(--bb-gold);letter-spacing:.15em}.bb-block-content{flex:1 1}.bb-block-translations .bb-block-content{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:768px){.bb-block-translations .bb-block-content{grid-template-columns:repeat(2,1fr);gap:2.5rem}}.bb-translation-card{display:flex;flex-direction:column;gap:1rem}.bb-translation-label{margin:0;font-family:var(--bb-font-label);font-size:.65rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--bb-gold)}.bb-translation-text{margin:0;font-family:var(--bb-font-italic);font-size:clamp(1.05rem,1.5vw,1.2rem);font-style:italic;line-height:1.65;color:rgba(248,250,252,.9)}.bb-block-pericope .bb-block-content{padding:0}.bb-pericope-link{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem;text-decoration:none}@media (min-width:640px){.bb-pericope-link{flex-direction:row;align-items:center}}.bb-pericope-link:hover{color:inherit;text-decoration:none}.bb-pericope-range{font-family:var(--bb-font-display);font-size:var(--bb-text-xl);font-weight:600;color:var(--bb-gold)}.bb-pericope-count{display:inline-block;padding:.5rem 1.25rem;background:var(--bb-gold);color:var(--bb-bg);border-radius:var(--bb-radius-pill);font-family:var(--bb-font-label);font-size:var(--bb-text-xs);font-weight:700;letter-spacing:.05em;align-self:flex-start}.bb-block-crossrefs .bb-block-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bb-block-crossrefs .bb-block-header:after,.bb-block-crossrefs .bb-block-header:before{content:"";flex:1 1;height:1px;background:var(--bb-rule)}.bb-crossrefs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.bb-crossref{display:inline-block;padding:.5rem 1rem;background:var(--bb-paper);border:1px solid var(--bb-rule);border-radius:var(--bb-radius-pill);font-family:var(--bb-font-label);font-size:var(--bb-text-xs);font-weight:600;color:rgba(248,250,252,.8);text-decoration:none;transition:border-color .15s,color .15s}.bb-crossref:hover{border-color:rgba(212,175,55,.6);color:var(--bb-gold);text-decoration:none}.bb-block-patristic{padding:0;border:0}.bb-block-patristic,.bb-block-patristic:hover{background:transparent}.bb-block-patristic .bb-block-header{flex-direction:column;align-items:center;text-align:center;margin-bottom:2.5rem}.bb-block-patristic .bb-block-title{font-family:var(--bb-font-italic);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--bb-ink);margin:0}.bb-block-patristic .bb-block-count{display:none}.bb-patristic-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}.bb-patristic-item{position:relative;padding:2rem clamp(1.5rem,3vw,2.5rem);background:var(--bb-paper);border-left:4px solid var(--bb-gold);border-radius:0 var(--bb-radius) var(--bb-radius) 0;transition:background .2s}.bb-patristic-item:hover{background:var(--bb-paper-hover)}.bb-patristic-item:before{content:"“";position:absolute;top:1rem;right:1.5rem;font-family:var(--bb-font-greek);font-size:4rem;color:rgba(255,255,255,.05);line-height:1;pointer-events:none}.bb-patristic-header{margin-bottom:1rem}.bb-patristic-father{margin:0 0 .3rem;font-family:var(--bb-font-label);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-gold)}.bb-patristic-work{margin:0;font-family:var(--bb-font-label);font-size:var(--bb-text-sm);color:var(--bb-muted)}.bb-patristic-quote{margin:0;padding:0;font-family:var(--bb-font-italic);font-size:var(--bb-text-md);font-style:italic;line-height:1.65;color:rgba(248,250,252,.9);position:relative;z-index:1}.bb-verse-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;width:100%;max-width:48rem;margin:clamp(2rem,5vw,3rem) 0 0}.bb-verse-nav-link{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.25rem;background:var(--bb-paper);border:1px solid var(--bb-rule);border-radius:var(--bb-radius);text-decoration:none;color:inherit;transition:border-color .15s,background .15s,transform .15s;min-width:0}.bb-verse-nav-link:hover{border-color:var(--bb-gold);background:var(--bb-paper-hover);text-decoration:none;color:inherit;transform:translateY(-1px)}.bb-verse-nav-prev{text-align:left}.bb-verse-nav-next{text-align:right}.bb-verse-nav-disabled{background:transparent;border:1px dashed var(--bb-rule);pointer-events:none}.bb-verse-nav-direction{font-family:var(--bb-font-label);font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--bb-gold)}.bb-verse-nav-target{font-family:var(--bb-font-display);font-size:var(--bb-text-md);color:var(--bb-ink)}.bb-block-cta{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:1px solid rgba(212,175,55,.3);text-align:center;padding:clamp(2.5rem,5vw,3.5rem) clamp(1.5rem,4vw,3rem)}.bb-block-cta .bb-block-header{flex-direction:column;align-items:center;margin-bottom:1.5rem}.bb-block-cta .bb-block-title{font-family:var(--bb-font-italic);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;letter-spacing:-.01em;text-transform:none;color:var(--bb-gold)}.bb-cta-text{margin:0 auto 1.75rem;max-width:50ch;color:var(--bb-muted);line-height:1.7}.bb-cta-button{display:inline-block;padding:.9rem 2rem;background:var(--bb-gold);color:var(--bb-bg)!important;border-radius:var(--bb-radius-pill);text-decoration:none!important;font-family:var(--bb-font-label);font-weight:700;font-size:var(--bb-text-sm);letter-spacing:.05em;text-transform:uppercase;transition:transform .15s,box-shadow .15s}.bb-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(212,175,55,.4);color:var(--bb-bg)!important}.bb-strong-tokens{position:relative}.bb-strong-tokens .bb-source{margin:0}.bb-strong-popover{display:block;margin:1.5rem auto 0;max-width:36rem;padding:1.25rem 1.5rem;background:rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bb-gold);border-radius:var(--bb-radius);position:relative;text-align:left}.bb-strong-popover-close{position:absolute;top:.5rem;right:.6rem;background:transparent;border:0;color:var(--bb-muted);font-size:1.5rem;cursor:pointer;line-height:1;padding:.2rem .4rem}.bb-strong-popover-close:hover{color:var(--bb-gold)}