/* church.wiki /bible — 무료성경 허브 (2026-10-14 시안 적용). 선택자는 모두 .bh- 접두사라 wiki.css 와 충돌하지 않는다. */
.bh{
  --bh-brand:#3F8C7E; --bh-ink:#007A6E; --bh-ink-strong:#1F5F55; --bh-soft:#E3F1EE;
  --bh-bg:#F5F8F7; --bh-card:#FFFFFF; --bh-fg:#17302C; --bh-fg2:#4D6660; --bh-mute:#7F9490;
  --bh-line:#D6E2DF; --bh-font:Pretendard,"Pretendard Variable","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  background:var(--bh-bg);color:var(--bh-fg);font-family:var(--bh-font);line-height:1.6;word-break:keep-all
}
html[data-theme="dark"] .bh{
  --bh-brand:#2F6B60; --bh-ink:#8FD9C6; --bh-ink-strong:#B6EADC; --bh-soft:#1D3A35;
  --bh-bg:#0F1F1C; --bh-card:#172B27; --bh-fg:#E4EFEC; --bh-fg2:#B4C8C3; --bh-mute:#7F9994; --bh-line:#2A433E
}
.bh *{box-sizing:border-box}
.bh a{color:var(--bh-ink)}
.bh-wrap{max-width:1180px;margin:0 auto;padding-inline:16px}

/* 히어로: 검색 우선 + 이어 읽기/통독 */
.bh-hero{background:var(--bh-card);border-bottom:1px solid var(--bh-line)}
.bh-hero__in{padding-block:40px 32px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.bh-eyebrow{font-size:13px;font-weight:700;letter-spacing:.1em;color:var(--bh-ink);margin:0 0 12px}
.bh-hero h1{margin:0 0 12px;font-size:clamp(24px,3.5vw,36px);line-height:1.3;font-weight:900;letter-spacing:-1px;text-wrap:balance}
.bh-hero__lede{margin:0 0 18px;font-size:16px;color:var(--bh-fg2);max-width:52ch}
.bh-search{display:flex;gap:8px;max-width:580px}
.bh-search label{flex:1;display:flex;align-items:center;gap:10px;border:2px solid var(--bh-line);border-radius:12px;padding:0 14px;height:52px;background:var(--bh-card)}
.bh-search label:focus-within{border-color:var(--bh-brand)}
.bh-search input{border:0;outline:none;font:inherit;font-size:16px;flex:1;min-width:0;background:transparent;color:var(--bh-fg)}
.bh-search svg{width:20px;height:20px;stroke:var(--bh-mute);flex-shrink:0}
.bh-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 20px;border-radius:12px;border:0;font:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;background:var(--bh-brand);color:#fff}
.bh-search .bh-btn{height:52px}
.bh-hint{font-size:13px;color:var(--bh-mute);margin-top:8px}
.bh-versions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.bh-versions>span{font-size:13px;color:var(--bh-mute)}
.bh-versions a{padding:6px 12px;border-radius:999px;border:1px solid var(--bh-line);background:var(--bh-card);font-size:13px;color:var(--bh-fg);text-decoration:none;min-height:34px;display:inline-flex;align-items:center}
.bh-versions a.is-on{background:var(--bh-brand);color:#fff;border-color:var(--bh-brand);font-weight:700}
.bh-versions a.more{border:0;color:var(--bh-ink);padding-inline:4px}

.bh-side{display:flex;flex-direction:column;gap:12px}
.bh-continue{background:var(--bh-brand);color:#fff;border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:8px}
.bh-continue .k{display:flex;justify-content:space-between;font-size:13px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.8)}
.bh-continue .k span:last-child{font-weight:400;letter-spacing:0;color:rgba(255,255,255,.7);font-size:12px}
.bh-continue .t{font-size:24px;font-weight:900;letter-spacing:-.5px}
.bh-continue .s{font-size:13px;color:rgba(255,255,255,.85)}
.bh-continue .bh-btn{margin-top:4px;background:#fff;color:var(--bh-ink-strong);font-size:15px}
.bh-continue--empty .t{font-size:18px}
.bh-plan{background:var(--bh-card);border:1px solid var(--bh-line);border-radius:16px;padding:18px 22px;display:flex;flex-direction:column;gap:8px}
.bh-plan .k{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--bh-mute)}
.bh-plan .k a{font-size:12px;font-weight:400;letter-spacing:0;text-decoration:none}
.bh-plan .t{font-size:17px;font-weight:700}
.bh-bar{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--bh-fg2)}
.bh-bar span{flex:1;height:8px;border-radius:4px;background:var(--bh-soft);position:relative;overflow:hidden}
.bh-bar i{position:absolute;left:0;top:0;height:100%;background:var(--bh-brand)}
.bh-plan .today{font-size:14px}
.bh-plan .today a{font-weight:700;text-decoration:none}

/* 유틸 타일 */
.bh-tiles{padding-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bh-tile{text-decoration:none;color:inherit;background:var(--bh-card);border:1px solid var(--bh-line);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:12px;min-height:60px}
.bh-tile:hover{border-color:var(--bh-brand)}
.bh-tile svg{width:22px;height:22px;stroke:var(--bh-ink);flex-shrink:0}
.bh-tile b{display:block;font-size:15px;font-weight:700}
.bh-tile small{display:block;font-size:12px;color:var(--bh-mute)}

/* 66권 격자 */
.bh-books{padding-top:32px}
.bh-books__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
.bh-books__head h2{margin:0;font-size:22px;font-weight:700}
.bh-books__head h2 small{font-size:14px;font-weight:500;color:var(--bh-mute);margin-left:4px}
.bh-seg{display:flex;gap:4px;font-size:13px}
.bh-seg a{padding:5px 10px;border-radius:8px;text-decoration:none;color:var(--bh-fg2);min-height:32px;display:inline-flex;align-items:center}
.bh-seg a.is-on{background:var(--bh-soft);color:var(--bh-ink-strong);font-weight:700}
.bh-group{display:grid;grid-template-columns:150px 1fr;gap:10px 20px;align-items:start;margin-bottom:10px}
.bh-group__label{padding-top:8px}
.bh-group__label b{display:block;font-size:14px;font-weight:700}
.bh-group__label small{display:block;font-size:12px;color:var(--bh-mute)}
.bh-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.bh-book{text-decoration:none;color:inherit;background:var(--bh-card);border:1px solid var(--bh-line);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:44px}
.bh-book:hover{border-color:var(--bh-brand)}
.bh-book b{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-book small{font-size:12px;color:var(--bh-mute);white-space:nowrap}
.bh-book.is-reading{background:var(--bh-soft);border-color:var(--bh-brand)}
.bh-book.is-reading b,.bh-book.is-reading small{color:var(--bh-ink-strong)}
.bh-books__nt{margin-top:28px}

/* 연재 카드 */
.bh-series{padding-block:32px 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bh-card{text-decoration:none;color:inherit;background:var(--bh-card);border:1px solid var(--bh-line);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.bh-card .tag{font-size:12px;font-weight:700;color:var(--bh-ink-strong);background:var(--bh-soft);padding:2px 8px;border-radius:999px;align-self:flex-start}
.bh-card b{font-size:17px;font-weight:700}
.bh-card small{font-size:13px;color:var(--bh-mute)}
.bh a.bh-card--brand{background:var(--bh-brand);color:#fff;border:0}
.bh-card--brand .tag{background:transparent;color:rgba(255,255,255,.85);padding:0}
.bh-card--brand small{color:rgba(255,255,255,.8)}

/* 반응형 */
@media (max-width:1000px){ .bh-grid{grid-template-columns:repeat(4,1fr)} .bh-tiles{grid-template-columns:repeat(2,1fr)} }
@media (max-width:760px){
  .bh-hero__in{grid-template-columns:1fr;gap:20px;padding-block:24px 20px}
  .bh-search{flex-direction:column}.bh-search .bh-btn{width:100%}
  .bh-versions{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.bh-versions::-webkit-scrollbar{display:none}
  .bh-versions a{flex-shrink:0}
  .bh-continue{flex-direction:row;align-items:center}.bh-continue>div{flex:1}.bh-continue .bh-btn{margin:0;white-space:nowrap}
  .bh-group{grid-template-columns:1fr;gap:6px}
  .bh-group__label{padding-top:12px}.bh-group__label small{display:none}
  .bh-grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .bh-book{flex-direction:column;align-items:flex-start;gap:1px;padding:10px;min-height:48px;justify-content:center}
  .bh-book b{font-size:14px;white-space:normal}.bh-book small{font-size:11px}
  .bh-series{grid-template-columns:1fr;gap:8px}
}

/* ---------- church.wiki 적용 보강 (2026-10-14): bible.js 가 채우는 자리(.bjs-*)와 기존 판 목록을 새 틀에 맞춤 ---------- */
.bh-search{position:relative}                                           /* wiki.js 자동완성(.ac) 이 폼 아래에 붙는다 */
.bh-search .ac{min-width:0}
.bh-continue .bjs-continue{margin:0;font-size:15px;line-height:1.6}      /* bible.js: "마지막으로 읽은 곳: 책 장 · n분 전 [이어 읽기 →]" */
.bh-continue .bjs-continue a{color:#fff}
.bh-continue .bjs-continue b{font-size:20px;font-weight:900}
.bh-continue .bjs-continue .muted{color:rgba(255,255,255,.75)}
.bh-continue .bjs-continue .btn{display:inline-flex;align-items:center;margin:8px 0 0;background:#fff;color:var(--bh-ink-strong);border-radius:10px;padding:8px 14px;font-weight:700;text-decoration:none}
.bh-continue .bjs-continue .btn:hover{filter:brightness(.96)}
.bh-continue .bjs-recent{margin:0;font-size:12px;color:rgba(255,255,255,.8)}
.bh-continue .bjs-recent a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.bh-plan .bjs-plan{margin:0;font-size:14px;color:var(--bh-fg2)}          /* bible.js: "<b>계획</b> n일째 · 오늘: 책 장 · 책 장" */
.bh-plan .bjs-plan b{color:var(--bh-fg);font-weight:700}
.bh-plan .bjs-plan a{text-decoration:none;font-weight:700}
.bh-plan .bjs-plan a.done{color:var(--bh-mute);font-weight:400;text-decoration:line-through}
.bh-book{position:relative;overflow:hidden}                               /* 읽은 장 진행 막대(.bbooks__bar) 를 타일 아래쪽에 */
.bh-book .bbooks__bar{display:none;position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--bh-soft)}
.bh-book .bbooks__bar span{display:block;height:100%;width:0;background:var(--bh-brand)}
.has-bread .bh-book .bbooks__bar{display:block}
.bh-book.done{background:var(--bh-soft);border-color:var(--bh-brand)}
.bh-book.done b,.bh-book.done small{color:var(--bh-ink-strong)}
.bh-all{padding-block:8px 8px}                                            /* 우리가 가진 성경 전체 (언어별 판 목록) */
.bh-all__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 6px}
.bh-all__head h2{margin:0;font-size:22px;font-weight:700}
.bh-all__head h2 small{font-size:14px;font-weight:500;color:var(--bh-mute);margin-left:4px}
.bh-all__pick{display:flex;gap:8px;align-items:center}
.bh-all__pick select{min-width:0;max-width:300px;height:40px;padding:0 10px;border:1.5px solid var(--bh-line);border-radius:10px;background:var(--bh-card);color:var(--bh-fg);font:inherit;font-size:14px}
.bh-all__pick .bh-btn{min-height:40px;font-size:14px;padding:0 16px}
.bh-all__note{font-size:13px;color:var(--bh-mute);margin:0 0 14px}
.bh-all__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.bh-lang{background:var(--bh-card);border:1px solid var(--bh-line);border-radius:14px;padding:14px 16px}
.bh-lang h3{margin:0 0 8px;font-size:15px;font-weight:700}
.bh-lang h3 small{font-weight:400;color:var(--bh-mute);margin-left:4px;font-size:12px}
.bh-lang .chips{margin:0}
.bh-lang .chips a{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--bh-bg);color:var(--bh-fg);border:1px solid var(--bh-line)}
.bh-lang .chips a:hover{border-color:var(--bh-brand);color:var(--bh-ink)}
.bh-all__more{font-size:14px;margin:12px 0 0}
.bh-foot{padding-block:0 40px;font-size:14px;color:var(--bh-mute)}
@media (max-width:760px){ .bh-all__pick{width:100%} .bh-all__pick select{flex:1;max-width:none} }
.bh-hero__in>*{min-width:0}                                               /* 폰: 판 칩 가로 스크롤 줄이 격자 칸을 넓히지 않게 (2026-10-14 확인) */
.bh-wrap{min-width:0}
/* 이어 읽기 카드의 흰 단추 글자색은 다크에서도 짙게 (var(--bh-ink-strong) 가 다크에선 밝은 민트라 흰 바탕에 묻혔음, 2026-10-14 확인) */
.bh-continue .bh-btn,.bh-continue .bjs-continue .btn{color:#1F5F55}
.bh-continue:has(.bjs-continue a) .bh-btn{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.8)}   /* 읽은 기록이 있으면 '이어 읽기'가 주 단추, '아무 데나'는 보조 */
@media (max-width:760px){ .bh-continue:has(.bjs-continue a){flex-direction:column;align-items:stretch} .bh-continue:has(.bjs-continue a) .bh-btn{align-self:flex-start} }

/* 성경 목록 — 한국어 판(2026-10-15): 연도까지 쓴 이름을 크게, 누르면 /bible/v/{판} 전체보기 */
.bh-ko{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.bh-ko a{display:flex;flex-direction:column;gap:2px;padding:12px 14px;min-height:56px;border:1px solid var(--bh-line);border-radius:10px;background:var(--bh-card);color:inherit;text-decoration:none}
.bh-ko a:hover{border-color:var(--bh-brand)}.bh-ko b{font-size:15px;font-weight:700}.bh-ko small{font-size:12px;color:var(--bh-mute)}
@media (max-width:640px){.bh-ko{grid-template-columns:1fr 1fr;gap:6px}.bh-ko a{padding:10px}.bh-ko b{font-size:14px}}