/* Church Wiki — 나무위키 풍의 밀도 있는 백과 스타일. 2026-10-22 Lighthouse: 화면 묶음(레인)별 규칙은 cw/wiki-{church,docs,bible,bible-read,bible-media,home}.css 로 떼어 내고 src/lib/legacy/css-lanes.ts 가 경로에 따라 끼운다 */
:root{--g:#00a495;--g-d:#008c7f;--g-l:#e6f6f4;--ink:#222;--mute:#777;--line:#dcdcdc;--bg:#fff;--soft:#f7f7f7;--link:#0275d8;--vis:#0275d8;--max:1180px;--card:#fff;--ink2:#444;--chip:#eee;--chip2:#ddd;--t-teal:#f6fbfa;--t-red:#fdecea;--t-purple:#f4f0fd;--t-yellow:#fdf6ea;--t-green:#e3f6e8;--mark:#fff2a8;--err:#b3261e;--ok:#1b7a3a;--link2:#3d6e8f}
/* 어두운 화면(화면 설정에서 고름). 지도와 지도 위 표식은 밝은 채로 둔다 */
html[data-theme=dark]{color-scheme:dark;--g:#00917f;--g-d:#4fd3c4;--g-l:#16322f;--ink:#e3e6e8;--ink2:#c6cbd0;--mute:#98a1a8;--line:#39424a;--bg:#13171a;--soft:#232a30;--card:#1b2126;--link:#74b7f5;--vis:#74b7f5;--chip:#2d363d;--chip2:#3a444c;--t-teal:#162a2b;--t-red:#3b2222;--t-purple:#2a2540;--t-yellow:#3a3019;--t-green:#1d3325;--mark:#6a5a00;--err:#ff8f85;--ok:#7dd893;--link2:#93bbd8}
html[data-theme=dark] img{filter:brightness(.92)}html[data-theme=dark] .map img,html[data-theme=dark] .bigmap img{filter:none}
html[data-theme=dark] .btn{color:#fff}html[data-theme=dark] .btn:hover{background:#00a495}html[data-theme=dark] .btn--ghost{background:var(--card);color:var(--g-d);border-color:var(--g-d)}html[data-theme=dark] .btn--soft{background:var(--chip);color:var(--ink)}
html[data-theme=dark] .nav__logo{background:#fff;color:#00917f}html[data-theme=dark] .nav__search,html[data-theme=dark] .nav__search button{background:#fff}html[data-theme=dark] .nav__search input{background:#fff;color:#222}
html[data-theme=dark] .chips li.on a,html[data-theme=dark] .pager .on,html[data-theme=dark] .tabs a.on{color:#fff}
html[data-fs='-1']{--fs:.9}html[data-fs='1']{--fs:1.15}html[data-fs='2']{--fs:1.3}html[data-fs='3']{--fs:1.5}
input,select,textarea{color:var(--ink)}.map,.bigmap{color:#222}
*{box-sizing:border-box}
html{font-size:calc(15px * var(--fs,1))}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",Segoe UI,Roboto,sans-serif;line-height:1.65;word-break:keep-all}
a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}
/* 2026-10-22 Lighthouse 접근성 "색상에 의존하여 링크를 구분": 본문 글 속 링크는 밑줄로도 구별 (단추·칩·메뉴는 제외) */
.doc p a:not(.btn),.doc li a:not(.btn),.doc dd a:not(.btn),.doc td a:not(.btn),.docbody a:not(.btn){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,currentColor 55%,transparent)}
img{max-width:100%}
code{background:var(--soft);border:1px solid var(--line);border-radius:3px;padding:0 4px;font-size:.9em}
.muted{color:var(--mute)}.small{font-size:.86em}.nowrap{white-space:nowrap}.num{text-align:right}
.wrap{max-width:var(--max);margin:0 auto;padding:16px}

/* 상단바 */
.nav{background:var(--g);color:#fff;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.nav__in{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:14px;padding:0 16px;height:48px}
.nav__brand{color:#fff;font-weight:700;font-size:1.1em;display:flex;align-items:center;gap:8px;white-space:nowrap}
.nav__brand:hover{text-decoration:none}
.nav__brand-en{font-weight:500;opacity:.85;font-size:.85em;margin-left:2px}
.hero__en{font-size:.55em;font-weight:600;color:var(--g);margin-left:6px;vertical-align:middle}
.nav__logo{display:inline-flex;width:26px;height:26px;border-radius:5px;background:var(--card);color:var(--g);font-weight:800;align-items:center;justify-content:center}
.nav__links{display:flex;gap:2px}
.nav__links a{color:#fff;padding:6px 10px;border-radius:4px;opacity:.92;white-space:nowrap}.nav__links a:hover{background:rgba(255,255,255,.15);text-decoration:none;opacity:1}
.nav__search{margin-left:auto;display:flex;background:var(--card);border-radius:4px;overflow:hidden;max-width:360px;flex:1}
.nav__search input{border:0;padding:6px 10px;flex:1;min-width:0;font-size:.95em;outline:none}
.nav__search button{border:0;background:var(--card);padding:0 10px;cursor:pointer}

/* 문서 */
.doc{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px 26px 28px;overflow:hidden}
.crumbs{font-size:.86em;color:var(--mute);margin-bottom:6px}.crumbs a{color:var(--mute)}
.doc__head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;border-bottom:2px solid var(--line);padding-bottom:6px;margin-bottom:8px}
.doc__title{font-size:2em;margin:0;font-weight:700;flex:1;line-height:1.25}
.doc__title small{font-size:.5em;font-weight:400}
.doc__tools{display:flex;gap:12px;align-items:center;font-size:.88em;padding-bottom:6px}
.doc__desc{color:var(--mute);margin:4px 0 14px}
.cats{font-size:.88em;background:var(--soft);border:1px solid var(--line);border-radius:4px;padding:5px 10px;margin:0 0 16px;color:var(--mute)}
.cats a,.cats span{margin-left:10px;color:var(--link)}.cats span{color:var(--ink)}

.infobox{float:right;width:300px;max-width:45%;margin:0 0 16px 24px;border:1px solid var(--line);background:var(--soft);font-size:.9em}
.infobox__title{background:var(--g);color:#fff;font-weight:700;text-align:center;padding:7px 10px}
.infobox__photo{display:block;background:var(--card)}
.infobox__credit{font-size:.78em;color:var(--mute);padding:3px 8px;background:var(--card);border-top:1px solid var(--line)}.infobox__photo img{display:block;width:100%;height:auto;max-height:240px;object-fit:cover}
.infobox table{width:100%;border-collapse:collapse}
.infobox th{background:var(--g-l);text-align:left;width:34%;padding:5px 8px;border-top:1px solid var(--line);font-weight:600;vertical-align:top}
.infobox td{padding:5px 8px;border-top:1px solid var(--line);vertical-align:top;word-break:break-all}

.toc{display:inline-block;border:1px solid var(--line);background:var(--soft);padding:8px 16px 8px 8px;margin:0 0 18px;font-size:.92em}
.toc__h{font-weight:700;text-align:center;margin-bottom:4px}
.toc ol{margin:0;padding-left:8px;list-style:none}.toc li{margin:2px 0}

.sec{clear:none;margin:22px 0}
.sec h2{font-size:1.45em;border-bottom:1px solid var(--line);padding-bottom:4px;margin:0 0 10px;font-weight:600;position:relative}
.sec h2 .sec__n{color:var(--g);margin-right:4px}
.sec h2 .sec__top{position:absolute;right:0;bottom:6px;font-size:.6em;color:var(--mute)}
.sec h3{font-size:1.15em;margin:16px 0 6px;border-bottom:1px dotted var(--line);padding-bottom:2px}
.lead{font-size:1.05em;background:var(--g-l);border-left:4px solid var(--g);padding:8px 12px;border-radius:0 4px 4px 0}
.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 12px;margin:8px 0}.kv dt{color:var(--mute)}.kv dd{margin:0}
.links a{margin-right:6px}
.cols{columns:2;column-gap:24px;padding-left:18px;margin:6px 0}.cols li{break-inside:avoid}
.empty{border:1px dashed var(--line);background:var(--soft);padding:14px 16px;border-radius:4px}.empty p{margin:4px 0}
.story h3{font-size:1.1em}.story blockquote{border-left:3px solid var(--g);margin:8px 0;padding:4px 12px;color:var(--ink2);background:var(--soft)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.gallery img{width:100%;height:96px;object-fit:cover;border:1px solid var(--line);border-radius:3px}
.btn{display:inline-block;background:var(--g);color:#fff;padding:7px 14px;border-radius:4px;font-weight:600;margin:2px 6px 2px 0}.btn:hover{background:var(--g-d);text-decoration:none}
.btn--ghost{background:var(--card);color:var(--g);border:1px solid var(--g)}.btn--ghost:hover{background:var(--g-l)}
.chip{display:inline-block;background:var(--g-l);color:var(--g-d);border-radius:3px;padding:0 6px;font-size:.85em;margin-right:4px}
.chip--src{background:var(--chip);color:var(--ink2)}
.bar{display:inline-block;width:70px;height:8px;background:var(--chip);border-radius:4px;overflow:hidden;vertical-align:middle}.bar i{display:block;height:100%;background:var(--g)}

/* 표 */
.tbl{width:100%;border-collapse:collapse;font-size:.93em;margin:8px 0}
.tbl th{background:var(--g-l);text-align:left;padding:6px 8px;border:1px solid var(--line);font-weight:600}
.tbl td{padding:5px 8px;border:1px solid var(--line);vertical-align:top}
.tbl tbody tr:hover{background:var(--soft)}
.tbl--narrow{width:auto;min-width:320px}
.doc-link{font-weight:600}

/* 칩 목록/색인 */
.chips{list-style:none;padding:0;margin:6px 0;display:flex;flex-wrap:wrap;gap:6px}
.chips a{display:inline-block;border:1px solid var(--line);border-radius:4px;padding:3px 9px;background:var(--card)}.chips a:hover{border-color:var(--g);text-decoration:none;background:var(--g-l)}
.chips small{color:var(--mute);margin-left:3px}
.chips--index a{min-width:38px;text-align:center}.chips li.on a{background:var(--g);color:#fff;border-color:var(--g)}
.chips--big a{padding:6px 12px;font-size:1.02em}
.chips--inline{margin-bottom:14px}
.pager{display:flex;gap:6px;align-items:center;margin:14px 0;flex-wrap:wrap}
.pager a,.pager .on{padding:4px 10px;border:1px solid var(--line);border-radius:4px}.pager .on{background:var(--g);color:#fff;border-color:var(--g)}

/* 변경 목록 */
.changes{list-style:none;padding:0;margin:0;font-size:.9em}
.changes li{padding:4px 0;border-bottom:1px dotted var(--line);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.changes__time{color:var(--mute);font-variant-numeric:tabular-nums;min-width:74px}
.changes__field{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.9em;background:var(--soft);padding:0 4px;border-radius:3px}
.changes__val{color:var(--ink2)}
.changes--compact li{gap:6px}
.plain{padding-left:18px;margin:4px 0}.plain li{margin:3px 0}

.foot{border-top:1px solid var(--line);margin-top:24px;color:var(--mute);font-size:.86em;padding-bottom:64px}
.foot a{text-decoration:underline;text-underline-offset:2px}   /* 2026-10-20 Lighthouse 접근성: 바닥글 링크가 색으로만 구별되던 것 */   /* 아래 여백: 떠 있는 설정 단추가 마지막 줄을 가리지 않게 */

@media (max-width:900px){
  .home__grid{grid-template-columns:1fr 1fr}.box--wide{grid-column:span 2}
  .nav__links{display:none}
}
@media (max-width:640px){
  html{font-size:calc(14px * var(--fs,1))}
  .wrap{padding:10px}.doc{padding:14px 14px 20px}
  .home__grid{grid-template-columns:1fr}.box--wide{grid-column:auto}
  .infobox{float:none;width:100%;max-width:none;margin:0 0 14px}
  .cols{columns:1}.kv{grid-template-columns:90px 1fr}
  .doc__title{font-size:1.6em}
  .tbl{display:block;overflow-x:auto}
}

.namu{border:1px solid var(--line);border-left:4px solid #00a495;background:var(--soft);padding:10px 14px;margin:14px 0;border-radius:4px}.namu__h{font-weight:700;margin-bottom:6px}.namu__h a{font-weight:400;font-size:.9em;margin-left:6px}.namu__body p{margin:6px 0}.namu__body h4{font-size:1em;margin:10px 0 4px}.namu__sec{margin:6px 0}.namu__sec-title{font-size:1.05em;margin:12px 0 4px}.namu__license{font-size:.8em;color:var(--mute);margin:8px 0 0}

.map{height:320px;border:1px solid var(--line);border-radius:4px;margin:10px 0;background:var(--soft)}@media (max-width:600px){.map{height:240px}}
/* 정보 수정 제안 양식 · 알림 상자 · 확인 상태 */
.notice{border:1px solid var(--line);border-left:4px solid var(--g);background:var(--g-l);padding:10px 14px;margin:14px 0;border-radius:4px}.notice p{margin:6px 0}.notice--err{border-left-color:#d9534f;background:var(--t-red)}
.chip--ok{background:var(--t-green);color:var(--ok)}.chip--warn{background:var(--t-red);color:var(--err)}
.form{max-width:640px;margin:16px 0}.form__row{display:block;margin:0 0 14px}.form__row>span{display:block;font-weight:600;margin-bottom:4px}
.form input[type=text],.form input[type=email],.form input[type=password],.form input[type=search],.form input[type=url],.form input[type=number],.form select,.form textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:4px;font:inherit;background:var(--card);color:var(--ink)}
.form textarea{resize:vertical}.form__row small{display:block;margin-top:4px}.form__choice{display:flex;flex-wrap:wrap;gap:6px 20px;padding:4px 0}.form__choice label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:500}.form__choice input{accent-color:var(--g)}.form__actions{display:flex;align-items:center;gap:12px}.form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
button.btn{border:0;cursor:pointer;font:inherit;font-weight:600}.btn--sm{padding:3px 9px;font-size:.9em}.btn--soft{background:var(--chip);color:var(--ink2)}.btn--soft:hover{background:var(--chip2)}
.suggest__now{max-width:640px}.suggest__now th{width:5.5em;text-align:left}
.tabs a{display:inline-block;padding:4px 12px;border:1px solid var(--line);border-radius:4px;margin-right:6px;background:var(--card)}.tabs a.on{background:var(--g);border-color:var(--g);color:#fff}
/* 검색 자동완성 · 내 주변 · 지도 */
.nav__ico{color:#fff;white-space:nowrap;opacity:.95;padding:6px 8px;border-radius:4px}.nav__ico:hover{background:rgba(255,255,255,.15);text-decoration:none}
.nav__search,.hero__search{overflow:visible;position:relative}
.nav__search input{border-radius:4px 0 0 4px}.nav__search button{border-radius:0 4px 4px 0}
.hero__search input{border-radius:4px 0 0 4px}
.ac{position:absolute;top:100%;left:0;right:0;z-index:30;list-style:none;margin:3px 0 0;padding:4px 0;background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,.16);text-align:left;max-height:70vh;overflow-y:auto;color:var(--ink)}
.nav__search .ac{min-width:280px;left:auto}
.ac a{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;padding:7px 12px;color:var(--ink);line-height:1.35}
.ac a:hover,.ac li.on a{background:var(--g-l);text-decoration:none}
.ac__name{font-weight:600;flex:1;min-width:0}.ac__name b{color:var(--g-d)}
.ac__km{color:var(--g-d);font-size:.86em;white-space:nowrap}
.ac__sub{flex-basis:100%;color:var(--mute);font-size:.86em}
.ac__more{border-top:1px solid var(--line)}.ac__more a{color:var(--link);font-size:.93em}
.hero__recent{margin:0 auto 14px;max-width:640px;font-size:.92em;line-height:1.8;color:var(--ink2)}.hero__recent a{color:inherit}.hero__recent a:hover{color:var(--g-d)}
.hero__find{margin:0 0 14px}.hero__findmsg{display:block;min-height:1em;margin-top:4px}
.linkbtn{border:0;background:none;padding:0;color:var(--link);cursor:pointer;font:inherit}.linkbtn:hover{text-decoration:underline}
.placeform{display:flex;gap:6px;max-width:520px;margin:8px 0}
.placeform input{flex:1;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:4px;font:inherit}
.placeform .btn{margin:0;white-space:nowrap;border:0;cursor:pointer;font:inherit;font-weight:600}.placeform .btn--ghost{border:1px solid var(--g)}
.maptools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}.maptools .btn{margin:0}.maptools .placeform{flex:1;min-width:220px;margin:0}
@media (max-width:900px){.nav__ico span{display:none}.nav__ico{padding:6px 4px;font-size:1.15em}.nav__in{gap:8px}}
@media (max-width:640px){.nav__brand-en{display:none}.nav__search .ac{position:fixed;top:48px;left:8px;right:8px;min-width:0}.bigmap{height:62vh}.doc--map{padding:10px 8px 16px}}
.hero__search button{border-radius:0 3px 3px 0}

.docbody h2{font-size:1.4em;border-bottom:1px solid var(--line);padding-bottom:4px;margin:24px 0 10px;font-weight:600}
.docbody h3{font-size:1.15em;margin:18px 0 6px}.docbody h4{font-size:1.02em;margin:14px 0 4px}
.docbody p{margin:8px 0}.docbody ul,.docbody ol{padding-left:22px;margin:8px 0}.docbody li{margin:4px 0}
.docbody blockquote{border-left:3px solid var(--g);margin:8px 0;padding:4px 12px;color:var(--ink2);background:var(--soft)}
[hidden]{display:none!important}
/* 반응형 보정 (2026-10-04): 격자 칸이 내용 폭만큼 늘어나 가로 스크롤이 생기지 않게 */
.home__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.box{min-width:0;overflow-wrap:anywhere}
@media (max-width:900px){.home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.home__grid{grid-template-columns:minmax(0,1fr)}}
/* 첫 화면 '교회 지식': 분류 이름 | 문서 몇 개. 좁은 화면에서는 분류마다 한두 줄로 */
.kcat{display:grid;grid-template-columns:6.4em minmax(0,1fr);gap:0 10px;padding:3px 0;border-bottom:1px dotted var(--line);align-items:start}.kcat:last-of-type{border-bottom:0}
.kcat__h{font-weight:700;color:var(--g-d);white-space:nowrap;display:inline-block;padding:5px 0;line-height:1.4}
.kcat__list{display:flex;flex-wrap:wrap;gap:0 2px;min-width:0}.kcat__list a{overflow-wrap:anywhere;display:inline-block;padding:5px 6px;line-height:1.4;border-radius:6px}   /* 2026-10-20 Lighthouse 접근성: 링크 터치 영역 24px 이상 (전에는 글자 높이뿐, 간격 1px) */
/* 상단 메뉴: 좁은 화면에서도 첫 줄(이름·검색·로그인)과 둘째 줄(메뉴)이 화면 안에 들어오게 */
.nav__search{min-width:0}.nav__search input{width:100%}
@media (max-width:900px){
  .nav__brand{font-size:1.02em}
  .nav__search{flex:1 1 0;min-width:70px;max-width:none}
  .nav__user{flex:none}
  .nav__links{justify-content:space-between;margin:4px 0 0;padding:0 0 5px}
  .nav__links a{padding:5px 6px}
}
@media (max-width:640px){
  .nav__in{padding-left:10px;padding-right:10px;gap:8px}
  .nav__emo{display:none}
  .nav__links a{padding:5px 4px;font-size:.93em}
  .kcat{grid-template-columns:minmax(0,1fr);padding:6px 0}
  .kcat__list a:nth-child(n+5){display:none}
  .hero{padding:18px 12px 14px}.hero h1{font-size:1.8em}
  .hero__find .btn{margin:3px 2px}
  .box{padding:10px 12px}
  .changes li{gap:4px 8px}.changes__val{overflow-wrap:anywhere;min-width:0}
  .doc__tools{flex-wrap:wrap}
  .infobox--doc{float:none;width:100%;max-width:none;margin:0 0 14px}
  .placeform{flex-wrap:wrap}.placeform input{flex:1 1 180px}
  .talk__list li{gap:8px}.talk__av{width:30px;height:30px}
}
.home__grid{align-items:start}
/* 성경 구절 문서의 본문 상자 */
.verse{margin:6px 0 4px;padding:14px 18px;border-left:4px solid var(--g);background:var(--t-teal);border-radius:0 6px 6px 0;font-size:1.12em;line-height:1.8}
.verse p{margin:0 0 4px}.verse sup{color:var(--g-d);font-size:.65em;font-weight:700}
.verse footer{margin-top:8px;font-size:.78em;color:var(--mute)}
.verse__note{margin:0 0 12px}
.termlist--verse{columns:4 170px}
/* 메뉴 개편(2026-10-04): 교회찾기의 목록|지도 탭, 오늘의 교회 사진, 오늘의 지식 */
.tabs--find{display:flex;gap:6px;margin:0 0 12px}.tabs--find a{margin:0;flex:0 1 auto;text-align:center;padding:6px 14px;font-weight:600}
.cotd__photo{display:block;margin:0 0 8px}.cotd__photo img{display:block;width:100%;height:150px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.cotd__desc{margin:6px 0 0;color:var(--ink2);font-size:.93em}
.box__sub{margin:12px 0 2px;font-weight:700;font-size:.92em;color:var(--g-d);border-top:1px dotted var(--line);padding-top:8px}
@media (max-width:640px){.tabs--find a{flex:1}}
/* 본문 속 성경 구절 링크와 구절 본문 보기 */
.vref{border-bottom:1px dotted currentColor}.vref:hover{text-decoration:none;background:var(--g-l)}
.vref--plain{color:var(--link2)}
.chapter p{margin:3px 0;padding:2px 8px;line-height:1.75}.chapter p.on{background:var(--t-teal);border-left:3px solid var(--g);font-weight:600}.chapter sup{color:var(--g-d);font-size:.65em;font-weight:700}
.htag{color:var(--err);font-weight:700;font-size:.82em;white-space:nowrap}h1 .htag{font-size:.5em;vertical-align:middle}
/* 교회백과 목록: 성경 구절은 책별로 접어 둔다 */
.vbooks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px 10px;align-items:start}
.vbook{border:1px solid var(--line);border-radius:4px;background:var(--card)}.vbook[open]{grid-column:1/-1;background:var(--soft)}
.vbook summary{cursor:pointer;padding:4px 10px;font-weight:600;color:var(--link)}.vbook summary small{color:var(--mute);font-weight:400}
.vbook .termlist{padding:4px 12px 8px;columns:5 110px}
.chapnav{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}.chapter sup a{color:inherit}.hero__stats a{color:inherit;border-bottom:1px dotted currentColor}
/* 성경 검색 */
.placeform--wide{max-width:680px}
.vlist{list-style:none;margin:8px 0;padding:0;border-top:1px solid var(--line)}
.vlist li{padding:8px 4px;border-bottom:1px solid var(--line);line-height:1.7}
.vlist__ref{font-weight:700;margin-right:6px;white-space:nowrap}.vlist__in{margin-left:8px;white-space:nowrap}
mark{background:var(--mark);padding:0 1px;border-radius:2px}
.kbox--bible{border-left-color:var(--g);background:var(--t-teal)}.kbox--bible p{margin:3px 0}

/* 화면 설정(글자 크기·밝기): 오른쪽 아래에 떠 있는 단추와 설정 상자 */
.wset{position:fixed;right:14px;bottom:14px;z-index:40;font-size:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.wset__btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.25);cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center}
.wset__btn:hover{border-color:var(--g)}
.wset__panel{position:absolute;right:56px;bottom:0;width:min(250px,calc(100vw - 84px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.3);padding:12px 14px}
.wset__h{font-weight:700;margin:0 0 6px;font-size:13px;color:var(--mute)}.wset__h+.wset__row{margin-bottom:12px}
.wset__row{display:flex;gap:6px}
.wset__row button{flex:1;padding:7px 4px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}
.wset__row button.on{background:var(--g);border-color:var(--g);color:#fff;font-weight:700}
.wset__row button[data-fs='-1']{font-size:11px}.wset__row button[data-fs='1']{font-size:15px}.wset__row button[data-fs='2']{font-size:17px}
.wset__btn--share{background:var(--g);border-color:var(--g);color:#fff}.wset__btn--share:hover{filter:brightness(1.08)}
.wshare{display:flex;flex-wrap:wrap;gap:6px}.wshare button,.wshare a{flex:1 1 30%;padding:8px 6px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink);cursor:pointer;font:inherit;font-size:13px;text-align:center;text-decoration:none;white-space:nowrap}
.wshare button{flex-basis:100%}.wshare button:hover,.wshare a:hover{border-color:var(--g)}.wshare__msg{margin:8px 0 0;font-size:13px;color:var(--g-d)}
@media print{.wset{display:none}}
.gl{color:inherit;border-bottom:1px dotted var(--g)}.gl:hover{color:var(--link);text-decoration:none;background:var(--g-l)}

.doc--about{max-width:860px;margin:0 auto}.doc--about h3{font-size:1.08em;margin:20px 0 6px;color:var(--g-d)}.doc--about li{margin:5px 0}
.about__lead{margin:14px 0 6px;padding:16px 20px;border:1px solid var(--line);border-left:4px solid var(--g);border-radius:10px;background:var(--soft);font-size:1.08em;line-height:1.8}.about__lead p{margin:4px 0}
.story__go{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 14px}.story__go .btn{margin:0}
.foot__start{margin:0 0 8px;font-size:1.08em}.foot__start a{font-weight:700;color:var(--g-d)}
.has-bbar .foot{padding-bottom:60px}
.bhead .doc__title{flex:1 1 auto;margin:0}
.chapter .v__en{display:none;color:var(--ink2);font-size:.9em;line-height:1.6;margin-top:2px;font-family:Georgia,"Times New Roman",serif}
  .bhead .doc__title{font-size:1.5em}
@media print{.bbar,.vbar,.bpanel,.btools,.bhint,.sec--more,.nav,.foot,.chapnav{display:none!important}.doc{border:0}.chapter .v{cursor:auto}.chapter .v__en{display:none}.has-bbar .doc--bible{padding-bottom:0}}
.linkbtn{border:0;background:transparent;color:var(--mute);cursor:pointer;font:inherit;text-decoration:underline;padding:0}
.doc--bible.rt .doc__title,.doc--bible.rt h2,.doc--bible.rt h3{color:var(--rf)}
/* 자체 로그인·가입 화면 (2026-10-09) */
.doc--narrow{max-width:560px;margin:24px auto}.notice--ok{border-left-color:var(--ok);background:var(--t-green)}

/* 소셜 로그인 단추 (2026-10-09) */
.social{max-width:640px;margin:14px 0 4px}.btn--google,.btn--apple{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:11px 14px;font-size:1.05em;background:var(--card);color:var(--ink);border:1px solid var(--line);margin:0}.btn--google:hover{background:var(--chip);text-decoration:none}html[data-theme=dark] .btn--google{color:var(--ink)}.btn--apple{background:#000;color:#fff;border-color:#000;margin-top:8px}.btn--apple:hover{background:#222}html[data-theme=dark] .btn--apple{background:#fff;color:#000;border-color:#fff}html[data-theme=dark] .btn--apple:hover{background:#e6e6e6}
.social__or{display:flex;align-items:center;gap:10px;margin:14px 0 2px;color:var(--mute);font-size:.88em}.social__or:before,.social__or:after{content:'';flex:1;border-top:1px solid var(--line)}

/* 지역 찾기 개편 (2026-10-11): 권역별 카드·시·군·구 바로 가기·시 단위 묶음 */
.rg__head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:6px}.rg__head .doc__title{margin-bottom:4px}.rg__head .doc__desc{margin:0}
.rg__acts{display:flex;gap:8px;flex-wrap:wrap;padding-top:8px}.rg__acts .btn{margin:0;white-space:nowrap}
.rg__tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0 14px}.rg__filter{flex:1;min-width:200px;max-width:420px;box-sizing:border-box;padding:8px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:1em}.rg__filter:focus{border-color:var(--g);outline:none}
.rg__sort{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;font-size:.9em}.rg__sort a{padding:6px 12px;color:var(--ink2);background:var(--card)}.rg__sort a+a{border-left:1px solid var(--line)}.rg__sort a.on{background:var(--g);color:#fff}.rg__sort a:hover{text-decoration:none;background:var(--g-l)}.rg__sort a.on:hover{background:var(--g)}
.rg__sgg{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;align-items:start}
.sgc{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:10px 12px;box-sizing:border-box;min-width:0}.sgc--wide{grid-column:span 2}
.sgc--one{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;color:inherit}.sgc--one:hover{text-decoration:none;border-color:var(--g);background:var(--g-l)}.sgc--one .sgc__bar{grid-column:1/-1}
.sgc__name{font-weight:700;font-size:1.05em}.sgc__n{font-variant-numeric:tabular-nums;color:var(--ink2);font-size:.95em}.sgc__n small{color:var(--mute);margin-left:1px}
.sgc__bar{display:block;height:4px;border-radius:2px;background:var(--chip);overflow:hidden}.sgc__bar i{display:block;height:100%;background:var(--g)}
.sgc__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px dotted var(--line)}
.sgc__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.sgc__list a{display:inline-block;padding:3px 9px;border:1px solid var(--line);border-radius:14px;background:var(--soft);color:var(--ink);font-size:.92em}.sgc__list a:hover{border-color:var(--g);background:var(--g-l);text-decoration:none}.sgc__list small{color:var(--mute);margin-left:2px}
.sgc.hide,.sgc__list li.hide{display:none}
@media (max-width:600px){.rg__cards{grid-template-columns:minmax(0,1fr)}.rgc{padding:14px 16px 12px}.rgc__name{font-size:1.4em}.rg__sgg{grid-template-columns:1fr 1fr}.sgc--wide{grid-column:1/-1}.rg__acts{padding-top:0}.rg__acts .btn{padding:6px 10px;font-size:.92em}}
@media (max-width:600px){.rg__sgg--denom{grid-template-columns:minmax(0,1fr);gap:10px}.rg__sgg--denom .sgc{padding:14px 16px}.rg__sgg--denom .sgc--one{gap:8px 10px}.rg__sgg--denom .sgc__name{font-size:1.18em}.rg__sgg--denom .sgc__n{font-size:1.05em}.rg__sgg--denom .sgc__bar{height:6px;border-radius:3px}.rg__sgg--denom .sgc__head{margin-bottom:8px;padding-bottom:6px}.rg__sgg--denom .sgc__list a{padding:6px 12px;font-size:1em}}
.rg__note{margin:0 0 12px;font-size:.92em;color:var(--ink2)}.rg__note summary{cursor:pointer;color:var(--mute)}.rg__note p{margin:6px 0 0}
.sgc__short{font-weight:400;color:var(--mute);font-size:.82em;margin-left:4px}.sgc__flag{font-size:1.15em;margin-right:2px}
.sgc--heresy .sgc__basis{margin:4px 0 0;line-height:1.5}.sgc--heresy .sgc__name a{color:inherit}
.rg__sgg--denom .sgc--group{grid-column:span 2}@media (max-width:600px){.rg__sgg--denom .sgc--group{grid-column:1/-1}}
.sgc--one .sgc__name{min-width:0;overflow-wrap:anywhere}.sgc__head .sgc__name{min-width:0;overflow-wrap:anywhere}
.dnav{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:4px 0 12px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}.dnav__h{font-weight:700;white-space:nowrap}.dnav .chips{margin:0}
.dnav--index .chips--index a{min-width:0;padding:3px 8px}.chips li.on a small{color:rgba(255,255,255,.8)}
.rg__stats{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:6px}.rg__stats .sgc--one{grid-template-columns:1fr;gap:2px}.rg__stats .sgc__name{font-size:.88em;color:var(--mute);font-weight:400}.rg__stats .sgc__n{font-size:1.5em;font-weight:700;color:var(--ink)}
.sgc--new{grid-template-columns:1fr auto}.sgc--new .sgc__sub{grid-column:1/-1}
@media (max-width:600px){.rg__stats{grid-template-columns:1fr 1fr}.tbl--changes{font-size:.88em}}
.rg__head--find{margin-bottom:2px}
.docbody .gl,.infobox--doc .gl,.doc--story .gl{color:var(--link);border-bottom:0}.docbody .gl:hover,.infobox--doc .gl:hover,.doc--story .gl:hover{text-decoration:underline;background:none}   /* 백과 본문의 자동 링크는 일반 링크처럼 보이게 (2026-10-11) */
.rg__head--church{border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:6px}.rg__head--church .doc__desc .chip{margin-left:6px;vertical-align:middle}
.chips--cats{margin:0 0 16px}.chips--cats a,.chips--cats .chips__plain{display:inline-block;border:1px solid var(--line);border-radius:14px;padding:2px 10px;background:var(--soft);font-size:.9em;color:var(--ink2)}.chips--cats a:hover{border-color:var(--g);background:var(--g-l);text-decoration:none}
.dnav--toc{margin:0 0 18px}.dnav--toc .chips a{padding:3px 10px}
.rg__sgg--near{margin:8px 0 4px}.sec .rg__sgg--near .sgc{padding:8px 12px}
@media (max-width:600px){.rg__head--church .rg__acts{width:100%}.rg__head--church .rg__acts .btn{flex:1 1 auto;text-align:center;padding:7px 8px;font-size:.92em}.dnav--toc .chips a{padding:3px 8px;font-size:.92em}}
/* 교회백과 문서 머리 (2026-10-11) */
.doc--term .rg__head--church{margin-bottom:8px}.doc--term .chips--cats{margin-bottom:12px}.doc--term .lead{clear:none}
.list__h--rel{font-size:1.15em;margin-top:22px}.rg__sgg--rel{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:8px 0 6px}.sgc--rel{padding:8px 12px}.sgc--rel .sgc__name{font-size:1em}
@media (max-width:600px){.doc--term .rg__acts{width:100%}.doc--term .rg__acts .btn{flex:1 1 auto;text-align:center;padding:7px 8px;font-size:.92em}}
.rg__head--bible{border-bottom:2px solid var(--line);padding-bottom:8px;margin-bottom:8px}.rg__head--bible .doc__desc a{color:var(--ink2)}.rg__head--bible .doc__desc a:hover{color:var(--link)}
.rg__head--bible .btools{padding-top:8px}.rg__head--bible .btool{padding:6px 12px;font-size:.92em;border-color:var(--g);color:var(--g);background:var(--card)}.rg__head--bible .btool:hover{background:var(--g-l)}.rg__head--bible .btool--link{color:var(--g)}
.doc--bible .chips--cats{margin-bottom:10px}
@media (max-width:600px){.rg__head--bible .rg__acts{width:100%}.rg__head--bible .btools{padding-top:0}.rg__head--bible .btool{padding:5px 8px;font-size:.84em}.rg__head--bible .rg__acts .btn{flex:1 1 auto;text-align:center;padding:7px 8px;font-size:.92em}}
.doc--timeline .rg__stats{margin:10px 0 12px}.doc--timeline .tlnote{margin:0 0 12px}
.dnav--tl{margin-bottom:10px}.dnav--tl .tljump{margin:0;gap:6px}.dnav--tl .tljump a{padding:3px 10px;border-radius:14px}
.rg__sort.tlfilter{margin:0}.rg__sort.tlfilter button{padding:6px 12px;border:0;background:var(--card);color:var(--ink2);font:inherit;cursor:pointer;border-radius:0}.rg__sort.tlfilter button+button{border-left:1px solid var(--line)}.rg__sort.tlfilter button.on{background:var(--g);color:#fff}.rg__sort.tlfilter button:hover:not(.on){background:var(--g-l)}
.btn--quiz{background:linear-gradient(135deg,#2f6fed,#8e5bd9);color:#fff;border:0;font-weight:700;padding:6px 14px}.btn--quiz:hover{filter:brightness(1.08);background:linear-gradient(135deg,#2f6fed,#8e5bd9)}   /* 교회백과 → 성경백과 OX퀴즈 단추 (2026-10-11) */
/* 프로필의 OX퀴즈 주간 랭킹 배지 (2026-10-11) */
.quiz-awards{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.quiz-award{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}.quiz-award--1{border-color:#e0b500;background:linear-gradient(135deg,rgba(224,181,0,.18),transparent)}.quiz-award--2{border-color:#a8b0b8}.quiz-award--3{border-color:#c48a5a}.quiz-award__medal{font-size:1.2em}
.btool--sel{max-width:220px;padding:5px 6px;background:var(--card);color:inherit;font:inherit;border-radius:6px;border:1px solid var(--line)}
.chapter[dir=rtl] .v{text-align:right}.chapter[dir=rtl] .v__n{float:right;margin:0 0 0 6px}

.btn--rel{background:linear-gradient(135deg,#0f9d8a,#2a6fd6);color:#fff;border:0;font-weight:700;padding:6px 14px}.btn--rel:hover{filter:brightness(1.08);background:linear-gradient(135deg,#0f9d8a,#2a6fd6)}   /* 교회백과 → 성경 인물 관계도 단추 (2026-10-15) */


.chapter .v__en:not([lang=en]){font-family:inherit;font-size:.95em;color:var(--ink2)}   /* ?with= 대역이 한국어 등일 때 (2026-10-17) */
  .rg__sgg--denom{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:stretch}
  .rg__sgg--denom .sgc--group{grid-column:1/-1;order:0;padding:12px 16px}
  .rg__sgg--denom .sgc--group .sgc__head{margin-bottom:8px}
  .rg__sgg--denom .sgc--one{order:1;grid-template-rows:auto 1fr auto;align-content:space-between;padding:12px 14px;min-height:84px}
  .rg__sgg--denom .sgc--one .sgc__name{font-size:1em;line-height:1.35}
  .rg__sgg--denom .sgc--one .sgc__bar{align-self:end;margin-top:6px}
  .rg__sgg--denom .sgc--one:first-of-type,.rg__sgg--denom .sgc--group+.sgc--one{margin-top:0}
}
@media (min-width:601px) and (max-width:900px){.rg__sgg--denom{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 크로스 문서 View Transitions (2026-10-18, iOS 앱 메뉴 전환 때 새 문서가 그려지기 전 빈 프레임이 보이던 것 — iOS 세션 요청). 같은 출처 간 일반 이동에 이전 화면→새 화면 크로스페이드. 미지원 브라우저는 무시. 두 문서 모두에 있어야 하므로 notes.css 에도 같은 규칙. */
@view-transition { navigation: auto; }
::view-transition-old(root), ::view-transition-new(root) { animation-duration: .18s; }
.cw-header { view-transition-name: cw-header; }
@media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } }
/* 다크 모드 입력창 배경 검정 (2026-10-19, 사용자 지시 "textarea·input 배경을 회색이 아니라 검정으로") — 교회백과 검색·교회찾기·수정 제안 등 모든 글 입력란. 상단 머리의 반투명 검색창은 그대로, 체크·라디오·색·범위·단추는 제외. background-color 만 바꿔 select 의 화살표 그림은 남긴다 */
html[data-theme=dark] body :is(input:not([type=checkbox],[type=radio],[type=color],[type=range],[type=file],[type=submit],[type=button],[type=image],[type=reset]),textarea,select){background-color:#000;color:var(--ink)}
html[data-theme=dark] body :is(input,textarea)::placeholder{color:#7f8891}
html[data-theme=dark] body .nav__search input{background:#fff;color:#222}
html[data-theme=dark] body .cw-search--top input{background:transparent;color:#fff}
/* 아이콘과 입력란을 한 상자(label)에 담은 검색창(첫 화면 .cw-search, 무료성경 .bh-search)은 상자 전체를 검정으로, 안의 입력란은 투명하게 */
html[data-theme=dark] .cw-search label,html[data-theme=dark] .bh-search label{background:#000}
html[data-theme=dark] body .cw-search input,html[data-theme=dark] body .bh-search input{background:transparent}
html[data-theme=dark] body .cw-search--top input::placeholder{color:rgba(255,255,255,.75)}
/* 신고·차단·약관 동의 (2026-10-20, src/moderation.php) */
.rep{display:inline;margin-right:8px}.rep>summary{display:inline;cursor:pointer;color:var(--mute);list-style:none;font-size:.85em}.rep>summary::-webkit-details-marker{display:none}.rep>summary:hover,.rep[open]>summary{color:var(--link);text-decoration:underline}
.rep__form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0 8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--soft)}
.rep__form select,.rep__form input{font:inherit;font-size:.92em;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);min-height:36px}.rep__form input{flex:1;min-width:150px}.rep__form .btn{white-space:nowrap}
.rep--doc{display:block;margin:14px 0 4px}.rep--doc>summary{font-size:.92em}
.form__agree{display:flex;gap:10px;align-items:flex-start;margin:12px 0 4px;line-height:1.55}.form__agree input{margin-top:5px;accent-color:var(--g);flex:none;width:18px;height:18px}
.blocks{padding:0;margin:0;list-style:none}.blocks li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}.blocks li form{margin-left:auto}