@charset "utf-8";

/* ============================================================================
   page/biblestudy.css — 성경 공부 — 성막 · 복음 · 성경 용어 · 설교
   ----------------------------------------------------------------------------
   이 화면에서만 쓰인다: /biblestudy/*  ($menu = "2")
   
   전 페이지가 지고 다니던 것을 화면별로 갈랐다 (옛 additional.css).
   ============================================================================ */

/* ── 성막 본문 (tabernacle .text-box) ──────────────────────────────────────── */
/* ── 성막 (tabernacle) · 접이 박스 (resize_box) ────────────────────── */

.tabernacle .accordion .accordion-head {
    text-align:left;
}
.tabernacle .text-box {
    border-radius:var(--r-xl);
    max-height:1050px;
}
/* 한때 종이색으로 뒤집었다가 2026-08-25 「원래 컬러 유지」 확정으로 하늘 면 복원.
   동률 특이도는 sub 가 이기므로 #sub_contents 접두 셀렉터는 남겨 둔다 */
#sub_contents.tabernacle .text-box {
    background:var(--info-wash);
}
.tabernacle .text-box ul li {
    letter-spacing:0;
}
.tabernacle .text-box ul li.img img {
    max-width:80%;
    border-radius:var(--r-sm);
}
.tabernacle .text-box ul {
    display:flex;
    flex-direction:column;
}
.tabernacle .text-box h3 {
    font-size:var(--fs-xl);
    margin-bottom:2rem;
    font-weight:700;
    letter-spacing:-.02em;
}
.tabernacle .text-box ul > li:has(h3) {
    padding-top:0;
    order:1
}
.tabernacle .text-box ul > li {
    order:2
}

/* 성막 소개 카드의 «더 보기» 단추는 .tabernacle-more-toggle 한 겹이 맡는다
   (아래 §1). 예전에는 여기에 «.tabernacle .resize-box .text-toggle» 이라는
   두 번째 겹이 더 있어서, 보라색 글자와 CSS 로 그린 셰브런이 마크업의 SVG
   셰브런 위에 겹쳤다 — 한 단추에 화살표가 두 개 보이던 원인이다.
   .text-toggle 은 이제 tabernacle.js 가 잡는 손잡이일 뿐 꾸미지 않는다. */
.tabernacle .resize-box p {
    margin:1rem 0;
    letter-spacing:0;
}

@media (max-width:767px) {
    .tabernacle .text-box {
        max-height:75vh;
    }
    .tabernacle .text-box h3 {
        font-size:1.25rem;
    }
    .tabernacle .text-box ul li.img img {
        max-width:100%;
    }
    .resize-box p {
        font-size:.9rem;
        letter-spacing:-1px;
    }
}

/* ── 설교 목록 · 상세 (sermons) ──────────────────────────────────────────────── */
/* ── 설교(Sermons) 목록 — 골드 강조의 읽기 중심 아코디언 ───────────── */

.sermon-page-wrap {
    padding-top:var(--sp-5);
    padding-bottom:var(--sp-7);
}
.sermon-page-wrap #srchForm {
    margin-bottom:var(--sp-6);
    padding:20px 24px;
    border:1px solid var(--gold-line);
    border-radius:var(--r-lg);
    background:var(--gold-wash);
}
.sermon-page-wrap .lang-box:not(.lang-box02):not(.sort-box) .lang-title {
    color:var(--ink);
    font-size:var(--fs-md);
    font-weight:700;
}
.sermon-page-wrap .lang-box-desc {
    color:var(--copy-soft);
}
.sermon-page-wrap .lang-box-desc img {
    width:20px;
    height:20px;
}
.sermon-page-wrap .lang-box-desc span {
    font-size:var(--fs-sm);
    line-height:var(--lh-base);
}
.sermon-title-bar {
    margin-bottom:var(--sp-6);
    padding-bottom:16px;
    border-bottom:1px solid var(--line);
    text-align:left;
}
.sermon-title-bar h1 {
    display:flex;
    align-items:center;
    gap:12px;
    margin:0;
    padding:0;
    border:none;
    font-size:var(--fs-2xl);
    font-weight:700;
    color:var(--ink);
    letter-spacing:-.03em;
    line-height:1.35;
}
.sermon-title-bar h1:before {
    display:inline-block;
    width:4px;
    height:24px;
    border-radius:var(--r-pill);
    background:var(--gold);
    flex-shrink:0;
    content:'';
}

/* 아코디언 카드 묶음 — 플랫하고 단정한 카드 */
.sermon-accordion {
    counter-reset:sermon-subject;
    list-style:none;
    padding:0;
    margin:0 0 3rem;
    display:flex;
    flex-direction:column;
    gap:12px;
}
/* 카드(테두리·반경·그림자·호버)는 ui.css 의 .accordion > li 가 그린다.
   여기 남긴 것은 이 화면 고유인 번호 세기와 «살짝 떠오르는» 호버뿐이다. */
.sermon-accordion > li {
    counter-increment:sermon-subject;
    transition:border-color var(--t-fast), box-shadow var(--t-base), transform var(--t-base);
}
.sermon-accordion > li:hover {
    transform:translateY(-2px);
}
/* 손잡이(여백 · 손 모양 · 호버 · 열림 표시 · 초점 링)는 ui.css 의 .accordion 이 그린다.
   여기 있던 사본은 «text-align:left» 까지 갖고 있어서 히브리어에서 제목이 왼쪽으로 밀렸다.
   남긴 것은 이 화면만의 것 — 주제 번호 세기와 «살짝 떠오르는» 호버, 건수 배지다. */
.sermon-accordion .accordion-head h2 {
    word-break:keep-all;
}
.sermon-accordion .accordion-head h2:before {
    content:counter(sermon-subject, decimal-leading-zero);
    margin-inline-end:12px;
    color:var(--faint);
    font-size:var(--fs-xs);
    font-weight:700;
    letter-spacing:.06em;
}
.sermon-accordion .subject-meta {
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}
.sermon-accordion .badge-count {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:22px;
    padding:0 8px;
    border-radius:var(--r-pill);
    background:var(--gold-soft);
    border:1px solid var(--gold-line);
    color:var(--gold-deep);
    font-size:var(--fs-xs);
    font-weight:600;
}

/* 아코디언 내부 설교 챕터 목록 */
/* 본문과 잔줄(번호 · 제목 · 앞 셰브런)은 ui.css 의 .accordion-body 가 그린다.
   여기 있던 사본은 sub.css 의 옛 대시 목록을 지우려고
   «li:before {display:none !important}» 까지 달고 있었다. 두 벌이 사라지니 그 대항도 사라졌다. */

/* 오른쪽→왼쪽 언어에서도 번호·방향 아이콘의 읽기 흐름을 맞춘다. */
.align-right .sermon-title-bar h1 {
    flex-direction:row-reverse;
    text-align:right;
    padding:0;
}
.align-right .sermon-title-bar h1:before {
    margin-right:0;
}
/* 손잡이의 RTL 대항 규칙 넷을 걷었다 — 정렬·열림 막대는 ui.css 가 이미 뒤집고,
   제목 여백과 번호 여백은 논리 속성으로 바꿔 뒤집을 것이 없어졌다. */

/* ── 설교 상세 (Sermons Detail) ────────────────────────────────────── */

.sermon-detail-wrap {
    padding-top:1.5rem;
    padding-bottom:3rem;
}
.sermon-header {
    margin-bottom:2rem;
    padding-bottom:1.5rem;
    border-bottom:1px solid var(--line);
}
.sermon-subject-badge {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 12px;
    border-radius:var(--r-pill);
    background:var(--paper-warm);
    color:var(--copy-soft);
    font-size:12.5px;
    font-weight:600;
    margin-bottom:12px;
    border:1px solid var(--line-soft);
}
.sermon-main-title {
    font-size:1.85rem;
    font-weight:700;
    color:var(--ink);
    line-height:1.35;
    letter-spacing:-.02em;
    margin:0 0 12px;
    word-break:keep-all;
}
.sermon-meta {
    display:flex;
    align-items:center;
    gap:16px;
    color:var(--muted);
    font-size:var(--fs-sm);
}
.sermon-meta .meta-item {
    display:inline-flex;
    align-items:center;
    gap:5px;
}

.sermon-body-card {
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--r-lg);
    padding:36px 32px;
    margin-bottom:3rem;
}
.sermon-body-card .sermon-content {
    font-size:1.0625rem;
    line-height:var(--lh-loose);
    color:var(--copy);
    padding:0;
    min-height:200px;
}
.sermon-body-card .sermon-content p {
    margin-bottom:1.5rem;
    color:var(--copy);
}
.sermon-body-card .sermon-content blockquote {
    margin:1.75rem 0;
    padding:16px 20px;
    border-left:3px solid var(--gold);
    background:var(--paper-warm);
    border-radius:0 var(--r-md) var(--r-md) 0;
    font-size:var(--fs-md);
    color:var(--ink);
    line-height:1.7;
}
.sermon-body-card .sermon-content h2,
.sermon-body-card .sermon-content h3 {
    font-size:1.25rem;
    font-weight:700;
    color:var(--ink);
    margin:2rem 0 1rem;
    padding-bottom:6px;
    border-bottom:1px solid var(--line-soft);
}
.sermon-body-card .sermon-content img {
    display:block;
    max-width:100%;
    height:auto;
    border-radius:var(--r-md);
    margin:1.5rem auto;
}
.sermon-body-card .sermon-content iframe {
    border-radius:var(--r-md);
}

@media (max-width:767px) {
    .sermon-page-wrap {
        padding-top:var(--sp-4);
    }
    .sermon-page-wrap #srchForm {
        margin-bottom:var(--sp-5);
        padding:16px;
    }
    .sermon-page-wrap .lang-box select {
        margin:0;
    }
    .sermon-title-bar {
        margin-bottom:var(--sp-4);
        padding-bottom:12px;
    }
    .sermon-title-bar h1 {
        font-size:var(--fs-xl);
        gap:10px;
        padding:0;
    }
    .sermon-title-bar h1:before {
        height:20px;
        width:3.5px;
    }
    .sermon-accordion .accordion-head {
        padding:14px 16px;
    }
    .sermon-accordion .accordion-head h2 {
        font-size:.95rem;
    }
    .sermon-accordion .accordion-head h2:before {
        display:block;
        margin:0 0 3px;
    }
    .sermon-main-title {
        font-size:1.35rem;
    }
    .sermon-body-card {
        padding:20px 16px;
        border-radius:var(--r-md);
    }
    .sermon-body-card .sermon-content {
        font-size:.95rem;
        line-height:1.7;
    }
}

@media (max-width:480px) {
    .sermon-page-wrap #srchForm {
        margin-right:-8px;
        margin-left:-8px;
    }
    .sermon-accordion {
        gap:8px;
    }
    .sermon-accordion .accordion-head {
        padding:14px;
    }
    .sermon-accordion .subject-meta {
        gap:6px;
    }
    .sermon-accordion .badge-count {
        min-width:20px;
        padding:0 6px;
    }
    .sermon-accordion .accordion-body {
        padding:6px 6px 10px;
    }
    .sermon-accordion .accordion-body ul li a {
        gap:9px;
        padding:10px 8px;
    }
}

@media (prefers-reduced-motion:reduce) {
    /* 손잡이·잔줄의 전환은 ui.css 가 끈다. 여기 남는 것은 이 화면만의 «떠오름» 뿐이다 */
    .sermon-accordion > li {
        transition:none;
    }
    .sermon-accordion > li:hover {
        transform:none;
    }
}

/* ── 성막 (tabernacle · tabernacleDetail) ────────────────────────────────── */
/* ============================================================================
   성막 (Tabernacle - tabernacle.php & tabernacleDetail.php)
   ----------------------------------------------------------------------------
   · 에디토리얼 인트로 접이식 카드 (tabernacle_intro_card)
   · 성막 아티클 목록 카드 피드 (tabernacle_article_list)
   · 상세 페이지 아티클 헤더 & 관련 설교 시리즈 카드
   · 골드 캡슐 액션 버튼
   ========================================================================== */

.tabernacle-page-wrap,
.tabernacle-detail-wrap {
    padding-top:var(--sp-2);
    padding-bottom:var(--sp-8);
}

.tabernacle-container {
    max-width:1180px;
    margin:0 auto 56px;
}

/* 🏛️ 1. 성막 인트로 접이식 카드 */
.tabernacle-intro-card {
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    padding:40px 48px;
    box-shadow:var(--sh-card);
    --collapsed-h:480px;
    box-sizing:border-box;
    transition:max-height .4s cubic-bezier(0.16, 1, 0.3, 1);
}
.tabernacle-intro-card.open {
    padding-bottom:36px;
}
.intro-visual {
    text-align:center;
    margin-bottom:28px;
}
.intro-visual img {
    max-width:100%;
    max-height:360px;
    border-radius:var(--r-lg);
    box-shadow:var(--sh-card);
    object-fit:cover;
}
.intro-title {
    font-size:1.6rem;
    font-weight:700;
    color:var(--ink);
    margin:0 0 16px;
    letter-spacing:-.02em;
    line-height:1.35;
}
.intro-text {
    font-size:15.5px;
    line-height:1.85;
    color:var(--copy);
}
.intro-text p {
    margin:0 0 14px;
}

/* 📚 2. 추천 도서 섹션 & 성막 아티클 목록 헤더 */
.tabernacle-recommend-section {
    margin-bottom:60px;
}

.tabernacle-section-header {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:0 0 20px;
    padding-bottom:14px;
    border-bottom:1px solid var(--line);
}
.tabernacle-section-title {
    display:flex;
    align-items:center;
    gap:10px;
}
.tabernacle-section-title .title-bar-accent {
    width:4px;
    height:22px;
    border-radius:var(--r-pill);
    background:var(--gold);
    flex-shrink:0;
}
.tabernacle-section-title h4 {
    font-size:1.25rem;
    font-weight:700;
    color:var(--ink);
    margin:0;
    letter-spacing:-.02em;
    line-height:var(--lh-tight);
}
.tabernacle-section-title h4:after {
    display:none;
    content:none;
}
.tabernacle-section-header .pager {
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;
}
.tabernacle-section-header .pager .slick-arrow {
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid var(--line);
    background:var(--paper);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    color:var(--ink);
    font-size:var(--fs-sm);
    box-shadow:var(--sh-soft);
    transition:border-color var(--t-fast), box-shadow var(--t-fast), color var(--t-fast), transform var(--t-fast);
}
.tabernacle-section-header .pager .slick-arrow:hover {
    border-color:var(--gold);
    color:var(--gold-deep);
    box-shadow:var(--sh-card);
    transform:translateY(-1px);
}
.tabernacle-section-header .pager .slick-arrow.slick-disabled {
    opacity:.35;
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
    border-color:var(--line);
}

.tabernacle-article-list {
    list-style:none;
    padding:0;
    margin:0 0 40px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.tabernacle-article-item {
    margin:0;
}
.tabernacle-article-link {
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 24px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--r-lg);
    text-decoration:none;
    box-shadow:var(--sh-soft);
    transition:border-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);
    box-sizing:border-box;
}
.tabernacle-article-link:hover {
    border-color:var(--gold-line);
    box-shadow:var(--sh-card);
    transform:translateX(3px);
}
.tabernacle-item-num {
    font-size:var(--fs-sm);
    font-weight:700;
    color:var(--gold-deep);
    background:var(--gold-soft);
    width:32px;
    height:32px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.tabernacle-item-body {
    flex:1;
    min-width:0;
}
.tabernacle-item-title {
    font-size:15.5px;
    font-weight:700;
    color:var(--ink);
    margin:0;
    line-height:1.45;
    transition:color var(--t-fast);
}
.tabernacle-article-link:hover .tabernacle-item-title {
    color:var(--gold-deep);
}
.tabernacle-item-arrow {
    color:var(--muted);
    display:flex;
    align-items:center;
    margin-inline-start:auto;
    flex-shrink:0;
    transition:transform var(--t-fast), color var(--t-fast);
}
.tabernacle-article-link:hover .tabernacle-item-arrow {
    color:var(--gold);
    transform:translateX(3px);
}

/* 📜 3. 성막 상세 페이지 헤더 & 본문 */
.tabernacle-detail-header {
    padding-bottom:22px;
    margin-bottom:30px;
    border-bottom:1px solid var(--line);
}
.tabernacle-detail-parent {
    display:inline-flex;
    align-items:center;
    gap:5px;
    max-width:100%;
    margin-bottom:12px;
    font-size:var(--fs-sm);
    font-weight:600;
    color:var(--gold-deep);
    text-decoration:none;
    transition:color var(--t-fast);
}
.tabernacle-detail-parent span {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.tabernacle-detail-parent svg {
    flex-shrink:0;
    transition:transform var(--t-fast);
}
.tabernacle-detail-parent:hover {
    color:var(--gold);
}
.tabernacle-detail-parent:hover svg {
    transform:translateX(-3px);
}
.tabernacle-detail-title {
    font-size:1.85rem;
    font-weight:700;
    color:var(--ink);
    margin:0 0 14px;
    line-height:1.35;
    letter-spacing:-.03em;
}
.tabernacle-detail-meta {
    display:flex;
    align-items:center;
    gap:10px;
    font-size:var(--fs-sm);
    color:var(--muted);
}
.tabernacle-detail-meta .meta-item {
    display:inline-flex;
    align-items:center;
    gap:5px;
}
.tabernacle-detail-meta .meta-divider {
    color:var(--line);
}
.tabernacle-detail-body {
    font-size:var(--fs-md);
    line-height:1.85;
    color:var(--copy);
    margin-bottom:44px;
}
.tabernacle-detail-body img {
    max-width:100%;
    height:auto;
    border-radius:var(--r-lg);
    margin:20px auto;
    display:block;
}

/* 🕊️ 4. 관련 설교 시리즈 카드 */
.tabernacle-related-card {
    background:var(--paper-warm);
    border:1px solid var(--gold-line);
    border-radius:var(--r-xl);
    padding:28px 32px;
    margin-bottom:40px;
    box-sizing:border-box;
}
.related-card-header {
    margin-bottom:18px;
}
.related-title {
    font-size:1.25rem;
    font-weight:700;
    color:var(--ink);
    margin:0;
    letter-spacing:-.02em;
}
.related-sermon-list {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:8px;
}
.related-sermon-item {
    margin:0;
}
.related-sermon-link {
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 18px;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--r-md);
    text-decoration:none;
    transition:border-color var(--t-fast), box-shadow var(--t-fast), color var(--t-fast), transform var(--t-fast);
}
.related-sermon-link:hover {
    border-color:var(--gold);
    transform:translateX(3px);
    box-shadow:var(--sh-soft);
}
.related-bullet {
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--gold);
    flex-shrink:0;
}
.related-item-title {
    flex:1;
    font-size:14.5px;
    font-weight:600;
    color:var(--ink);
    transition:color var(--t-fast);
}
.related-sermon-link:hover .related-item-title {
    color:var(--gold-deep);
}
.related-arrow {
    color:var(--muted);
    flex-shrink:0;
    transition:transform var(--t-fast), color var(--t-fast);
}
.related-sermon-link:hover .related-arrow {
    color:var(--gold);
    transform:translateX(2px);
}

/* ↔️ 오른쪽에서 왼쪽으로 읽는 말 — 화살표와 밀림도 방향을 따른다 */
[dir="rtl"] .tabernacle-detail-parent svg,
[dir="rtl"] .related-arrow,
[dir="rtl"] .tabernacle-item-arrow {
    transform:scaleX(-1);
}
[dir="rtl"] .tabernacle-detail-parent:hover svg {
    transform:scaleX(-1) translateX(-3px);
}
[dir="rtl"] .related-sermon-link:hover,
[dir="rtl"] .tabernacle-article-link:hover {
    transform:translateX(-3px);
}
[dir="rtl"] .related-sermon-link:hover .related-arrow {
    transform:scaleX(-1) translateX(2px);
}
[dir="rtl"] .tabernacle-article-link:hover .tabernacle-item-arrow {
    transform:scaleX(-1) translateX(3px);
}

/* 바닥 CTA 는 ui.css 의 .cta-bar / .btn-cta 한 벌이 그린다 */

/* 📱 성막 반응형 미디어쿼리 */
@media (max-width:1024px) {
    .tabernacle-intro-card {
        padding:32px 30px;
    }
}

@media (max-width:767px) {
    .tabernacle-page-wrap,
    .tabernacle-detail-wrap {
        padding-top:var(--sp-2);
        padding-bottom:var(--sp-6);
    }
    .tabernacle-intro-card {
        padding:24px 20px;
        border-radius:var(--r-lg);
        max-height:380px;
    }
    .intro-title {
        font-size:1.35rem;
    }
    .intro-text {
        font-size:var(--fs-base);
        line-height:1.75;
    }
    .tabernacle-article-link {
        padding:14px 16px;
        gap:12px;
    }
    .tabernacle-item-title {
        font-size:var(--fs-base);
    }
    .tabernacle-detail-title {
        font-size:1.45rem;
    }
    .tabernacle-detail-body {
        font-size:14.5px;
        line-height:1.75;
    }
    .tabernacle-related-card {
        padding:22px 18px;
        border-radius:var(--r-lg);
    }
}

/* ── 복음 (gospel) ───────────────────────────────────────────────────────── */
/* ============================================================================
   복음 (Gospel of the Water and the Spirit - gospel.php)
   ----------------------------------------------------------------------------
   · 에디토리얼 아티클 헤더 (gospel_header)
   · 본문 콜아웃 카드 (blue_box01, blue_box02)
   · 2단 에디토리얼 이미지 카드 그리드 (img_area)
   ========================================================================== */

.gospel-page-wrap {
    padding-top:var(--sp-2);
    padding-bottom:var(--sp-8);
}

.gospel-container {
    max-width:860px;
    margin:0 auto;
}

/* 📜 1. 복음 아티클 헤더 */
.gospel-header {
    padding-bottom:24px;
    margin-bottom:36px;
    border-bottom:1px solid var(--line);
}
.gospel-title {
    font-size:1.85rem;
    font-weight:700;
    color:var(--ink);
    margin:0 0 16px;
    line-height:1.35;
    letter-spacing:-.03em;
}
.gospel-meta {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:13.5px;
    color:var(--muted);
}
.gospel-meta .meta-author {
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight:600;
    color:var(--copy);
}

/* 📖 2. 본문 에디토리얼 타이포그래피 및 콜아웃 박스 */
.gospel-body {
    font-size:var(--fs-md);
    line-height:1.85;
    color:var(--copy);
    margin-bottom:60px;
}
.bstudy-gospel .text-area p,
.gospel-body p.text {
    margin:0 0 20px;
    text-align:left;
    font-size:var(--fs-md);
    line-height:1.85;
    color:var(--copy);
}
.bstudy-gospel .text-area .text + .text,
.gospel-body .text + .text {
    margin:20px 0 0 0;
}

/* 구형 blue_box를 세련된 웜 페이퍼 콜아웃 카드로 현대화 */
.bstudy-gospel .text-area .blue-box,
.gospel-body .blue-box {
    margin:32px 0;
    padding:24px 28px;
    background-color:var(--paper-warm);
    border:1px solid var(--gold-line);
    border-radius:var(--r-lg);
    box-shadow:var(--sh-soft);
    box-sizing:border-box;
}
.bstudy-gospel .text-area .blue-box p,
.gospel-body .blue-box p {
    margin:0;
    font-size:15px;
    line-height:1.75;
    color:var(--copy);
}
.bstudy-gospel .text-area .blue-box02,
.gospel-body .blue-box02 {
    display:flex;
    flex-direction:column;
    gap:10px;
    overflow:visible;
}
.bstudy-gospel .text-area .blue-box02 strong,
.gospel-body .blue-box02 strong {
    display:block;
    float:none;
    width:auto;
    font-size:15px;
    font-weight:700;
    color:var(--gold-deep);
    margin:0 0 4px;
}
.bstudy-gospel .text-area .blue-box02 ul,
.gospel-body .blue-box02 ul {
    float:none;
    width:100%;
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.bstudy-gospel .text-area .blue-box02 ul li,
.gospel-body .blue-box02 ul li {
    font-size:14.5px;
    line-height:1.7;
    color:var(--copy);
}

/* 🖼️ 3. 2단 에디토리얼 이미지 카드 그리드 */
.bstudy-gospel .text-area .img-area,
.gospel-body .img-area {
    display:grid;
    /* 두 칸이 들어갈 만하면 두 칸, 아니면 한 칸 — 폭이 정하게 둔다.
       옛 860px 브레이크포인트(4대 기준 밖)를 이 한 줄이 대신한다 */
    grid-template-columns:repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
    gap:28px;
    align-items:start;
    margin:36px 0;
    background:var(--paper);
    border:1px solid var(--line);
    border-radius:var(--r-xl);
    padding:28px;
    box-shadow:var(--sh-card);
    overflow:visible;
    min-height:auto;
}
.bstudy-gospel .text-area .img-area02,
.gospel-body .img-area02 {
    margin:36px 0;
}
.bstudy-gospel .text-area .img-area .img-box,
.gospel-body .img-area .img-box {
    float:none;
    width:100%;
    margin:0;
    text-align:center;
}
.bstudy-gospel .text-area .img-area .img-box img,
.gospel-body .img-area .img-box img {
    width:100%;
    max-width:100%;
    height:auto;
    border-radius:var(--r-lg);
    box-shadow:var(--sh-soft);
    object-fit:cover;
}
.bstudy-gospel .text-area .img-area .text-box,
.gospel-body .img-area .text-box {
    float:none;
    width:100%;
}
.bstudy-gospel .text-area .img-area .text-box p,
.gospel-body .img-area .text-box p {
    font-size:15px;
    line-height:var(--lh-loose);
    margin:0 0 14px;
}
.bstudy-gospel .text-area .img-area .text-box p:last-child,
.gospel-body .img-area .text-box p:last-child {
    margin-bottom:0;
}

/* 📱 복음 페이지 반응형 */
@media (max-width:767px) {
    .bstudy-gospel .text-area .img-area,
    .gospel-body .img-area {
        gap:20px;
        padding:22px 20px;
        border-radius:var(--r-lg);
    }
    .bstudy-gospel .text-area .img-area .img-box,
    .gospel-body .img-area .img-box {
        max-width:400px;
        margin:0 auto;
    }
    .gospel-page-wrap {
        padding-top:var(--sp-2);
        padding-bottom:var(--sp-6);
    }
    .gospel-title {
        font-size:1.45rem;
    }
    .gospel-body {
        font-size:14.5px;
        line-height:1.75;
        margin-bottom:44px;
    }
    .bstudy-gospel .text-area p,
    .gospel-body p.text {
        font-size:14.5px;
        line-height:1.75;
        margin-bottom:16px;
    }
    .bstudy-gospel .text-area .blue-box,
    .gospel-body .blue-box {
        padding:18px 16px;
        margin:24px 0;
    }
}

/* ── 성경 용어 (biblical) ──────────────────────────────────────────────────── */
/* ============================================================================
   성경 용어 설명 (Biblical Terms - biblical.php)
   ----------------------------------------------------------------------------
   · 타이틀 바 & 골드 바 악센트 (biblical_title_bar)
   · 프리미엄 아코디언 카드 피드 (biblical_terms_list)
   · 골드 서클 넘버 뱃지 & 부드러운 토글 셰브론
   ========================================================================== */

.biblical-page-wrap {
    padding-top:var(--sp-2);
    padding-bottom:var(--sp-8);
}

.biblical-container {
    max-width:860px;
    margin:0 auto;
}

/* 📜 1. 타이틀 바 */
.biblical-title-bar {
    margin-bottom:32px;
    padding-bottom:16px;
    border-bottom:1px solid var(--line);
}
.biblical-title-main {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:8px;
}
.biblical-title-main .title-bar-accent {
    width:4px;
    height:26px;
    border-radius:var(--r-pill);
    background:var(--gold);
    flex-shrink:0;
}
.biblical-title-main h1 {
    font-size:1.75rem;
    font-weight:700;
    color:var(--ink);
    margin:0;
    letter-spacing:-.03em;
    line-height:var(--lh-tight);
}
.biblical-title-bar .mini-title {
    margin:0;
    padding-left:16px;
    font-size:14.5px;
    color:var(--muted);
    font-weight:500;
    line-height:1.5;
}

/* 📖 2. 성경 용어 아코디언 카드 피드 */
.biblical-terms-list {
    list-style:none;
    padding:0;
    margin:0 0 40px;
    display:flex;
    flex-direction:column;
    gap:12px;
}
/* 카드도 손잡이도 ui.css 의 .accordion 이 그린다 — 사본을 걷었다.
   여기 있던 열림 표시는 «옅은 면» 하나뿐이라 목록이 길 때 어디가 열렸는지
   눈에 들어오지 않았다. 시스템의 세 겹(면 · 왼쪽 막대 · 아래 선)을 따른다.
   남긴 것은 이 화면만의 것 — 동그란 번호와 본문 상자다. */
.biblical-term-card .term-number {
    font-size:var(--fs-sm);
    font-weight:700;
    color:var(--gold-deep);
    background:var(--gold-soft);
    width:32px;
    height:32px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}
.biblical-term-card .accordion-body {
    background:var(--paper);
}
.biblical-content-box {
    padding:24px 28px 28px;
    box-sizing:border-box;
}
.biblical-content-box p.text {
    font-size:15.5px;
    line-height:1.85;
    color:var(--copy);
    margin:0;
    text-align:left;
}

/* 📱 성경 용어 반응형 미디어쿼리 */
@media (max-width:767px) {
    .biblical-page-wrap {
        padding-top:var(--sp-2);
        padding-bottom:var(--sp-6);
    }
    .biblical-title-main h1 {
        font-size:1.4rem;
    }
    .biblical-title-bar .mini-title {
        font-size:13.5px;
        padding-left:14px;
    }
    .biblical-term-card .accordion-head {
        padding:14px 16px;
        gap:10px;
    }
    .biblical-term-card .term-title {
        font-size:14.5px;
    }
    .biblical-content-box {
        padding:18px 16px 20px;
    }
    .biblical-content-box p.text {
        font-size:var(--fs-base);
        line-height:1.75;
    }
}