/* Bible reader, topics, quiz, Today, Sabbath times, daily email (modules bible + daily). Compact, works from 320 px up. */
.bb{--bb-hl-yellow:#fff3b0;--bb-hl-green:#d9f2df;--bb-hl-blue:#dbe8fb;--bb-hl-pink:#fbdbe6}
.bb-intro{margin:-6px 0 14px;max-width:720px;color:var(--sz-muted);font-size:15px}
.bb-crumb{font-size:13px;margin:0 0 4px;color:var(--sz-muted)}.bb-crumb a{color:var(--sz-muted)}
.bb-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.bb-search{display:flex;gap:6px;flex:1 1 280px;max-width:560px}
.bb-search input{flex:1;min-width:0}
.bb-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--sz-line);border-radius:999px;background:var(--sz-surface);color:var(--sz-ink);text-decoration:none;font-size:13.5px;white-space:nowrap}
.bb-pill:hover{border-color:var(--sz-primary);color:var(--sz-primary)}
.bb-h2{font-size:17px;font-weight:600;margin:18px 0 8px;color:var(--sz-ink)}
.bb-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.bb-book{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:8px 10px;border:1px solid var(--sz-line);border-radius:8px;background:var(--sz-surface);color:var(--sz-ink);text-decoration:none;font-size:14px}
.bb-book small{color:var(--sz-muted);font-size:12px}
.bb-book:hover{border-color:var(--sz-primary)}
.bb-sec{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--sz-muted);margin:12px 0 6px}
.bb-facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--sz-line);border-radius:10px;background:var(--sz-surface);font-size:14px}
.bb-facts span{color:var(--sz-muted)}.bb-facts b{color:var(--sz-ink);font-weight:600}
.bb-chaps{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:6px}
.bb-chaps a{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid var(--sz-line);border-radius:8px;background:var(--sz-surface);color:var(--sz-ink);text-decoration:none;font-size:14px}
.bb-chaps a:hover{border-color:var(--sz-primary);color:var(--sz-primary)}
/* chapter */
.bb-read{max-width:760px}
.bb-ps{font-style:italic;color:var(--sz-muted);margin:0 0 10px}
.bb-text{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.75;color:var(--sz-ink)}
.bb-v{display:inline;cursor:pointer;border-radius:3px;padding:1px 0;scroll-margin-top:90px}
.bb-v sup{font-family:var(--sz-font);font-size:11px;color:var(--sz-muted);font-weight:600;margin-right:3px;vertical-align:super}
.bb-v:hover{background:rgba(0,0,0,.04)}
.bb-v.on{background:var(--sz-primary-soft,#eff6ff);outline:1px solid var(--sz-primary)}
.bb-v:target{background:var(--bb-hl-yellow)}
.bb-v.hl-yellow{background:var(--bb-hl-yellow)}.bb-v.hl-green{background:var(--bb-hl-green)}.bb-v.hl-blue{background:var(--bb-hl-blue)}.bb-v.hl-pink{background:var(--bb-hl-pink)}
.bb-v .bb-ico{font-family:var(--sz-font);font-size:12px;color:var(--sz-accent,#2e6b57);margin-left:2px}
.bb-nav{display:flex;justify-content:space-between;gap:8px;margin:22px 0 6px}
.bb-nav a{flex:1 1 0;max-width:48%}
.bb-nav .nx{text-align:right;margin-left:auto}
.bb-src{font-size:12.5px;color:var(--sz-muted);margin-top:10px}
/* verse menu (bottom sheet on phones, small card on computers) */
.bb-menu{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(560px,calc(100vw - 20px));z-index:1060;background:var(--sz-surface);border:1px solid var(--sz-line);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:10px 12px}
.bb-menu[hidden]{display:none}
.bb-menu-h{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;margin-bottom:8px}
.bb-menu-h b{color:var(--sz-ink)}
.bb-menu-b{display:flex;flex-wrap:wrap;gap:6px}
.bb-menu-b button,.bb-menu-b a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid var(--sz-line);border-radius:8px;background:var(--sz-surface);color:var(--sz-ink);font-size:13px;text-decoration:none;cursor:pointer}
.bb-menu-b button:hover,.bb-menu-b a:hover{border-color:var(--sz-primary)}
.bb-dots{display:inline-flex;gap:4px;align-items:center}
.bb-dot{width:22px;height:22px;border-radius:50%;border:1px solid var(--sz-line);cursor:pointer;padding:0}
.bb-dot.yellow{background:#ffe680}.bb-dot.green{background:#a8e0b5}.bb-dot.blue{background:#a9c8f5}.bb-dot.pink{background:#f5b3c8}
.bb-dot.none{background:var(--sz-surface);position:relative}.bb-dot.none:after{content:'';position:absolute;left:3px;right:3px;top:50%;height:1px;background:var(--sz-muted);transform:rotate(-45deg)}
.bb-note{margin-top:8px}.bb-note textarea{width:100%;font-size:14px}
.bb-msg{font-size:12.5px;color:var(--sz-muted);margin-top:6px;min-height:1em}
/* search */
.bb-res{list-style:none;padding:0;margin:0}
.bb-res li{padding:10px 0;border-bottom:1px solid var(--sz-line)}
.bb-res a.r{font-weight:600;font-size:14px;text-decoration:none}
.bb-res p{margin:2px 0 0;font-family:Georgia,serif;font-size:16px;line-height:1.55;color:var(--sz-ink)}
.bb-res mark{background:#fff0a8;padding:0 1px}
.bb-pager{display:flex;gap:8px;align-items:center;justify-content:center;margin:16px 0}
/* topics */
.bb-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.bb-topic{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--sz-line);border-radius:10px;background:var(--sz-surface);color:var(--sz-ink);text-decoration:none}
.bb-topic i{font-size:18px;color:var(--sz-primary);margin-top:1px}
.bb-topic b{display:block;font-size:14.5px}.bb-topic small{display:block;color:var(--sz-muted);font-size:12.5px;line-height:1.35}
.bb-topic:hover{border-color:var(--sz-primary)}
.bb-vlist{list-style:none;padding:0;margin:0;max-width:760px}
.bb-vlist li{padding:12px 0;border-bottom:1px solid var(--sz-line)}
.bb-vlist blockquote{margin:0;font-family:Georgia,serif;font-size:17px;line-height:1.6;color:var(--sz-ink)}
.bb-vlist .ft{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-top:4px;font-size:13px}
.bb-vlist .ft a{text-decoration:none}
.bb-vlist .ft button{border:0;background:none;padding:0;color:var(--sz-muted);font-size:13px;cursor:pointer}
/* my notes */
.bb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.bb-mine li .note{margin:6px 0 0;padding:6px 10px;border-left:3px solid var(--sz-accent,#2e6b57);background:var(--sz-bg);font-size:14px;white-space:pre-wrap}
.bb-sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}
/* quiz */
.bb-quiz{max-width:640px}
.bb-q{padding:14px 16px;border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface)}
.bb-q-top{display:flex;justify-content:space-between;font-size:12.5px;color:var(--sz-muted);margin-bottom:8px}
.bb-q-ask{font-family:Georgia,serif;font-size:18px;line-height:1.55;color:var(--sz-ink);margin:0 0 12px}
.bb-q-opts{display:grid;gap:6px}
.bb-q-opts button{text-align:left;padding:9px 12px;border:1px solid var(--sz-line);border-radius:8px;background:var(--sz-surface);color:var(--sz-ink);font-size:14.5px;cursor:pointer;line-height:1.4}
.bb-q-opts button:hover:not(:disabled){border-color:var(--sz-primary)}
.bb-q-opts button.right{background:#e6f6ea;border-color:#16a34a}
.bb-q-opts button.wrong{background:#fdecec;border-color:#dc2626}
.bb-q-after{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;min-height:34px}
.bb-q-bar{height:4px;background:var(--sz-line);border-radius:4px;margin:0 0 10px;overflow:hidden}.bb-q-bar i{display:block;height:100%;background:var(--sz-primary);width:0;transition:width .3s}
.bb-score{text-align:center;padding:22px 14px}.bb-score b{display:block;font-size:40px;color:var(--sz-ink);line-height:1.1}
/* today */
.td-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.td-card{padding:14px 16px;border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface);margin-bottom:14px}
.td-k{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--sz-accent,#2e6b57);font-weight:600;margin:0 0 6px}
.td-verse{font-family:Georgia,serif;font-size:21px;line-height:1.55;color:var(--sz-ink);margin:0 0 8px}
.td-ref{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13.5px}
.td-ref button{border:0;background:none;padding:0;color:var(--sz-link);cursor:pointer;font-size:13.5px}
.td-read{display:grid;grid-template-columns:96px 1fr;gap:12px;color:var(--sz-ink);text-decoration:none}
.td-read img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.td-read b{display:block;font-size:16px;line-height:1.3}.td-read small{color:var(--sz-muted);font-size:13px;line-height:1.4}
.td-theme{padding:8px 14px;border-radius:10px;background:var(--sz-primary-soft,#eff6ff);color:var(--sz-ink);margin:0 0 14px;font-size:14.5px}
.td-streak{display:flex;align-items:center;gap:12px}
.td-streak .n{font-size:30px;font-weight:700;color:var(--sz-ink);line-height:1}
.td-streak small{color:var(--sz-muted)}
.td-sab{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:4px 0}
.td-sab b{color:var(--sz-ink)}
.td-county{display:flex;gap:6px;margin-top:8px}.td-county select{flex:1;min-width:0}
.td-otd{list-style:none;padding:0;margin:0}.td-otd li{padding:4px 0;font-size:14px}.td-otd small{color:var(--sz-muted)}
/* home card */
.dh{margin:22px 0}
.dh-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:14px 18px;border:1px solid var(--sz-line);border-radius:12px;background:var(--sz-surface)}
.dh-ico{font-size:24px;color:var(--sz-accent,#2e6b57)}
.dh-t{font-family:Georgia,serif;font-size:17px;line-height:1.5;color:var(--sz-ink);margin:2px 0}
.dh-b{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* sabbath times table */
.st-tbl{width:100%;border-collapse:collapse;font-size:14px;background:var(--sz-surface)}
.st-tbl th,.st-tbl td{padding:7px 10px;border-bottom:1px solid var(--sz-line);text-align:left}
.st-tbl th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--sz-muted);font-weight:600}
.st-tbl tr.me td{background:var(--sz-primary-soft,#eff6ff);font-weight:600}
.st-tbl td.t{white-space:nowrap}
.st-wrap{border:1px solid var(--sz-line);border-radius:10px;overflow:hidden}
.dl-form{max-width:520px}
@media (max-width:767.98px){
  .td-grid{grid-template-columns:1fr}
  .bb-text{font-size:17px}
  .td-verse{font-size:19px}
  .dh-card{grid-template-columns:auto minmax(0,1fr)}.dh-b{grid-column:1/-1;justify-content:flex-start}
  .st-tbl th.hide-sm,.st-tbl td.hide-sm{display:none}
  .st-tbl th,.st-tbl td{padding:7px 8px}
  .bb-books{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}
@media print{.bb-menu,.bb-tools,.bb-nav{display:none}}