/* 성경말씀 게시판 — 헤븐리큐브와 같은 구조 · 같은 말씀 색칠은 그대로 두고,
   단추·숫자·띠 같은 바깥 색만 이 사이트(남색·금색)에 맞춤. board.css 뒤에 불러옴 */
#bible-board { max-width: var(--max, 1200px); padding: 0 24px 96px; font-size: 17px; }
@media (max-width: 599px) { #bible-board { padding: 0 16px 72px; } }
#bible-board .bb-head { margin: 32px 0 20px; }
#bible-board .bb-title { display: none; }
#bible-board .bb-head { justify-content: flex-start; }
#bible-board .bb-search { width: 100%; max-width: 760px; gap: 8px; }
#bible-board .bb-search input[type=text] { flex: 1; min-width: 0; width: auto; height: 48px; border-radius: 999px; border: 1px solid #d0d7e2; padding: 0 20px; font-size: 16px; }
#bible-board .bb-search select { height: 48px; border-radius: 999px; border: 1px solid #d0d7e2; padding: 0 40px 0 16px; font-size: 15px; }
#bible-board .bb-search button { height: 48px; padding: 0 24px; border-radius: 999px; background: var(--navy, #0a1c40); font-size: 16px; }
#bible-board .bb-chk { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; font-size: 15px; }
#bible-board .bb-chk input { width: 18px; height: 18px; accent-color: #0a1c40; }
#bible-board .bb-books, #bible-board .bb-chapters { border-radius: 16px; border-color: #e4e8ef; padding: 14px 16px; }
#bible-board .bb-lbl { border-radius: 999px; padding: 4px 10px; font-weight: 800; }
#bible-board .bb-lbl.ot { background: #fff; color: #8a6420; box-shadow: inset 0 0 0 1.5px #a9823a; }
#bible-board .bb-lbl.nt { background: #0a1c40; color: #fff; }
#bible-board .bb-row a, #bible-board .bb-chapters a { background: #f5f6f9; color: #16213a; border-radius: 10px; font-weight: 700; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
#bible-board .bb-row a.on, #bible-board .bb-chapters a.on, #bible-board .bb-paging a.on { background: #0a1c40; color: #fff; }
#bible-board .bb-chapter-head h3 { font-size: 28px; color: #0a1c40; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
#bible-board .bb-listen { border-radius: 999px; border: 1px solid #d6dce6; background: #fff; color: #0a1c40; min-height: 40px; }
#bible-board .bb-listen.loop.on { background: #0a1c40; color: #fff; border-color: #0a1c40; }
#bible-board .bb-listen-rate { font-size: 14px; color: #56627a; }
#bible-board .bb-listen-rate input { accent-color: #0a1c40; }
#bible-board .bb-nav a, #bible-board .bb-btn, #bible-board .bb-copy-all { border-radius: 999px; min-height: 40px; display: inline-flex; align-items: center; color: #0a1c40; }
#bible-board .bb-btn.primary { background: #0a1c40; border-color: #0a1c40; }
#bible-board .bb-legend { font-size: 14px; color: #56627a; line-height: 1.7; }
#bible-board .bb-verses { border-radius: 16px; border-color: #e4e8ef; }
#bible-board .bb-verses li { padding: 14px 18px; line-height: 1.9; }
#bible-board .bb-verses li.nt { border-left-color: #0a1c40; } #bible-board .bb-verses li.ot { border-left-color: #a9823a; }
#bible-board .bb-num { color: #a9823a; font-size: 15px; }
#bible-board .bb-ref { color: #0a1c40; }
#bible-board .bb-verses li.reading { background: #f6efe1; box-shadow: inset 4px 0 0 #d4b06a; }
#bible-board .bb-verses li.hit { background: #f6efe1; }
#bible-board .bb-tools { display: flex; flex-wrap: wrap; gap: 6px; }
#bible-board .bb-tools button, #bible-board .bb-tools a { white-space: nowrap; min-height: 34px; display: inline-flex; align-items: center; border-radius: 999px; padding: 0 12px; font-size: 13px; }
#bible-board .bb-play, #bible-board .bb-play-exp { border: 1px solid #d6dce6; background: #fff; color: #0a1c40; }
#bible-board .bb-play:hover, #bible-board .bb-play-exp:hover { background: #0a1c40; color: #fff; }
#bible-board .bb-exp-btn { border-color: #e6d3a8; background: #fbf6ea; color: #7a5a1c; }
#bible-board .bb-exp-btn.on { background: #a9823a; border-color: #a9823a; color: #fff; }
#bible-board .bb-tools a.bb-sermon { background: #0a1c40; color: #fff; border-color: #0a1c40; }
#bible-board .bb-exp a, #bible-board .bb-mm, #bible-board .bb-note.auto .t { color: #0a1c40; }
#bible-board .bb-note .q a, #bible-board .bb-note .easy a, #bible-board .bb-note .refs a { color: #0a1c40; background: #f5f6f9; }
#bible-board .bb-foot { font-size: 14px; color: #7d889c; margin-top: 32px; }
/* 휴대폰: 절 단추는 본문 아래 한 줄(넘치면 다음 줄) · 글자가 세로로 갈라지지 않게 */
@media (max-width: 699px) {
  #bible-board .bb-verses li { padding: 14px 14px; gap: 6px 10px; }
  #bible-board .bb-verses li .bb-text { flex: 1 1 calc(100% - 44px); min-width: 0; }
  #bible-board .bb-verses li .bb-tools { flex: 1 1 100%; margin-left: 44px; }
  #bible-board .bb-chapter-head { flex-direction: column; align-items: flex-start; }
  #bible-board .bb-search select { display: none; }
}
/* 책 고르기: 휴대폰은 접어 둠 (넓은 화면은 app.js 가 펼침) */
#bible-board .bb-books-d > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 18px; border: 1px solid #e4e8ef; border-radius: 16px; background: #fff; font-weight: 800; color: #0a1c40; margin-bottom: 12px; }
#bible-board .bb-books-d > summary::-webkit-details-marker { display: none; }
#bible-board .bb-books-d > summary::after { content: "책 바꾸기 ▾"; color: #a9823a; font-size: 14px; }
#bible-board .bb-books-d[open] > summary::after { content: "접기 ▴"; }
@media (min-width: 900px) { #bible-board .bb-books-d > summary { display: none; } }
#bible-board .bb-listen.loop, #bible-board .bb-listen.stop { border: 1px solid #d6dce6; background: #fff; color: #0a1c40; }
#bible-board .bb-listen.loop.on { background: #0a1c40; color: #fff; border-color: #0a1c40; }
@media (max-width: 699px) { #bible-board .bb-tools .bb-play-exp { display: none; } #bible-board .bb-tools button, #bible-board .bb-tools a { padding: 0 11px; } }
/* 3차: 도구 줄 정리 · 단추 대비 · 절 단추는 필요한 것만 (나머지는 마우스를 올리거나 누르면) */
#bible-board .bb-chapter-head { flex-direction: column; align-items: flex-start; gap: 12px; }
#bible-board .bb-legend { font-size: 14px; }
#bible-board .bb-legend .bb-exp-btn { display: inline-flex; margin-top: 8px; }
#bible-board .bb-copy, #bible-board .bb-tools a { color: #3d475c; border-color: #d0d7e2; }
#bible-board .bb-row { gap: 8px; padding: 6px 0; }
#bible-board .bb-sermons a.more { color: #8a6420; }
@media (min-width: 700px) {
  #bible-board .bb-verses li .bb-tools { flex: 0 0 300px; justify-content: flex-end; }
  #bible-board .bb-verses li .bb-tools .bb-copy, #bible-board .bb-verses li .bb-tools .bb-play-exp { visibility: hidden; }
  #bible-board .bb-verses li:hover .bb-tools .bb-copy, #bible-board .bb-verses li:hover .bb-tools .bb-play-exp,
  #bible-board .bb-verses li:focus-within .bb-tools .bb-copy, #bible-board .bb-verses li:focus-within .bb-tools .bb-play-exp { visibility: visible; }
}
@media (max-width: 699px) {
  #bible-board .bb-tools .bb-copy { display: none; }
  #bible-board .bb-chapters { display: grid; grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
  #bible-board .bb-chk { order: 3; }
  #bible-board .bb-search input[type=text] { flex-basis: calc(100% - 100px); }
}
/* 4차: 절 단추는 한 줄 (듣기 · 풀이 · 지도 · 설교N), 나머지는 마우스를 올렸을 때 · 이름표는 글자만 */
#bible-board .bb-lbl, #bible-board .bb-lbl.ot, #bible-board .bb-lbl.nt { background: none; color: #56627a; box-shadow: none; padding: 4px 6px 4px 0; font-size: 13px; }
@media (min-width: 700px) {
  #bible-board .bb-verses li .bb-tools { flex: 0 0 auto; flex-wrap: nowrap; }
  #bible-board .bb-verses li .bb-tools .bb-copy, #bible-board .bb-verses li .bb-tools .bb-play-exp { display: none; visibility: visible; }
  #bible-board .bb-verses li:hover .bb-tools .bb-copy, #bible-board .bb-verses li:focus-within .bb-tools .bb-copy { display: inline-flex; }
}
#bible-board .bb-nav.bottom { margin-top: 32px; }
#bible-board .bb-sermons { margin-top: 56px; }
@media (max-width: 699px) {
  #bible-board .bb-legend { font-size: 0; margin: 0 0 12px; }
  #bible-board .bb-legend .bb-exp-btn { font-size: 13px; margin: 0; }
  #bible-board .bb-num { flex: 0 0 26px; }
  #bible-board .bb-verses li .bb-tools { margin-left: 36px; }
}
/* 5차: 장 머리는 카드 하나 (제목·듣기 / 앞뒤 장) · 도움말은 숨기고 풀이 펼치기만 · 절 단추 자리 고정 */
#bible-board .bb-search { max-width: none; }
#bible-board .bb-chapter-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px 20px; background: #fff; border: 1px solid #e4e8ef; border-radius: 16px; padding: 18px 22px; margin: 32px 0 16px; }
#bible-board .bb-chapter-head h3 { font-size: 24px; }
#bible-board .bb-listen { min-height: 36px; padding: 0 14px; font-size: 14px; }
#bible-board .bb-legend { font-size: 0; display: flex; justify-content: flex-end; margin: 0 0 12px; }
#bible-board .bb-legend .bb-exp-btn, #bible-board .bb-legend .m-only { font-size: 13px; }
#bible-board .bb-tools a.bb-sermon { order: -1; }
#bible-board .bb-sermons { background: none; border: 0; padding: 0; gap: 8px; }
#bible-board .bb-sermons .kicker { margin: 0 0 4px; }
#bible-board .bb-sermons h4 { font-size: 22px; color: #0a1c40; margin: 0 0 12px; }
#bible-board .bb-sermons a { background: #fff; border: 1px solid #e4e8ef; border-radius: 12px; padding: 14px 18px; color: #0a1c40; }
#bible-board .bb-sermons a:hover { border-color: #0a1c40; }
#bible-board .bb-sermons a b { color: #0a1c40; font-weight: 700; }
#bible-board .bb-sermons a span { color: #56627a; font-weight: 500; }
#bible-board .bb-sermons a.more { border: 0; padding: 8px 0; color: #8a6420; }
@media (max-width: 699px) {
  #bible-board .bb-chapter-head { grid-template-columns: 1fr; padding: 16px; }
  #bible-board .bb-verses li .bb-tools { display: none; }
  #bible-board .bb-verses li.open .bb-tools { display: flex; }
  #bible-board .bb-verses li { cursor: pointer; }
  #bible-board .bb-legend { justify-content: flex-start; flex-wrap: wrap; gap: 8px; }
}
/* 6차: 넓은 화면도 책 고르기는 접어 둠 · 절 단추는 줄에 마우스를 올리거나 누르면 · 설교 표시는 늘 */
#bible-board .bb-books-d > summary { display: flex; }
#bible-board .bb-books-d > summary::before { content: "책 · 장"; color: #56627a; font-weight: 600; font-size: 14px; margin-right: 12px; }
@media (min-width: 700px) {
  #bible-board .bb-verses li .bb-tools > :not(.bb-sermon) { opacity: 0; transition: opacity .15s; }
  #bible-board .bb-verses li:hover .bb-tools > *, #bible-board .bb-verses li:focus-within .bb-tools > *, #bible-board .bb-verses li.reading .bb-tools > * { opacity: 1; }
}
#bible-board .bb-listen { gap: 6px; }
/* 7차: 읽는 폭 760 · 책 고르기 줄은 지금 책 이름 하나 · 장 설교 목록 제목 크기 통일 */
#bible-board .bb-verses li .bb-text { max-width: 760px; }
#bible-board .bb-books-d > summary::before { content: none; }
#bible-board .bb-books-d > summary::after { content: "▾"; }
#bible-board .bb-books-d[open] > summary::after { content: "▴"; }
#bible-board .bb-sermons h4 { font-size: var(--t2, 32px); }
#bible-board .bb-legend .m-only { display: none !important; }

/* 8차: 위 고르기 부분을 카드 하나로 (검색 · 책 · 장이 한 판에) */
#bible-board .bb-head { margin: 32px 0 0; padding: 16px; background: #fff; border: 1px solid #e4e8ef; border-bottom: 0; border-radius: 16px 16px 0 0; }
#bible-board .bb-books-d { margin: 0; }
#bible-board .bb-books-d > summary { margin: 0; border-radius: 0; border-color: #e4e8ef; border-top: 1px solid #eef1f6; min-height: 56px; }
#bible-board .bb-books-d > summary::before { content: "책"; color: #56627a; font-weight: 600; font-size: 14px; margin-right: 16px; min-width: 24px; }
#bible-board .bb-books-d > summary { justify-content: flex-start; }
#bible-board .bb-books-d > summary::after { content: "다른 책 고르기 ▾"; margin-left: auto; color: #8c6a2a; font-size: 14px; font-weight: 700; }
#bible-board .bb-books-d[open] > summary::after { content: "접기 ▴"; }
#bible-board .bb-books-d .bb-books { margin: 0; border-radius: 0; border: 1px solid #e4e8ef; border-top: 1px solid #eef1f6; }
#bible-board .bb-chapters { margin: 0 0 32px; border-radius: 0 0 16px 16px; border: 1px solid #e4e8ef; border-top: 1px solid #eef1f6; padding: 14px 16px; box-shadow: 0 8px 24px -18px rgba(10, 28, 64, .25); }
#bible-board .bb-books-d:not(:has(+ .bb-chapters)) > summary { border-radius: 0 0 16px 16px; margin-bottom: 24px; }
#bible-board .bb-chapters .bb-lbl, #bible-board .bb-books .bb-lbl { background: none; color: #56627a; font-weight: 600; font-size: 14px; padding: 0; margin-right: 12px; min-width: 24px; }
#bible-board .bb-chapters { position: relative; padding-left: 56px; }
#bible-board .bb-chapters > .bb-lbl { position: absolute; left: 16px; top: 24px; }

/* 9차: 도구 단추 44px · 둥근 알약 · 글씨 14 이상 · 설교 배지는 본문 바로 뒤 · 읽기 줄 폭 */
#bible-board .bb-listen, #bible-board .bb-nav a, #bible-board .bb-btn, #bible-board .bb-copy-all { min-height: 44px; padding: 0 18px; font-size: 15px; }
#bible-board .bb-exp-btn { border-radius: 999px; min-height: 40px; padding: 0 16px; font-size: 14px; display: inline-flex; align-items: center; }
#bible-board .bb-chapters a { border-radius: 999px; }
#bible-board .bb-legend, #bible-board .bb-foot, #bible-board .bb-src { color: #56627a; }
@media (min-width: 900px) { #bible-board { max-width: 960px; margin-left: auto; margin-right: auto; } #bible-board .bb-verses li .bb-text { max-width: none; } }

/* 처음 들어오면 구약·신약 책 목록이 펼쳐진 채 (접기 단추 없음) · 장을 읽을 때는 '구약 · 신약 책 목록' 단추가 늘 보임 */
#bible-board .bb-books-d.entry > summary { display: none; }
#bible-board .bb-books-d.entry .bb-books { border-top: 1px solid #eef1f6; }
#bible-board .bb-books-d > summary::after { content: "구약 · 신약 책 목록 ▾"; }
#bible-board .bb-books-d[open] > summary::after { content: "책 목록 접기 ▴"; }
#bible-board .bb-books .bb-row { flex-wrap: wrap; }
#bible-board .bb-books .bb-row a { min-height: 40px; padding: 0 12px; border-radius: 999px; }
@media (max-width: 599px) {
  #bible-board .bb-books { padding: 12px; }
  #bible-board .bb-books .bb-row { gap: 6px; }
  #bible-board .bb-books .bb-lbl { flex-basis: 100%; margin: 4px 0 2px; }
  #bible-board .bb-books .bb-row a { padding: 0 10px; font-size: 14px; }
}
#bible-board .bb-books-d > summary::after { padding: 8px 16px; border: 1px solid #e6d3a8; background: #fbf6ea; border-radius: 999px; line-height: 1.4; }

/* 다른 언어로 볼 때: 中文·English 본문이 앞, 한국어는 '나란히 보기'를 켜면 (넓은 화면은 옆에, 휴대폰은 아래에) · 한국어 화면의 대조(?par=) */
#bible-board .bb-ko { display: none; }
#bible-board.par .bb-ko, #bible-board .bb-par { display: block; flex: 1 1 100%; padding-left: 44px; color: #56627a; font-size: 16px; line-height: 1.85; }
@media (min-width: 900px) {
  #bible-board.par .bb-verses li .bb-text, #bible-board.par .bb-ko, #bible-board .bb-verses li .bb-text:has(+ .bb-par), #bible-board .bb-par { flex: 1 1 0; padding-left: 0; min-width: 0; }
  #bible-board.par .bb-ko, #bible-board .bb-par { border-left: 2px solid #eef1f6; padding-left: 16px; }
}
#bible-board .bb-tr:lang(zh-Hans) { font-size: 19px; letter-spacing: .02em; }
#bible-board .bb-par-t { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin: 0 0 12px; font-weight: 700; color: #0a1c40; cursor: pointer; }
#bible-board .bb-par-t input { width: 20px; height: 20px; accent-color: #0a1c40; }
#bible-board .bb-par-k { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 12px; }
#bible-board .bb-par-k > span { color: #56627a; font-weight: 600; font-size: 14px; margin-right: 4px; }
#bible-board .bb-par-k a { min-height: 40px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; border: 1px solid #d6dce6; color: #0a1c40; text-decoration: none; font-weight: 700; font-size: 14px; }
#bible-board .bb-par-k a[aria-current] { background: #0a1c40; color: #fff; border-color: #0a1c40; }

/* 다른 언어: CSS 로 그리는 글자 */
html[lang="zh-Hans"] #bible-board .bb-books-d > summary::before { content: "书卷"; }
html[lang="zh-Hans"] #bible-board .bb-books-d > summary::after { content: "旧约 · 新约 书卷目录 ▾"; }
html[lang="zh-Hans"] #bible-board .bb-books-d[open] > summary::after { content: "收起书卷目录 ▴"; }
html[lang="en"] #bible-board .bb-books-d > summary::before { content: "Book"; }
html[lang="en"] #bible-board .bb-books-d > summary::after { content: "Old · New Testament books ▾"; }
html[lang="en"] #bible-board .bb-books-d[open] > summary::after { content: "Hide book list ▴"; }

/* 접기/펼치기 글자: CSS 글자 대신 화면 글자(번역됨)로 */
#bible-board .bb-books-d > summary::before, #bible-board .bb-books-d > summary::after, html[lang] #bible-board .bb-books-d > summary::before, html[lang] #bible-board .bb-books-d > summary::after { content: none !important; }
#bible-board .bb-books-d > summary .bk-l { color: #56627a; font-weight: 600; font-size: 14px; margin-right: 16px; min-width: 24px; }
#bible-board .bb-books-d > summary .bk-t { margin-left: auto; }
#bible-board .bb-books-d > summary .bk-t::after { content: attr(data-shut); padding: 8px 16px; border: 1px solid #e6d3a8; background: #fbf6ea; border-radius: 999px; color: #8c6a2a; font-size: 14px; font-weight: 700; }
#bible-board .bb-books-d[open] > summary .bk-t::after { content: attr(data-open); }
#bible-board .bb-books-d.entry > summary { display: none; }
#bible-board .bb-notice { margin: 0 0 12px; padding: 12px 16px; border-radius: 12px; background: #fbf6ea; color: #6b4f17; font-weight: 600; }