/* Faith Fit Bible tab: an ancient scroll. Parchment, wooden rods with gold finials, dark ink, rubric red verse numbers.
   No external assets: parchment grain is an inline SVG turbulence filter. Loaded after roman-motion.css. */
.bb{--ink:#2a1a0b;--rub:#8c2a14;--parch:#ead9ae;--parch2:#dcc38a;--wood1:#2b170a;--wood2:#7a4b22;--wood3:#a8743c;--gold:#e8cf8a;--gold2:#b8902f}
.bb .bb-back{display:inline-block;margin:0 0 6px;color:var(--or2,#e8cf8a);text-decoration:none;font:600 13px/1.4 var(--rm),Cinzel,Georgia,serif;letter-spacing:.06em}
.bb-sr{display:flex;gap:8px;margin-top:8px}
.bb-sr input{flex:1;min-width:0;min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid rgba(232,207,138,.35);background:rgba(12,9,6,.6);color:#f2e6c8;font-size:16px}
.bb-sr .btn{min-width:48px;display:inline-flex;align-items:center;justify-content:center}
.bb-search label{font:600 13px/1.3 var(--rm),Cinzel,Georgia,serif;letter-spacing:.08em;text-transform:uppercase;color:var(--or2,#e8cf8a)}
.bb-books h3,.bb-off h3{font-family:var(--rm),Cinzel,Georgia,serif;letter-spacing:.08em;color:var(--or2,#e8cf8a);margin:6px 0 10px}
.bb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
.bb-book{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:10px;text-decoration:none;color:#f2e6c8;
  background:linear-gradient(180deg,rgba(232,207,138,.08),rgba(232,207,138,.02));border:1px solid rgba(232,207,138,.22);font:500 15px/1.2 "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif}
.bb-book small{color:#b9a77f;font:600 11px/1 var(--rm),Cinzel,Georgia,serif}
.bb-book:active{background:rgba(232,207,138,.16)}
.bb-cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}
.bb-ch{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:10px;text-decoration:none;color:var(--ink);font:700 16px/1 var(--rm),Cinzel,Georgia,serif;
  background:radial-gradient(ellipse at 50% 40%,var(--parch),var(--parch2));box-shadow:inset 0 0 10px rgba(110,70,20,.45),0 2px 6px rgba(0,0,0,.4)}
.bb-cont{display:flex;align-items:center;gap:12px;text-decoration:none;color:#f2e6c8}
.bb-cont span{flex:1;display:flex;flex-direction:column}
.bb-cont small{font:600 11px/1.3 var(--rm),Cinzel,Georgia,serif;letter-spacing:.1em;text-transform:uppercase;color:var(--or2,#e8cf8a)}
.bb-cont b{font:600 18px/1.3 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
.bb-cont svg{color:var(--or2,#e8cf8a);flex:none}
.bb-note,.bb-src{color:#b9a77f;font-size:13px;margin:10px 0}
.bb-status{color:#d8c8a2;font-size:13px}
.bb-hits{list-style:none;margin:8px 0 0;padding:0}
.bb-hits li{border-top:1px solid rgba(232,207,138,.15)}
.bb-hits a{display:block;padding:10px 2px;color:#efe3c4;text-decoration:none;font:16px/1.5 "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif}
.bb-hits b{color:var(--or2,#e8cf8a);font:700 12px/1 var(--rm),Cinzel,Georgia,serif;letter-spacing:.05em;margin-right:4px}

/* ---------- parchment + rods ---------- */
.bb-sheet,.bb-mini-sheet{position:relative;color:var(--ink);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .22 0 0 0 0 .08 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse at 20% 15%,rgba(255,248,225,.55),transparent 55%),
    radial-gradient(ellipse at 85% 80%,rgba(150,95,35,.22),transparent 60%),
    linear-gradient(90deg,#c9a868 0,var(--parch) 7%,#f1e3bd 50%,var(--parch) 93%,#c9a868 100%);
  box-shadow:inset 0 0 38px rgba(110,66,18,.5),inset 0 0 4px rgba(90,50,10,.6)}
.bb-rod{position:relative;height:26px;margin:0 2px;border-radius:13px;z-index:2;
  background:
    repeating-linear-gradient(90deg,rgba(0,0,0,.0) 0 9px,rgba(0,0,0,.12) 9px 10px,rgba(255,220,160,.05) 10px 17px),
    linear-gradient(180deg,#140a03 0,var(--wood2) 22%,var(--wood3) 38%,var(--wood2) 58%,var(--wood1) 86%,#0d0602 100%);
  box-shadow:0 6px 10px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,220,160,.25)}
.bb-rod .bb-cap{position:absolute;top:-4px;width:18px;height:34px;border-radius:9px;
  background:linear-gradient(180deg,#5c4211 0,var(--gold) 26%,#fff2c4 40%,var(--gold2) 62%,#4d370d 100%);box-shadow:0 3px 6px rgba(0,0,0,.6),inset 0 0 0 1px rgba(80,55,10,.5)}
.bb-rod .bb-cap:after{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#fff6d2,#a17a24)}
.bb-rod .bb-cap.l{left:-8px}.bb-rod .bb-cap.r{right:-8px}
.bb-rod.sm{height:16px;border-radius:8px}.bb-rod.sm .bb-cap{width:12px;height:22px;top:-3px;border-radius:6px}.bb-rod.sm .bb-cap.l{left:-5px}.bb-rod.sm .bb-cap.r{right:-5px}
.bb-mini{margin:2px 6px 0}
.bb-mini-sheet{margin:-6px 10px;padding:18px 18px 16px;z-index:1}
.bb-k{font:700 11px/1.2 var(--rm),Cinzel,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:var(--rub)}
.bb-vt{margin:8px 0;font:italic 18px/1.55 "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;color:var(--ink)}
.bb-ref{font:700 12px/1.2 var(--rm),Cinzel,Georgia,serif;letter-spacing:.06em;color:#5a3a16}

/* ---------- reader ---------- */
.bb-read{padding:4px 10px 0}
.bb-bar{display:flex;align-items:center;gap:8px;padding:6px 4px 12px}
.bb-bar .bb-back{margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-ver{font:600 11px/1 var(--rm),Cinzel,Georgia,serif;letter-spacing:.1em;color:#b9a77f}
.bb-fsz{display:flex;gap:4px}
.bb-fsz button{min-width:44px;min-height:40px;border-radius:10px;border:1px solid rgba(232,207,138,.35);background:rgba(232,207,138,.06);color:var(--or2,#e8cf8a);font:700 13px/1 var(--rm),Cinzel,Georgia,serif}
.bb-scroll{position:relative;margin:0 6px}
.bb-sheet{margin:-8px 12px;padding:30px 20px 34px;z-index:1;min-height:40vh}
.bb-hd{text-align:center;margin-bottom:14px}
.bb-h{margin:0;font:700 26px/1.15 var(--rm),Cinzel,"Trajan Pro",Georgia,serif;letter-spacing:.06em;color:#3a220c;text-shadow:0 1px 0 rgba(255,245,215,.6)}
.bb-chn{margin-top:4px;font:600 13px/1.2 var(--rm),Cinzel,Georgia,serif;letter-spacing:.2em;text-transform:uppercase;color:var(--rub)}
.bb-orn{margin-top:6px;color:#8a6420;font-size:16px;opacity:.85}
.bb-text{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","Goudy Old Style",Georgia,serif;font-size:var(--bb-fs,18px);line-height:1.62;color:var(--ink);text-align:left;hyphens:auto;-webkit-hyphens:auto}
.bb-p{margin:0 0 .55em}
.bb-p+.bb-p{text-indent:1.2em}
.bb-p:first-child .bv:first-child sup{display:none}
.bb-p:first-child::first-letter{float:left;font:700 3.1em/.82 var(--rm),Cinzel,Georgia,serif;color:var(--rub);margin:.06em .1em 0 0;text-shadow:0 1px 0 rgba(255,240,200,.6)}
.bv sup{font:700 .6em/0 var(--rm),Cinzel,Georgia,serif;color:var(--rub);margin:0 .18em 0 .1em;vertical-align:super}
.bv i{font-style:italic;color:#4a3216}
.bv.hl{background:linear-gradient(180deg,transparent 8%,rgba(212,160,40,.38) 8%,rgba(212,160,40,.38) 92%,transparent 92%);border-radius:2px}
.bb-wait{text-align:center;color:#7a5a2a}
.bb-err{color:#6a1c0c}
.bb-edge{display:none;position:absolute;left:0;right:0;top:0;z-index:3;pointer-events:none}
.bb-edge .bb-rod{background-position:var(--bb-spin,0) 0,0 0}
.bb-rolling .bb-sheet{will-change:clip-path}
.bb-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 4px 8px}
.bb-pager .btn{display:inline-flex;align-items:center;gap:4px;min-height:44px}
.bb-pg{color:#b9a77f;text-decoration:none;font:600 12px/1.2 var(--rm),Cinzel,Georgia,serif;letter-spacing:.06em;text-align:center}
@media (max-width:380px){.bb-sheet{margin:-8px 8px;padding:26px 15px 30px}.bb-h{font-size:23px}.bb-fsz button{min-width:40px}}
@media (min-width:700px){.bb-read{max-width:760px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.bb-edge{display:none!important}.bb-sheet{clip-path:none!important;-webkit-clip-path:none!important}}
