/* TRO Academy: The Title Bible 2.0 free audiobook (page + sticky player) */
.bible-hero{padding:34px 0 10px;position:relative;overflow:hidden}
.bible-hero:before{content:"";position:absolute;inset:-40% -20% auto auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.16),transparent 65%);pointer-events:none}
.bh-grid{display:grid;gap:24px;align-items:center}
.bh-cover{position:relative;width:min(260px,70vw);aspect-ratio:1;border-radius:20px;background:linear-gradient(160deg,#17171b,#0b0b0d);border:1px solid rgba(212,175,55,.35);box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 6px rgba(212,175,55,.06);display:flex;flex-direction:column;justify-content:space-between;padding:20px;overflow:hidden}
.bh-cover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pink),var(--gold),var(--sea))}
.bh-cover img{width:54px;height:auto}
.bh-cover .bt{font-family:var(--display);font-size:2.5rem;line-height:.92;text-transform:uppercase;letter-spacing:.01em}
.bh-cover .bt span{display:block;background:var(--goldgrad);-webkit-background-clip:text;background-clip:text;color:transparent}
.bh-cover .ba{font-family:var(--head);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.bh-cover .free{position:absolute;top:16px;right:16px;font-family:var(--head);font-weight:800;font-size:.62rem;letter-spacing:.14em;color:#04130f;background:var(--sea);padding:5px 9px;border-radius:999px;box-shadow:0 0 14px rgba(79,243,207,.45)}
.bible-hero h1{font-family:var(--display);font-size:clamp(2.6rem,10vw,4.4rem);line-height:.95;text-transform:uppercase;margin:12px 0 12px}
.bh-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:14px 0 18px;color:var(--muted);font-size:.86rem}
.bh-meta b{color:var(--cream)}
.bh-ctas{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:820px){.bh-grid{grid-template-columns:auto 1fr;gap:44px}.bh-cover{width:300px}}

.bchap{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bchap li{display:grid;grid-template-columns:44px 30px 1fr auto;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:var(--card);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,background .15s}
.bchap li:hover{border-color:var(--line2)}
.bchap li.on{border-color:rgba(212,175,55,.55);background:linear-gradient(90deg,rgba(212,175,55,.10),var(--card) 60%)}
.bc-play{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(212,175,55,.45);background:#0d0d10;color:var(--gold-l);cursor:pointer}
.bc-play .icon{width:18px;height:18px}
.bchap li.on .bc-play{background:var(--goldgrad);color:#111;border-color:transparent}
.bchap li.done:not(.on) .bc-play{color:var(--sea);border-color:rgba(79,243,207,.45)}
.bc-n{font-family:var(--display);font-size:1.15rem;color:var(--dim)}
.bchap li.on .bc-n{color:var(--gold)}
.bc-t{min-width:0;display:grid;gap:7px}
.bc-t b{font-family:var(--head);font-weight:700;font-size:.95rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-bar{display:block;height:3px;border-radius:3px;background:rgba(236,233,218,.08);overflow:hidden}
.bc-bar i{display:block;height:100%;width:0;background:var(--goldgrad)}
.bchap li.done .bc-bar i{background:var(--sea)}
.bc-d{font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--muted)}
.bchap li.playing .bc-n{color:var(--pink);text-shadow:0 0 10px rgba(255,46,147,.5)}

.bplayer{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,12,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(212,175,55,.3);box-shadow:0 -14px 40px rgba(0,0,0,.55)}
.bplayer:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--pink),var(--gold),var(--sea),transparent);opacity:.7}
.bp-inner{max-width:900px;margin:0 auto;display:grid;gap:6px}
.bp-info{display:grid;min-width:0;text-align:center}
.bp-k{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--head);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.bp-info b{font-family:var(--head);font-size:.92rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bp-seek{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums}
.bp-seek input{width:100%;accent-color:var(--gold);height:22px;margin:0}
.bp-ctl{display:flex;align-items:center;justify-content:center;gap:6px}
.bp-b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:none;border:0;color:var(--cream);cursor:pointer}
.bp-b .icon{width:24px;height:24px}
.bp-b.sm .icon{width:18px;height:18px}
.bp-b.bp-main{width:54px;height:54px;background:var(--goldgrad);color:#111;box-shadow:0 6px 20px -6px rgba(212,175,55,.7)}
.bplayer.playing .bp-b.bp-main{box-shadow:0 0 0 3px rgba(255,46,147,.25),0 6px 20px -6px rgba(212,175,55,.7)}
.bp-rate{min-width:48px;height:32px;border-radius:999px;border:1px solid rgba(79,243,207,.45);background:none;color:var(--sea);font-family:var(--head);font-weight:800;font-size:.78rem;cursor:pointer;margin-left:4px}
body.has-bplayer{padding-bottom:170px}
body.has-bplayer .footer{padding-bottom:20px}
/* inside the member app: sit above the tab bar */
.app ~ .bplayer,body:has(.tabbar) .bplayer{bottom:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:10px}
body:has(.tabbar).has-bplayer main.main{padding-bottom:180px}
@media(min-width:760px){
  .bp-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;align-items:center;gap:18px}
  .bp-info{text-align:left}
  body.has-bplayer{padding-bottom:100px}
}
@media(min-width:1024px){.app ~ .bplayer,body:has(.tabbar) .bplayer{bottom:0;left:248px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
.bible-cta{margin-top:30px;padding:24px;border-radius:20px;border:1px solid rgba(212,175,55,.3);background:radial-gradient(120% 140% at 100% 0,rgba(255,46,147,.10),transparent 50%),radial-gradient(120% 140% at 0 100%,rgba(79,243,207,.08),transparent 50%),var(--card)}
.bible-cta h2{margin:10px 0 8px}
.bible-cta .lead{margin-bottom:16px}
.bible-band{display:grid;gap:18px;align-items:center;padding:24px;border-radius:20px;border:1px solid rgba(212,175,55,.3);background:radial-gradient(100% 140% at 0 0,rgba(212,175,55,.14),transparent 55%),var(--card)}
.bible-band .bb-ic{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:var(--goldgrad);color:#111}
.bible-band .bb-ic .icon{width:28px;height:28px}
@media(min-width:820px){.bible-band{grid-template-columns:auto 1fr auto;padding:28px 32px}}
.nav-free{color:var(--sea)!important}
.hero-free{margin:14px 0 0;font-family:var(--head);font-weight:700;font-size:.9rem}
.hero-free a{display:inline-flex;align-items:center;gap:8px}
.hero-free .icon{width:18px;height:18px;color:var(--sea)}
