/* tok-bible.css (10-13): BibVid's Read look (read.css UI1: cinematic dark, parchment and gold, light option) for the tok sites */
#tokBible{--tbBg:#0b0a08;--tbFg:#eee7d6;--tbDim:#b9ad96;--tbGold:#d6b15c;--tbGold2:#e9c977;--tbLine:#ffffff1f;--tbCard:#ffffff08;--tbSize:19px;
  --tbDisplay:'Cinzel','Cormorant Garamond',Georgia,serif;--tbSerif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  position:relative;color:var(--tbFg);background:radial-gradient(90% 40% at 50% 0%,#d6b15c14,transparent 70%),radial-gradient(60% 40% at 100% 100%,#a8792c10,transparent),var(--tbBg);
  padding:clamp(18px,3vw,36px) clamp(14px,4vw,48px) 40px;border-radius:18px;margin:16px auto;max-width:1120px;container-type:inline-size;font:16px/1.55 system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
#tokBible[data-theme=light]{--tbBg:#faf5ea;--tbFg:#2b2116;--tbDim:#6e5d48;--tbGold:#8a5d14;--tbGold2:#a8792c;--tbLine:#3a2a1226;--tbCard:#fffdf7}
.tbWrap{max-width:980px;margin:0 auto}
.tbVh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tbKicker{font-size:12px;letter-spacing:.18em;font-weight:700;color:var(--tbGold);margin:0 0 4px}
.tbHead h1{font-family:var(--tbDisplay);font-weight:700;font-size:clamp(30px,5vw,52px);line-height:1.05;margin:0 0 8px;letter-spacing:.02em;background:linear-gradient(180deg,#fbeec9,#d6b15c 70%,#a8792c);-webkit-background-clip:text;background-clip:text;color:transparent}
#tokBible[data-theme=light] .tbHead h1{background:linear-gradient(180deg,#6b4a14,#a8792c);-webkit-background-clip:text;background-clip:text}
.tbLede{font-family:var(--tbSerif);font-size:clamp(18px,2vw,21px);line-height:1.4;max-width:680px;margin:0 0 10px}
.tbCrumbs{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:14px;color:var(--tbDim);margin:0 0 6px}
.tbCrumbs a{color:var(--tbGold2);min-height:40px;display:inline-flex;align-items:center;padding:0 4px;text-decoration:none}
.tbTools{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 12px}
.tbTools button,.tbBtn,.tbSearch button,.tbAct button{font:inherit;font-size:14.5px;color:inherit;border:1px solid var(--tbLine);background:var(--tbCard);border-radius:999px;padding:8px 14px;min-height:44px;min-width:44px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.tbTools button:hover,.tbBtn:hover{border-color:var(--tbGold)}
.tbTr{display:inline-flex;border:1px solid var(--tbLine);border-radius:999px;padding:3px;background:#0005}
#tokBible[data-theme=light] .tbTr{background:#fffdf7}
.tbTr button{border:0;background:transparent;font-weight:800;letter-spacing:.06em;min-height:38px}
.tbTr button.on,.tbPrimary,.tbSearch button{background:linear-gradient(180deg,#e9c977,#c99a3f)!important;color:#16120b!important;border-color:transparent!important;font-weight:800}
.tbSearch{display:flex;gap:8px;margin:6px 0 16px}
.tbSearch input{flex:1;min-width:0;font:inherit;font-size:16px;color:var(--tbFg);background:var(--tbCard);border:1px solid var(--tbLine);border-radius:999px;padding:10px 16px;min-height:44px}
.tbDoors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.tbDoor{display:flex;gap:10px;align-items:center;padding:12px 14px;border:1px solid var(--tbLine);border-radius:14px;background:var(--tbCard);color:inherit;text-decoration:none;min-height:56px}
.tbDoor b{font-family:var(--tbDisplay);color:var(--tbGold2);font-size:18px}
.tbDoorMain{border-color:var(--tbGold)}
.tbSec h2{font-family:var(--tbDisplay);font-size:24px;margin:18px 0 6px;color:var(--tbGold2)}
.tbGenre h3{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tbDim);margin:12px 0 6px}
.tbBooks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tbBook{display:flex;flex-direction:column;padding:10px 12px;border:1px solid var(--tbLine);border-radius:12px;background:var(--tbCard);color:inherit;text-decoration:none;min-height:56px}
.tbBook b{font-family:var(--tbSerif);font-size:18px}
.tbBook span{font-size:12.5px;color:var(--tbDim)}
.tbBook:hover,.tbDoor:hover{border-color:var(--tbGold)}
.tbChs{list-style:none;margin:8px 0 16px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px}
.tbChs a{display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--tbLine);border-radius:12px;background:var(--tbCard);color:inherit;text-decoration:none;font-weight:700}
.tbChs a:hover{border-color:var(--tbGold)}
.tbSum{border-left:3px solid var(--tbGold);padding:6px 12px;margin:0 0 14px;color:var(--tbDim);font-size:15px;max-width:760px}
.tbSum p{margin:4px 0 0}
.tbTag{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;border:1px dashed currentColor;border-radius:999px;padding:2px 8px}
.tbText{font-family:var(--tbSerif);font-size:var(--tbSize);line-height:1.7;max-width:760px}
.tbV{margin:0 0 .45em;border-radius:6px;padding:2px 4px;cursor:pointer;transition:background .2s}
.tbCompact .tbV{display:inline;margin:0}
.tbV sup{font-family:system-ui,sans-serif;font-size:.6em;color:var(--tbGold);font-weight:700;margin-right:2px}
.tbV:hover{background:#d6b15c12}
.tbV.sel,.tbV.hl{background:#d6b15c26;outline:1px solid #d6b15c66}
.tbAct{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}
.tbHint,.tbFine,.tbStatus{font-size:13.5px;color:var(--tbDim)}
.tbFine a{color:var(--tbGold2)}
.tbPager{display:flex;justify-content:space-between;gap:8px;margin:18px 0;flex-wrap:wrap;max-width:760px}
.tbHits{list-style:none;padding:0;margin:0;max-width:760px}
.tbHits a{display:block;padding:10px 4px;border-bottom:1px solid var(--tbLine);color:inherit;text-decoration:none;font-family:var(--tbSerif);font-size:17px}
.tbHits b{color:var(--tbGold2);font-family:system-ui,sans-serif;font-size:14px;margin-right:6px}
.tbErr{padding:20px 0}
.tbToast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#16120b;color:#f3deb0;border:1px solid #d6b15c66;padding:10px 16px;border-radius:999px;z-index:2000;font:14px system-ui,sans-serif}
@container (max-width:520px){#tokBible .tbHead h1{font-size:30px}.tbBooks,.tbDoors{grid-template-columns:repeat(2,1fr)}}