/* Round 124: Bible Research. Deep purple and gold, no external fonts or scripts. All text meets 4.5:1 on its background. */
:root{--bg:#140a26;--bg2:#1d1033;--card:#231640;--line:rgba(255,215,94,.28);--txt:#f4eeff;--mut:#c4b8dc;--gold:#ffd75e;--gold2:#e6b93a;--ot:#d3b5ff;--ot-d:#a566ff;--ink:#1a0d2e;--r:14px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;min-height:100vh}
.bs{max-width:1100px;margin:0 auto;padding:10px 16px 8px}
.bs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;margin:0}
.bs-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 14px;margin-bottom:8px}
.bs-head h1{font-size:clamp(22px,4vw,28px);color:var(--gold);letter-spacing:.02em}
.bs-sub{margin:0;color:var(--mut);font-size:14px}
.bs-form{display:grid;grid-template-columns:minmax(0,270px) minmax(0,1fr) auto;gap:8px}
.bs-form select,.bs-form input{width:100%;min-height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;padding:0 12px}
.bs-form select{padding-right:6px}
.bs-input{position:relative}
.bs-input input{padding-right:40px}
.bs-x{position:absolute;right:2px;top:2px;width:42px;height:42px;border:0;background:none;color:var(--mut);font-size:24px;cursor:pointer}
.bs-go{min-height:46px;padding:0 22px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);font:700 16px inherit;font-weight:700;cursor:pointer}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.bs-presets{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.bs-presets button{flex:0 0 auto;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.bs-presets button[aria-pressed=true]{background:var(--gold);color:var(--ink);font-weight:700}
.bs-status{min-height:0;margin:6px 0 2px;color:var(--mut);font-size:14px}
.bs-status:empty{margin:0}
.bs-status.err{color:#ffb4b4}
.bs-status button{margin-left:8px;min-height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--gold);cursor:pointer;padding:0 12px}
.bs-suggest{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
.bs-suggest button{margin:4px 6px 0 0;min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--gold);cursor:pointer;font:inherit}
.bs-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 10px}
@media(min-width:760px){.bs-stats{grid-template-columns:repeat(4,1fr)}}
.bs-stat{padding:7px 12px}
.bs-stat{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);min-width:0}
.bs-stat small{display:inline;color:var(--mut);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}
.bs-stat b{display:inline-block;margin-right:6px;font:700 22px Georgia,serif;color:var(--gold);line-height:1.25;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.bs-stat.ot b{color:var(--ot)}
.bs-stat span{display:block;color:var(--mut);font-size:12.5px;line-height:1.2}
.bs-card{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:10px 12px 12px}
.bs-cardhead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.bs-cardhead h2{font-size:20px;color:#fbefc3}
.bs-seg{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.bs-seg button{min-height:38px;padding:0 16px;border:0;background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.bs-seg button[aria-selected=true]{background:var(--gold);color:var(--ink);font-weight:700}
.bs-legend{display:flex;gap:12px;color:var(--mut);font-size:13px}
.bs-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
.bs-legend .ot,.dot-ot{background:var(--ot)} .bs-legend .nt,.dot-nt{background:var(--gold)}
.bs-chartwrap{overflow-x:auto;border-radius:12px;background:#0f0720;border:1px solid rgba(255,215,94,.15);-webkit-overflow-scrolling:touch}
.bs-chartwrap svg{display:block;width:100%;min-width:1000px;height:auto}
.bs-hint{margin:8px 0 0;color:var(--mut);font-size:13px}
.node{cursor:pointer}
.node:focus-visible circle.hit{stroke:#fff;stroke-width:3}
.flow{stroke-dasharray:8 6;animation:flow 18s linear infinite}
@keyframes flow{to{stroke-dashoffset:-300}}
.spin{transform-box:fill-box;transform-origin:center;animation:spin 9s linear infinite}
.spin.r{animation-direction:reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.flow,.spin{animation:none}}
.bs-list{list-style:none;margin:0;padding:0}
.bs-sec{margin:14px 0 6px;font:700 13px system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.bs-sec.ot{color:var(--ot)} .bs-sec.nt{color:var(--gold)}
.bs-row{display:grid;grid-template-columns:minmax(96px,150px) 1fr auto;align-items:center;gap:10px;width:100%;min-height:46px;padding:4px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:none;color:var(--txt);font:inherit;text-align:left;cursor:pointer;border-radius:8px}
.bs-row:hover:not([disabled]){background:rgba(255,215,94,.08)}
.bs-row[disabled]{color:#9a8cb8;cursor:default}
.bs-bar{height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.bs-bar i{display:block;height:100%;border-radius:6px}
.bs-row.ot .bs-bar i{background:var(--ot-d)} .bs-row.nt .bs-bar i{background:var(--gold)}
.bs-row b{min-width:2.4em;text-align:right;font-variant-numeric:tabular-nums}
.bs-h2{font-size:18px;color:#fbefc3;margin:22px 0 10px}
.bs-divs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:760px){.bs-divs{grid-template-columns:repeat(5,1fr)}}
.bs-div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.bs-div small{display:block;color:var(--mut)} .bs-div b{font:700 20px Georgia,serif}
.bs-div.ot b{color:var(--ot)} .bs-div.nt b{color:var(--gold)}
.bs-copy{margin:22px 0 4px;color:var(--mut);font-size:12.5px;text-align:center}
.bs-drawer{position:fixed;inset:0;z-index:2000;display:flex;justify-content:flex-end}
.bs-drawer[hidden]{display:none}
.bs-back{position:absolute;inset:0;background:rgba(0,0,0,.72)}
.bs-panel{position:relative;width:min(640px,100%);height:100%;background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column}
@media(max-width:700px){.bs-drawer{align-items:flex-end}.bs-panel{height:88vh;height:88dvh;width:100%;border-left:0;border-top:1px solid var(--line);border-radius:18px 18px 0 0}}
.bs-dhead{display:flex;gap:12px;align-items:center;padding:14px 14px 10px}
.bs-badge{flex:0 0 auto;min-width:44px;height:44px;padding:0 6px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--line);font:700 15px Georgia,serif}
.bs-badge.ot{color:var(--ot)} .bs-badge.nt{color:var(--gold)}
.bs-dt{flex:1;min-width:0} .bs-dt h3{font-size:20px;color:var(--txt)} .bs-dt p{margin:0;color:var(--mut);font-size:14px}
.bs-close{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:12px;background:var(--bg2);color:var(--txt);font-size:26px;cursor:pointer}
.bs-dnav{display:flex;justify-content:space-between;gap:8px;padding:0 14px 10px;border-bottom:1px solid var(--line)}
.bs-dnav button{flex:1;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-dnav button[disabled]{opacity:.4;cursor:default}
.bs-verses{flex:1;overflow-y:auto;padding:14px;display:grid;gap:10px;align-content:start;-webkit-overflow-scrolling:touch}
.bs-v{padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.bs-v header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}
.bs-v cite{font:700 14px Georgia,serif;color:var(--gold);font-style:normal}
.bs-v button{min-height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);cursor:pointer;font:inherit;font-size:14px}
.bs-v p{margin:0;font:18px/1.6 Georgia,"Times New Roman",serif}
mark{background:rgba(255,215,94,.28);color:#fff3c4;padding:0 3px;border-radius:4px}
.bs-empty{padding:30px 10px;text-align:center;color:var(--mut)}
.bs-more{display:block;margin:6px auto;min-height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--gold);cursor:pointer;font:inherit}
.bs-toast{position:fixed;left:50%;bottom:76px;transform:translateX(-50%);z-index:2100;background:var(--gold);color:var(--ink);font-weight:700;padding:10px 16px;border-radius:12px}
.bs-toast[hidden]{display:none}
@media(max-width:640px){.bs-form{grid-template-columns:1fr auto}.bs-form select{grid-column:1/-1}.bs-row{grid-template-columns:minmax(90px,120px) 1fr auto}}
/* the shared footer and top bar sit on dark here */
#kms-site-footer{color:var(--mut)}

.bs-acts{display:flex;gap:8px;flex-wrap:wrap}
.bs-btn{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--gold);font:inherit;font-weight:700;cursor:pointer}
.bs-btn:hover{background:rgba(255,215,94,.12)}
.bs-guide{display:flex;gap:10px;align-items:center;margin:10px 0;padding:10px 12px;border-radius:12px;background:rgba(255,215,94,.12);border:1px solid var(--gold)}
.bs-guide[hidden]{display:none}
.bs-guide p{margin:0;flex:1;font-size:15px}
.bs-guide button{min-height:38px;padding:0 14px;border-radius:10px;border:0;background:var(--gold);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}
.bs-face{margin:0 0 10px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border-left:4px solid var(--gold)}
.bs-face b{display:block;font:700 19px Georgia,serif;color:var(--gold)}
.bs-face span{display:block;margin-top:2px}
.bs-face small{display:block;margin-top:4px;color:var(--mut)}
.bs-dver{display:flex;align-items:center;gap:10px;padding:0 14px 10px}
.bs-dver label{color:var(--mut);font-size:14px;white-space:nowrap}
.bs-dver select{flex:1;min-width:0;min-height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;padding:0 10px}
.tip{animation:tipbob 1.6s ease-in-out infinite}
@keyframes tipbob{50%{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.tip{animation:none}}

.bs-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:8px}
.bs-bar-row .bs-acts{margin-left:auto}
.bs-btn{min-height:38px}
.bs-guide{margin:0 0 8px;padding:6px 10px}
.bs-guide p{font-size:14px}
.bs-face{margin:10px 0 0}
.bs-face i{font-style:normal;display:block;margin-top:4px;color:var(--ot)}
@media(max-width:640px){.bs-stat b{font-size:19px}.bs-chartwrap svg{min-width:1000px}.bs-bar-row .bs-acts{margin-left:0}}

.bs-stat small{display:block}
.bs-stat b{font-size:21px;margin-right:6px;vertical-align:baseline}
.bs-stat span{display:inline}
.bs-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 0;padding:6px 12px}
.bs-stat small{flex:0 0 100%}
@media(max-width:640px){
  .bs-sub{display:none}
  .bs-title{margin-bottom:4px}
  .bs-stats{display:flex;overflow-x:auto;gap:8px;margin:6px 0 8px;padding-bottom:2px;scrollbar-width:none}
  .bs-stat{flex:0 0 auto;min-width:138px}
  .bs-stat b{font-size:18px}
  .bs-bar-row{gap:8px}
  .bs-btn{padding:0 10px}
}

.bs-dict{margin:18px 0 6px}
.bs-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.bs-chip{border:1px solid var(--line,#d9d6cf);background:transparent;color:inherit;border-radius:999px;padding:6px 14px;min-height:36px;cursor:pointer;font:inherit}
.bs-chip[aria-selected="true"]{background:var(--gold,#c9a24a);color:#1b1b1b;border-color:transparent;font-weight:600}
.bs-def{border:1px solid var(--line,#d9d6cf);border-radius:12px;padding:12px 14px;margin:0 0 10px}
.bs-def h3{margin:0 0 6px;font-size:14px;color:var(--mut)}
.bs-def p{margin:0 0 6px;line-height:1.55;white-space:pre-line}
.bs-def small{display:block;color:var(--mut);margin-top:4px}
.bs-more{background:none;border:0;color:inherit;text-decoration:underline;cursor:pointer;padding:6px 0;min-height:32px;font:inherit}
.bs-dsrc{color:var(--mut);font-size:12.5px;margin:4px 0 0}

mark[style*="--mc"]{background:color-mix(in srgb,var(--mc) 30%,transparent);color:var(--mc);box-shadow:inset 0 -2px 0 var(--mc)}
.bs-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:baseline;border:1px solid rgba(255,255,255,.5)}
.bs-leg{display:flex!important;flex-wrap:wrap;gap:4px 14px}
.bs-leg span{white-space:nowrap}
.bs-leg b{font-weight:700}

.bs-presep{display:inline-flex;align-items:center;padding:0 6px;color:var(--mut);font-size:13px}
.bs-opp[aria-pressed="true"]{outline:2px solid var(--gold)}
.bs-cnote{margin:6px 0;color:var(--mut);font-size:13.5px}
#cSvg{cursor:pointer}
#cSvg g.cb:focus{outline:none}
#cSvg g.cb:focus rect:first-child,#cSvg g.cb:hover rect:first-child{fill:rgba(255,255,255,.08)}
.bs-tblwrap{overflow-x:auto}
.bs-table{border-collapse:collapse;width:100%;font-size:14px}
.bs-table th,.bs-table td{border-bottom:1px solid rgba(255,255,255,.12);padding:8px 10px;text-align:left;vertical-align:top}
.bs-table thead th{font-weight:700}
.bs-table tbody th{font-weight:600;color:var(--mut);white-space:nowrap}
.bs-dtabs{display:flex;gap:6px;padding:8px 14px;flex-wrap:wrap}
.bs-dtabs[hidden]{display:none}
.bs-dtabs button{border:1px solid var(--line,#d9d6cf);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;min-height:36px;cursor:pointer;font:inherit}
.bs-dtabs button[aria-selected="true"]{background:var(--gold,#c9a24a);color:#1b1b1b;border-color:transparent;font-weight:600}
.bs-dtabs button:disabled{opacity:.45;cursor:default}

/* Round 132: chapter pop-up opened from a verse reference */
.bs-v cite{display:inline}.bs-v button.bs-ref{min-height:40px;padding:0 4px;border:0;background:none;color:var(--gold);font:700 15px Georgia,serif;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,215,94,.5);cursor:pointer}
.bs-v button.bs-ref:hover,.bs-v button.bs-ref:focus-visible{text-decoration-color:currentColor;outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.bs-chap{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:12px}.bs-chap[hidden]{display:none}
.bs-chap .bs-back{position:absolute;inset:0;background:rgba(0,0,0,.65)}
.bs-chpanel{position:relative;width:min(680px,100%);max-height:min(88vh,100%);display:flex;flex-direction:column;background:var(--bg2);color:var(--txt);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.bs-chhead{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px 16px 8px;border-bottom:1px solid var(--line)}
.bs-chhead h3{margin:0;font:700 20px Georgia,serif;color:var(--gold)}.bs-chhead p{margin:2px 0 0;color:var(--mut);font-size:13px}
.bs-chhead .bs-close{position:static}
.bs-chbody{overflow:auto;padding:12px 16px;font:18px/1.7 Georgia,"Times New Roman",serif;flex:1;min-height:160px}
.bs-cv{margin:0 0 6px}.bs-cv sup{color:var(--gold);font:700 12px system-ui,sans-serif;margin-right:2px}
.bs-cv.on{background:rgba(255,215,94,.16);border-left:3px solid var(--gold);padding:4px 8px;border-radius:6px}
.bs-chfoot{display:flex;gap:8px;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--line)}
.bs-chfoot button{min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--txt);cursor:pointer;font:inherit;font-size:14px}
.bs-chfoot button[disabled]{opacity:.4;cursor:default}
@media (max-width:520px){.bs-chap{padding:0;align-items:flex-end}.bs-chpanel{border-radius:16px 16px 0 0;max-height:92vh}.bs-chfoot button{padding:0 8px;font-size:13px}}

/* Round 133: similar words and renderings in other versions */
.bs-reltick{display:flex;gap:8px;align-items:flex-start;margin:8px 0 0;color:var(--mut);font-size:14px;cursor:pointer}
.bs-reltick input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--gold);flex:0 0 auto}
.bs-reltick small{color:var(--mut);opacity:.9}
.bs-relbar{margin:0 0 8px}
.bs-relnote{margin:0 0 10px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2);color:var(--txt);font-size:14px}
.bs-relnote button{margin:4px 0 0 8px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--gold);cursor:pointer;font:inherit}
.bs-rel{margin:0 0 12px}
.bs-rel h3{font-size:17px;color:#fbefc3;margin:14px 0 2px}
.bs-rel .bs-rnote{margin:0 0 6px;color:var(--mut);font-size:13px}
.bs-rchips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 8px}
.bs-rchip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);cursor:pointer;font-size:15px}
.bs-rchip input{width:18px;height:18px;accent-color:var(--gold);margin:0}
.bs-rchip small{color:var(--mut)}
.bs-rchip.off{opacity:.65;cursor:default}
.bs-rgo{margin:2px 0 4px}
.bs-rfoot{margin:10px 0 0;color:var(--mut);font-size:12.5px}
.bs-rempty{color:var(--mut);font-size:14px;margin:8px 0}
.bs-rtools{margin:2px 0 6px}.bs-rtools label{color:var(--mut);font-size:14px}
.bs-rtools select{min-height:38px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;padding:0 8px;margin:0 4px}
.bs-rall{background:linear-gradient(90deg,var(--gold2),var(--gold));color:var(--ink);border:0}

/* Round 136: the two tools at the top, and ScriptureCloud */
.bs-top{display:inline-flex;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2)}
.bs-toptab{min-height:44px;padding:0 18px;border:0;background:transparent;color:var(--txt);font:700 clamp(16px,3.6vw,20px)/1 Georgia,"Times New Roman",serif;letter-spacing:.02em;cursor:pointer}
.bs-toptab[aria-selected=true]{background:var(--gold);color:var(--ink)}
.bs-toptab:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.bs.cmode>*:not(.bs-head):not(#cloudView):not(.bs-copy){display:none!important}
.bs.cmode .bs-form,.bs.cmode .bs-presets,.bs.cmode .bs-reltick,.bs.cmode #subResearch{display:none!important}
.bs-cform{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:end;margin:6px 0 10px}
.bs-cform label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--mut)}
.bs-cform select,.bs-cform input[type=number]{min-height:42px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;max-width:100%}
.bs-cform input[type=number]{width:90px}
.bs-ccheck{flex-direction:row!important;align-items:center;gap:8px!important;min-height:42px}
.bs-cwrap{margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
#cCanvas{display:block;width:100%;height:auto;cursor:default}
.bs-clist{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}
.bs-clist button{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.bs-clist button:hover{border-color:var(--gold)}
.bs-clist small{color:var(--mut);margin-left:4px}
@media (max-width:640px){.bs-cform label{flex:1 1 140px}.bs-cform .bs-go{flex:1 1 100%}}
#cInfo{display:grid!important;grid-template-columns:repeat(2,1fr);overflow:visible!important}
@media(min-width:760px){#cInfo{grid-template-columns:repeat(4,1fr)}}
/* Round 137 */
.bs-cverses{margin:12px 0}
.bs-cverses .bs-v{padding:8px 0;border-bottom:1px solid var(--line)}
.bs-cverses .bs-v header b{color:var(--gold)}
.bs-cverses .bs-v p{margin:4px 0 0}
.bs-vw{border:0;border-bottom:2px solid var(--gold);background:rgba(255,215,94,.14);color:var(--txt);font:inherit;font-weight:700;padding:0 3px;border-radius:4px;cursor:pointer}
.bs-vw:hover,.bs-vw:focus-visible{background:var(--gold);color:var(--ink)}
.bs-spell span{margin-right:12px}
.bs-cverses .bs-v p .bs-vw{display:inline;min-height:0;height:auto;padding:0 3px;margin:0;border:0;border-bottom:2px solid var(--gold);background:rgba(255,215,94,.14);color:var(--txt);font:inherit;font-weight:700;border-radius:4px;cursor:pointer}
.bs-cverses .bs-v p .bs-vw:hover,.bs-cverses .bs-v p .bs-vw:focus-visible{background:var(--gold);color:var(--ink)}
/* Round 138: ScriptureCloud Cloud/Chart tabs, the verses pop-up, passage box */
.bs-cpass{flex:1 1 280px}
.bs-cpass input{min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;width:100%}
.bs-cpick{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin:0 0 8px;font-size:13px;color:var(--mut)}
.bs-cpick label{display:flex;flex-direction:column;gap:3px}
.bs-cpick select,.bs-cpick input{min-height:38px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit}
.bs-cpick input[type=number]{width:80px}
.bs-cex{display:flex;flex-wrap:wrap;gap:6px}
.bs-cexb{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--gold);font:inherit;font-size:13px;cursor:pointer}
.bs-cexb:hover{background:rgba(255,215,94,.12)}
.bs-freq{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:12px 14px}
.bs-freqh{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font:700 14px Georgia,serif;letter-spacing:.06em;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}
.bs-freqh span:last-child{font:700 13px ui-monospace,monospace;letter-spacing:0}
.bs-freql{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}
.bs-frow{display:flex;flex-direction:column;gap:6px;text-align:left;width:100%;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.bs-frow:hover,.bs-frow:focus-visible{border-color:var(--gold)}
.bs-fhead{display:flex;align-items:baseline;gap:8px}
.bs-frank{font:normal 11px ui-monospace,monospace;color:var(--mut)}
.bs-fword{font-weight:700;flex:1}
.bs-fcount{font:700 14px ui-monospace,monospace;color:var(--gold)}
.bs-fbar{display:block;height:5px;border-radius:3px;background:#3a2060}
.bs-ffill{display:block;height:100%;border-radius:3px}
.bs-ffill.s-a{background:linear-gradient(90deg,#e6b93a,#ffa500)}
.bs-ffill.s-b{background:#b98cff}
.bs-cm{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:14px}
.bs-cm[hidden]{display:none}
.bs-cmpanel{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100vh - 28px);display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.bs-cmhead{display:flex;justify-content:space-between;gap:12px;padding:16px 18px 10px;border-bottom:1px solid var(--line)}
.bs-cmhead h3{font-size:24px;color:var(--gold)}
.bs-cmhead p{margin:4px 0 0;color:var(--mut);font-size:13px}
.bs-cmtabs{display:flex;gap:6px;padding:8px 18px 0}
.bs-cmtab{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--txt);font:inherit;cursor:pointer}
.bs-cmtab[aria-selected=true]{background:var(--gold);color:var(--ink);font-weight:700}
.bs-cmbody{overflow-y:auto;padding:6px 18px;flex:1;min-height:120px}
.bs-cmbody .bs-v{padding:10px 0;border-bottom:1px solid var(--line)}
.bs-cmbody .bs-v header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.bs-cmbody .bs-v header b{color:var(--gold)}
.bs-cmbody .bs-v header button{min-height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--mut);font:inherit;font-size:12px;cursor:pointer}
.bs-cmbody .bs-v p{margin:4px 0 0;font-family:Georgia,serif;font-size:17px;line-height:1.55}
.bs-cmbody .bs-v p .bs-vw{display:inline;min-height:0;padding:0 3px;border:0;border-bottom:2px solid var(--gold);background:rgba(255,215,94,.14);color:var(--txt);font:inherit;font-weight:700;border-radius:4px;cursor:pointer}
.bs-cmbody .bs-v p .bs-vw:hover,.bs-cmbody .bs-v p .bs-vw:focus-visible{background:var(--gold);color:var(--ink)}
.bs-cmfoot{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;padding:10px 18px 14px;border-top:1px solid var(--line)}
@media (max-width:640px){.bs-cm{padding:0;align-items:flex-end}.bs-cmpanel{max-height:92vh;border-radius:18px 18px 0 0}}

/* Round 139: the original one-row controls, a second row for the tick box and button, local book names, pop-up tabs hidden when single */
.bs-cform{align-items:end}
.bs-crow2{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.bs-cform label[hidden]{display:none}
.bs-cmtabs[hidden]{display:none}
.bs-cpick summary{cursor:pointer;color:var(--gold);min-height:34px;display:flex;align-items:center}
.bs-cpick{display:block}
.bs-cpick .bs-cpass{display:block;margin:6px 0}
.bs-cform input[type=number]{min-height:42px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit}

/* Round 140: Parallel Versions */
.bs.cmode>*:not(.bs-head):not(#cloudView):not(.bs-copy){display:none!important}
.bs.pmode>*:not(.bs-head):not(#parallelView):not(.bs-copy){display:none!important}
.bs.pmode .bs-form,.bs.pmode .bs-presets,.bs.pmode .bs-reltick,.bs.pmode #subResearch,.bs.pmode #subCloud{display:none!important}
.bs-pvers{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 12px;margin:8px 0}
.bs-pvers h4{grid-column:1/-1;margin:8px 0 0;font-size:13px;color:var(--mut);font-weight:700}
.bs-pvers label{display:flex;gap:8px;align-items:flex-start;min-height:34px;font-size:14px;cursor:pointer}
.bs-pvers input{margin-top:3px}
.bs-pvers label.off{opacity:.45}
.bs-ptable{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.bs-prow{display:grid;gap:0;grid-template-columns:44px repeat(var(--n),minmax(230px,1fr));border-top:1px solid var(--line)}
.bs-prow:first-child{border-top:0}
.bs-prow>div{padding:10px 12px;line-height:1.55}
.bs-prow .vn{color:var(--gold);font-weight:700;text-align:center;padding-left:4px;padding-right:4px}
.bs-prow.head>div{position:sticky;top:0;background:var(--bg);font-weight:700;border-bottom:2px solid var(--gold)}
.bs-prow.head small{display:block;font-weight:400;color:var(--mut)}
.bs-prow .gap{color:var(--mut)}
.bs-prow [dir=rtl]{text-align:right}
.bs-pvers label{flex-direction:row!important;align-items:center!important;gap:8px!important;min-height:34px}
.bs-pvers input{margin:0}

/* Round 141: tabs that read as headings, and the one-screen Parallel Versions layout */
.bs-top{display:flex;flex-wrap:wrap;gap:8px;border:0;background:transparent;overflow:visible;margin:4px 0 6px;width:100%}
.bs-toptab{flex:1 1 180px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"i n" "i d";column-gap:10px;align-items:center;text-align:left;min-height:62px;padding:8px 16px;border:2px solid var(--line);border-radius:14px;background:var(--bg2);color:var(--txt)}
.bs-toptab .ti{grid-area:i;font-size:26px;line-height:1}
.bs-toptab .tn{grid-area:n;font:700 clamp(17px,3.8vw,21px)/1.15 Georgia,"Times New Roman",serif}
.bs-toptab .td{grid-area:d;font:400 13px/1.2 system-ui,sans-serif;color:var(--mut)}
.bs-toptab:hover{border-color:var(--gold)}
.bs-toptab[aria-selected=true]{background:var(--gold);border-color:var(--gold);color:var(--ink);box-shadow:0 3px 0 rgba(0,0,0,.35)}
.bs-toptab[aria-selected=true] .td{color:var(--ink);opacity:.8}
.bs-pform{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:end;margin:4px 0 8px}
.bs-prefs{display:flex;flex-wrap:wrap;gap:8px;align-items:end}
.bs-pform label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--mut)}
.bs-pform select,.bs-pform input{min-height:40px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;font-size:15px;max-width:100%}
.bs-pform input[type=number]{width:68px}
.bs-pnav{min-width:44px;min-height:40px;border-radius:10px;border:1px solid var(--gold);background:transparent;color:var(--gold);font:700 22px/1 Georgia,serif;cursor:pointer}
.bs-pnav:hover:not(:disabled){background:var(--gold);color:var(--ink)}
.bs-pnav:disabled{opacity:.35;cursor:default}
.bs-pvs{display:flex;flex-wrap:wrap;gap:8px;align-items:end;flex:1 1 360px}
.bs-pvs .pv{display:flex;flex-direction:column;gap:3px;flex:1 1 150px;min-width:130px;max-width:260px}
.bs-pvs .pv span{display:flex;justify-content:space-between;align-items:center}
.bs-pvs .pv button{border:0;background:transparent;color:var(--mut);cursor:pointer;font-size:15px;padding:0 4px}
.bs-pvs select{width:100%}
.bs-pgo{display:flex;gap:8px;align-items:center}
.bs-par .bs-ptable{max-height:calc(100vh - 280px);min-height:200px;overflow:auto}
.bs-par .bs-prow>div{padding:8px 12px}
.bs-par .bs-bar-row{margin:2px 0 6px}

/* Round 145: Word Study */
.ws-word{cursor:pointer;border-radius:3px}
.ws-word:hover,.ws-word:focus-visible{background:#fff3c4;outline:2px solid var(--gold,#b8860b);outline-offset:0}
.ws-back{position:fixed;inset:0;background:rgba(20,18,50,.55);z-index:9000;display:flex;align-items:center;justify-content:center;padding:12px}
.ws-back[hidden]{display:none}
.ws-box{background:#fff;color:#1c1a3a;border-radius:14px;max-width:760px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.ws-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid #e5e0cf}
.ws-title{margin:0;font-size:1.2rem}
.ws-close{font:inherit;font-weight:700;min-height:44px;padding:0 16px;border-radius:8px;border:2px solid #1c1a3a;background:#fff;color:#1c1a3a;cursor:pointer}
.ws-body{padding:14px 16px 18px;overflow:auto}
.ws-ref{font-weight:700;margin:0 0 8px}
.ws-note{background:#fff7d6;border:1px solid #e3c766;border-radius:10px;padding:10px 12px;margin:0 0 10px}
.ws-hint{color:#4d516b;margin:6px 0}
.ws-strip{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
.ws-ow{display:flex;flex-direction:column;align-items:center;gap:1px;font:inherit;background:#f6f7fb;border:2px solid #dfe2ee;border-radius:10px;padding:6px 10px;min-height:44px;cursor:pointer;color:#1c1a3a}
.ws-ow.best{border-color:#b8860b;background:#fff3c4}
.ws-ow.on{border-color:#4b3fc4;background:#f0eeff}
.ws-o{font-size:1.3rem}.ws-t{font-size:.8rem;color:#4d516b}.ws-g{font-size:.85rem;font-weight:600}
.ws-detail{border-top:1px solid #e5e0cf;padding-top:10px}
.ws-orig{margin:0 0 6px;font-size:1.25rem}
.ws-line{margin:3px 0}
.ws-lex{background:#f6f7fb;border-radius:10px;padding:8px 12px;margin:8px 0}
.ws-lexh{margin:0 0 4px;font-size:1rem}
.ws-def{margin:4px 0;line-height:1.5}
.ws-dh{margin:14px 0 4px;font-size:1rem}
.ws-dict{border-top:1px solid #e5e0cf;padding:6px 0}.ws-dict p{margin:3px 0;line-height:1.5}
.ws-credit{font-size:.8rem;color:#4d516b;margin:14px 0 0}
/* Round 150: dictionary words marked in the verses */
.bs-dw{border-bottom:2px dotted var(--gold);background:rgba(255,215,94,.10);border-radius:3px;cursor:help}
.bs-dw:hover,.bs-dw:focus-visible{background:rgba(255,215,94,.25)}
.bs-dtip{position:fixed;z-index:2147483000;max-width:min(340px,calc(100vw - 16px));background:var(--card);color:var(--txt);border:1px solid var(--gold2);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.5);font:15px/1.45 system-ui,sans-serif}
.bs-dtip[hidden]{display:none}
.bs-dth{display:block;font:700 17px Georgia,serif;color:var(--gold);margin-bottom:4px}
.bs-dtl{margin:0 0 6px}.bs-dts{display:block;color:var(--mut);margin-bottom:8px}
.bs-dtm{min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--gold2);background:var(--bg2);color:var(--gold);font:700 14px inherit;cursor:pointer}
.bs-dfull{position:fixed;inset:0;z-index:2147483100;background:rgba(10,4,20,.78);display:flex;align-items:flex-end;justify-content:center}
.bs-dbox{width:min(720px,100%);max-height:88vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:14px 16px 22px}
.bs-dhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.bs-dhead h3{color:var(--gold);font-size:22px}
.bs-dx{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;cursor:pointer}
.bs-dsec h4{margin:14px 0 6px;color:var(--ot);font:700 15px system-ui,sans-serif}.bs-dsec p{margin:0 0 8px;line-height:1.55}.bs-drefs{color:var(--mut);font-size:14px}
.bs-dmode{display:inline-flex;align-items:center;gap:6px;color:var(--mut);font-size:14px}.bs-dmode select{min-height:40px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;padding:0 8px}
@media (min-width:700px){.bs-dfull{align-items:center}.bs-dbox{border-radius:18px}}
@media (prefers-reduced-motion:no-preference){.bs-dtip{animation:bsdt .12s ease-out}@keyframes bsdt{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}}
/* Round 152: several dictionaries in the tip and a tabbed pop-up */
.bs-dtrow{padding:6px 0;border-top:1px solid var(--line)}.bs-dtrow:first-of-type{border-top:0}
.bs-dtrow .bs-dts{display:block;font-weight:700;color:var(--ot)}.bs-dtrow .bs-dtl{margin:2px 0 4px}
.bs-dtabs{display:flex;gap:6px;overflow-x:auto;padding:6px 0;position:sticky;top:0;background:var(--card)}
.bs-dtab{flex:none;min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--ink);font:700 13px system-ui,sans-serif;cursor:pointer}
.bs-dtab.on{background:var(--ot);border-color:var(--ot);color:#fff}
.bs-dbody{min-height:120px}
.bs-dnav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card)}
.bs-dpos{color:var(--mut);font-size:13px}.bs-dnav .bs-dtm:disabled{opacity:.4}
/* Round 152b: one compact tool bar shared by all five tools. A single row; it scrolls sideways on a narrow screen instead of wrapping. */
.bs-top{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;margin:4px 0 8px;padding:2px 2px 6px;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bs-top::-webkit-scrollbar{display:none}
.bs-toptab,a.bs-toptab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 16px;border:2px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--txt);text-decoration:none!important;white-space:nowrap;box-shadow:none}
.bs-toptab .ti{font-size:20px;line-height:1}.bs-toptab .tn{font:700 16px/1 Georgia,"Times New Roman",serif}.bs-toptab .td{display:none}
.bs-toptab:hover,a.bs-toptab:hover{border-color:var(--gold)}
.bs-toptab[aria-selected=true],a.bs-toptab[aria-current=page]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
@media (max-width:520px){.bs-toptab,a.bs-toptab{flex:0 0 auto;padding:0 14px}}

/* Round 160: Read (first tab of Bible Study Tools). Replaces the Read a verse box. Phone first; wider screens re-flow the pickers. */
.bs.rmode>*:not(.bs-head):not(#readView):not(.bs-copy){display:none!important}
.bs.rmode .bs-form,.bs.rmode .bs-presets,.bs.rmode .bs-reltick,.bs.rmode #subResearch,.bs.rmode #subCloud,.bs.rmode #subParallel{display:none!important}
.rd{display:grid;gap:12px;margin:8px 0 0}
.rd[hidden]{display:none}
.rd-find{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.rd-find input,.rd-ctl select,.rd-listen select{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:inherit;padding:0 12px}
.rd-find input:focus-visible,.rd-ctl select:focus-visible,.rd-listen select:focus-visible{outline:3px solid var(--gold);outline-offset:1px}
.rd-note{margin:0;min-height:1.2em;color:var(--mut);font-size:14px}
.rd-note.err{color:#ffb4a8}
.rd-ctl{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
.rd-ctl label,.rd-v2{display:grid;gap:4px;min-width:0}
.rd-ctl label>span,.rd-v2>span{font-size:12px;color:var(--mut);letter-spacing:.03em}
.rd-lang{grid-column:span 5}.rd-ver{grid-column:span 7}.rd-book{grid-column:span 8}.rd-ch{grid-column:span 4}.rd-from,.rd-to{grid-column:span 6}
.rd-ctl select{text-overflow:ellipsis}
.rd-page{border:1px solid var(--line);border-radius:var(--r);background:var(--card);padding:14px clamp(12px,3vw,32px) 18px}
.rd-head{max-width:46rem;margin:0 auto 6px}
.rd-head h3{margin:0;font:700 clamp(22px,4.5vw,32px)/1.2 Georgia,"Times New Roman",serif;color:#fbefc3}
.rd-head p{margin:2px 0 0;color:var(--mut);font-size:14px}
.rd-text{max-width:46rem;margin:0 auto;font:clamp(17px,1.2vw + 14px,21px)/1.75 Georgia,"Times New Roman",serif}
.rd-v{margin:.15em 0;padding:.2em .5em;border-radius:8px;cursor:pointer;border-left:4px solid transparent;overflow-wrap:anywhere}
.rd-v:hover{background:rgba(255,255,255,.04)}
.rd-v:focus-visible{outline:3px solid var(--gold);outline-offset:-2px}
.rd-v sup{font:700 .6em system-ui,sans-serif;color:var(--gold);margin-right:.15em}
.rd-v.sel{background:rgba(255,215,94,.14);border-left-color:var(--gold)}
.rd-v.speaking{background:rgba(127,212,255,.18);border-left-color:#7fd4ff}
.rd-listen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}
.rd-listen[hidden]{display:none}
.rd-rep{display:flex;gap:8px;align-items:center;min-height:48px;grid-column:1/-1}
.rd-rep input{width:20px;height:20px}
.rd-listen .rd-note{grid-column:1/-1}
.rd-more{display:flex;flex-wrap:wrap;gap:8px}
.rd-more .bs-btn{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.rd-b{min-height:52px;border-radius:14px;border:2px solid var(--line);background:var(--bg2);color:var(--txt);font:700 16px system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.rd-b:hover:not(:disabled){border-color:var(--gold)}
.rd-b:disabled{opacity:.45;cursor:default}
.rd-b:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rd-play{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.rd-play[aria-pressed=true]{background:#7fd4ff;border-color:#7fd4ff}
@media(min-width:640px){
  .rd-lang{grid-column:span 3}.rd-ver{grid-column:span 5}.rd-book{grid-column:span 4}.rd-ch{grid-column:span 4}.rd-from,.rd-to{grid-column:span 4}
  .rd-listen{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto}.rd-rep{grid-column:auto}
}
@media(min-width:1000px){
  .rd-lang{grid-column:span 2}.rd-ver{grid-column:span 3}.rd-book{grid-column:span 3}.rd-ch{grid-column:span 2}.rd-from,.rd-to{grid-column:span 1}
}
@media(prefers-reduced-motion:reduce){.rd-v{transition:none}}

.rd-note:empty{display:none}

/* Round 162: Read keeps its controls at the top and folds the passage pickers away, so the chapter starts high on a phone. */
.rd-top{position:sticky;top:0;z-index:6;display:grid;gap:6px;padding:6px 0 6px;background:var(--bg,#140a26);border-bottom:1px solid var(--line)}
.rd-bar{display:flex;gap:6px;align-items:stretch}
.rd-bar .rd-b{flex:1 1 0;min-width:0;min-height:48px;padding:0 8px}
.rd-bar .rd-play{flex:1.6 1 0}
.rd-bar .rd-stop{flex:0 0 52px}
.rd-speed{flex:0 0 78px;display:flex}
.rd-speed select{width:100%;min-height:48px;border-radius:14px;border:2px solid var(--line);background:var(--bg2);color:var(--txt);font:700 15px system-ui,sans-serif;padding:0 4px;text-align:center}
.rd-speed select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rd-sum{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);color:var(--txt);font:700 16px Georgia,serif;cursor:pointer;text-align:left}
.rd-sum #rdSumT{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rd-sum[aria-expanded=true] .rd-chev{transform:rotate(180deg)}
.rd-sum:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rd-panel{display:grid;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.rd-panel[hidden]{display:none}
.rd-b.rd-play[aria-pressed=true]{background:#7fd4ff;border-color:#7fd4ff;color:var(--ink)}
.rd-b.rd-play.paused{background:var(--gold);border-color:var(--gold)}
@media(max-width:640px){
  .bs.rmode .bs-top{margin:2px 0 4px;gap:6px;padding:0 0 4px}
  .bs.rmode .bs-toptab,.bs.rmode a.bs-toptab{min-height:38px;padding:0 12px;border-width:1px}
  .bs.rmode .bs-toptab .tn{font-size:14px}.bs.rmode .bs-toptab .ti{font-size:16px}
  .bs.rmode #subRead{display:none}
  .bs.rmode .bs-title{margin-bottom:2px}
  .rd{margin-top:2px;gap:8px}
  .rd-bar .rd-bt{display:none}
  .rd-head h3{font-size:20px}
}
@media(min-width:1000px){.rd-top{position:static;border-bottom:0;max-width:46rem;margin:0 auto;width:100%}.rd-top{position:sticky;top:0}}
.rd-b[hidden],.rd-listen[hidden],.rd-note[hidden]{display:none}

/* Round 162b: desktop. The tool tabs wrap instead of being cut off, and the reading card is one centred column. Phones keep the swipe row. */
@media(min-width:760px){
  .bs-top{flex-wrap:wrap;overflow:visible;justify-content:center;padding:2px 0 6px}
  .bs-toptab,a.bs-toptab{flex:0 1 auto}
  .bs-toptab .td{display:none}
}
@media(min-width:760px){
  .bs.rmode .bs-top{margin:4px 0 8px}
  .rd{max-width:52rem;width:100%;margin:8px auto 0}
  .rd-top{max-width:52rem;margin-left:auto;margin-right:auto;width:100%}
  .rd-page{padding:18px 32px 22px}
}
@media(min-width:760px){
  .bs-toptab,a.bs-toptab{min-height:42px;padding:0 11px;gap:6px;border-width:1px}
  .bs-toptab .tn{font-size:14px}.bs-toptab .ti{font-size:16px}
  .bs-top{gap:6px}
  .bs.rmode #subRead{max-width:52rem;margin-left:auto;margin-right:auto}
}
@media(min-width:640px){
  /* the column is 52rem wide now, so the pickers sit on two tidy rows: language + version, then book + chapter + from + to */
  .rd-lang{grid-column:span 4}.rd-ver{grid-column:span 8}.rd-book{grid-column:span 6}.rd-ch,.rd-from,.rd-to{grid-column:span 2}
}

/* Round 165: progress through the chapter, page turn, highlights, notes, share */
.rd-prog{height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden}
.rd-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold,#f3d28a),#ffe9b0);border-radius:3px;transition:width .2s ease}
.rd-progt{margin:0;font-size:12px;color:var(--mute,#b9aed0);min-height:1.2em}
.rd-page{position:relative}
.rd-turning{perspective:2200px;overflow:hidden}
.rd-ghost{position:absolute;left:0;top:0;width:100%;margin:0;overflow:hidden;z-index:4;pointer-events:none;backface-visibility:hidden;box-shadow:0 0 0 1px var(--line),0 10px 40px rgba(0,0,0,.45);will-change:transform,opacity}
.rd-ghost.turn-next{transform-origin:0 50%;animation:rdTurnNext .7s cubic-bezier(.55,.05,.35,1) forwards}
.rd-ghost.turn-prev{transform-origin:100% 50%;animation:rdTurnPrev .7s cubic-bezier(.55,.05,.35,1) forwards}
@keyframes rdTurnNext{0%{transform:rotateY(0);opacity:1;filter:brightness(1)}70%{opacity:.9}100%{transform:rotateY(-105deg);opacity:0;filter:brightness(.55)}}
@keyframes rdTurnPrev{0%{transform:rotateY(0);opacity:1;filter:brightness(1)}70%{opacity:.9}100%{transform:rotateY(105deg);opacity:0;filter:brightness(.55)}}
@media(prefers-reduced-motion:reduce){.rd-ghost{display:none}.rd-prog i{transition:none}}
.rd-v.hl-yellow{background:rgba(255,224,102,.28)}.rd-v.hl-green{background:rgba(140,233,154,.26)}.rd-v.hl-blue{background:rgba(116,192,252,.28)}.rd-v.hl-pink{background:rgba(250,162,193,.30)}.rd-v.hl-orange{background:rgba(255,169,77,.30)}
.rd-v.hl-yellow{border-left-color:#ffe066}.rd-v.hl-green{border-left-color:#8ce99a}.rd-v.hl-blue{border-left-color:#74c0fc}.rd-v.hl-pink{border-left-color:#faa2c1}.rd-v.hl-orange{border-left-color:#ffa94d}
.rd-n{margin-left:.4em;min-width:32px;min-height:32px;border:1px solid var(--line);border-radius:16px;background:var(--card);color:var(--gold,#f3d28a);font-size:15px;cursor:pointer;vertical-align:middle}
.rd-act{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card,#1d1233);border-top:2px solid var(--gold,#f3d28a);box-shadow:0 -8px 30px rgba(0,0,0,.45);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:grid;gap:8px;max-width:46rem;margin:0 auto;border-radius:16px 16px 0 0}
.rd-act[hidden]{display:none}
.rd-act-top{display:flex;align-items:center;justify-content:space-between}
.rd-act-x{min-width:44px;min-height:44px;border-radius:22px;border:1px solid var(--line);background:transparent;color:inherit;font-size:18px;cursor:pointer}
.rd-sws{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.rd-sw{width:44px;height:44px;border-radius:50%;border:3px solid transparent;cursor:pointer;padding:0}
.rd-sw[aria-pressed="true"]{border-color:#fff;box-shadow:0 0 0 2px var(--gold,#f3d28a)}
.rd-sw.big{width:48px;height:48px;border-color:var(--line)}
.rd-sw-clear{min-height:44px;padding:0 12px;border-radius:22px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}
.rd-act-row{display:flex;flex-wrap:wrap;gap:8px}
.rd-act-row .bs-btn,.rd-dlg .bs-btn{min-height:44px}
.rd-modal{position:fixed;inset:0;z-index:50;background:rgba(5,3,12,.7);display:flex;align-items:flex-end;justify-content:center}
.rd-dlg{background:var(--card,#1d1233);color:inherit;width:100%;max-width:34rem;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;border:1px solid var(--line)}
.rd-dlg.wide{max-width:40rem}
.rd-dlg-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;position:sticky;top:0;background:var(--card,#1d1233);border-bottom:1px solid var(--line);z-index:2}
.rd-dlg-h h3{margin:0;font-size:1.05rem}
.rd-dlg-b{padding:14px;display:grid;gap:12px}
.rd-dlg-b input,.rd-dlg-b textarea{width:100%;min-height:46px;font:inherit;font-size:16px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:inherit;padding:8px 10px;box-sizing:border-box}
.rd-quote{margin:0;font:italic 1rem/1.5 Georgia,serif;color:var(--mute,#c9bedf)}
.rd-card{width:100%;max-width:340px;height:auto;aspect-ratio:1080/1350;justify-self:center;border-radius:12px;border:1px solid var(--line)}
.rd-pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.rd-pic{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#000;min-height:88px;cursor:pointer}
.rd-pic img{width:100%;height:110px;object-fit:cover;display:block}
.rd-list{display:grid;gap:8px;max-height:50vh;overflow-y:auto}
.rd-item{display:flex;gap:10px;text-align:left;align-items:flex-start;padding:10px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer;min-height:48px}
.rd-dot{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--line);margin-top:3px}
.rd-item-t{display:grid;gap:2px;font-size:.95rem}.rd-item-s{color:var(--mute,#c9bedf);font-size:.88rem}.rd-item-n{color:var(--gold,#f3d28a);font-size:.9rem}
@media(min-width:700px){.rd-modal{align-items:center}.rd-dlg{border-radius:20px}.rd-act{bottom:12px;border-radius:16px;border:2px solid var(--gold,#f3d28a)}}
body:has(.rd-act:not([hidden])) #rdKeep{padding-bottom:150px}

/* Round 166: the tool menu is a rail down the left side, folding to icons */
body.has-rail{--rail-w:60px}
body.has-rail.rail-open:not(.rail-over){--rail-w:244px}
body.has-rail .bs{max-width:calc(1100px + var(--rail-w) + 30px);padding-left:calc(var(--rail-w) + 14px);transition:padding-left .2s ease,max-width .2s ease}
.bs-rail{position:fixed;left:0;top:0;bottom:0;width:60px;z-index:40;display:flex;flex-direction:column;gap:6px;padding:8px 6px;background:var(--bg2,#1d1233);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;transition:width .2s ease;box-sizing:border-box}
body.rail-open .bs-rail{width:244px;box-shadow:6px 0 24px rgba(0,0,0,.35)}
body.rail-open:not(.rail-over) .bs-rail{box-shadow:none}
.bs-rail .bs-top{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px;margin:0;padding:0;width:100%;overflow:visible;border:0;background:transparent;justify-content:flex-start}
.bs-rail .bs-toptab,.bs-rail a.bs-toptab,.bs-railbtn{display:grid;grid-template-columns:44px 1fr;grid-template-areas:"i n" "i d";align-items:center;column-gap:4px;width:100%;min-height:48px;padding:0;border:2px solid transparent;border-radius:12px;background:transparent;color:var(--txt);text-align:left;text-decoration:none!important;cursor:pointer;box-sizing:border-box;white-space:normal;flex:0 0 auto;box-shadow:none}
.bs-railbtn{grid-template-areas:"i n";margin-bottom:4px;border-color:var(--line)}
.bs-rail .bs-toptab .ti,.bs-railbtn .ti{grid-area:i;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;width:44px;height:44px}
.bs-rail .bs-toptab .tn,.bs-railbtn .tn{grid-area:n;font:700 15px/1.15 Georgia,"Times New Roman",serif;min-width:0}
.bs-rail .bs-toptab .td{grid-area:d;display:block;font:400 12px/1.2 system-ui,sans-serif;color:var(--mut);min-width:0}
body:not(.rail-open) .bs-rail .tn,body:not(.rail-open) .bs-rail .td{display:none}
body:not(.rail-open) .bs-rail .bs-toptab,body:not(.rail-open) .bs-railbtn{grid-template-columns:44px;grid-template-areas:"i";justify-content:center}
.bs-rail .bs-toptab:hover,.bs-railbtn:hover{border-color:var(--gold)}
.bs-rail .bs-toptab:focus-visible,.bs-railbtn:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}
.bs-rail .bs-toptab[aria-selected=true],.bs-rail a.bs-toptab[aria-current=page]{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.bs-rail .bs-toptab[aria-selected=true] .td,.bs-rail a.bs-toptab[aria-current=page] .td{color:var(--ink);opacity:.8}
.bs-railcover{position:fixed;inset:0;z-index:39;background:rgba(5,3,12,.55)}
.bs-railcover[hidden]{display:none}
.bs.rmode .bs-rail .bs-top,.bs-rail .bs-top{margin:0;padding:0}
body.has-rail .rd-act{left:var(--rail-w,60px)}
@media(max-width:759px){body.has-rail .bs{padding-left:62px;padding-right:10px}body.has-rail{--rail-w:52px}.bs-rail{width:52px;padding:8px 4px}body.rail-open .bs-rail{width:244px}.bs-rail .bs-toptab .ti,.bs-railbtn .ti{width:40px}}
@media(prefers-reduced-motion:reduce){.bs-rail,body.has-rail .bs{transition:none}}

/* Round 168: desktop uses the whole screen on every Bible Study page except the Mind Map (which keeps its own layout). Phones are unchanged.
   The width caps above stay as they are for phones and tablets; from 1000px up they are lifted, and long Bible text flows into two or three
   columns so the lines stay a comfortable length to read instead of stretching across the screen. */
@media(min-width:1000px){
  html body:not([data-bar-title="Bible Mind Map"]) .bs,
  html body.has-rail:not([data-bar-title="Bible Mind Map"]) .bs{max-width:none;padding-right:clamp(16px,2.2vw,44px)}
  html body.has-rail:not([data-bar-title="Bible Mind Map"]) .bs{padding-left:calc(var(--rail-w) + clamp(14px,2vw,40px))}
  html body .rd,html body .rd-top,html body .bs.rmode #subRead,html body .pl{max-width:none}
  .rd-head{max-width:none}
  .rd-text{max-width:none;column-width:27rem;column-gap:3.5rem;column-rule:1px solid var(--line)}
  .rd-text .rd-v{break-inside:avoid-column}
  .rd-page{padding:22px clamp(32px,3.5vw,72px) 28px}
  .rd-lang{grid-column:span 3}.rd-ver{grid-column:span 5}.rd-book{grid-column:span 4}.rd-ch,.rd-from,.rd-to{grid-column:span 1}
}

/* Round 169: Kanisa voice - while the audio plays, the verse numbers are the tap targets that jump to a verse */
.rd-text.kv-on .rd-v sup{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px;padding:4px 3px;margin:-4px -2px}
.rd-v2[hidden]{display:none}