/* 선교회 위키 — 반응형 (모바일 우선, 360px 에서 가로 스크롤 없음) */
:root{
  --wk-bg:#fff; --wk-fg:#212529; --wk-muted:#6c757d; --wk-line:#dfe3ea; --wk-soft:#f8f9fa;
  --wk-accent:#005599; --wk-accent-soft:#e6eef6; --wk-radius:8px; --wk-pill:800px;
  /* 알약 버튼 — 선교회 본 사이트 .btn.btn-sm.btn-alt-secondary.rounded-pill.py-1.px-3(book/manuscript.php 의 '복사'·'메일발송') 실측: 높이 29px·글자 .8rem/600 #1e2226·패딩 4px 16px·배경 #ebeef290·호버 #d4d6da (2026-10-16) */
  --wk-btn-soft:rgba(235,238,242,.565); --wk-btn-hover:#d4d6da; --wk-btn-h:29px; --wk-btn-fs:.8rem;
}
.wk-page,.wk-page *{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.wk-standalone{margin:0;background:var(--wk-bg)}
/* 위키 영역(.wk-page) 안에서만 쓰는 기본 글꼴·링크 색 — 선교회 틀 안(.wk-embed)에 들어가도 바깥 화면을 건드리지 않는다 */
.wk-page{color:var(--wk-fg);font:16px/1.75 "Noto Sans","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;word-break:keep-all;overflow-wrap:anywhere}
.wk-page a{color:var(--wk-accent);text-decoration:none}
.wk-page a:hover{text-decoration:underline}
.wk-page img{max-width:100%;height:auto}
.wk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wk-skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:10px 14px;z-index:100}
.wk-skip:focus{left:0}
.wk-muted{color:var(--wk-muted);font-size:1rem}

/* 헤더 */
.wk-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--wk-line)}
.wk-header-in{max-width:1280px;margin:0 auto;padding:8px 12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.wk-logo{font-weight:700;font-size:1.15rem;color:var(--wk-fg);min-height:44px;display:inline-flex;align-items:center;margin-right:auto}
.wk-logo:hover{text-decoration:none}
.wk-navbtn{display:none;min-height:var(--wk-btn-h);padding:0 16px;border:1px solid transparent;background:var(--wk-btn-soft);color:#1e2226;border-radius:var(--wk-pill);font:inherit;font-size:var(--wk-btn-fs);font-weight:600;line-height:1;cursor:pointer}
.wk-navbtn:hover{background:var(--wk-btn-hover)}
/* 검색창 — 선교회 본 사이트 common/assets/css/sub.css 의 .searcharea .search-box 와 같은 값: 2px 포인트색 테두리 알약(50px)·흰 바탕·안쪽 2px, 입력란 7px 15px·1rem·600·검정, 오른쪽 ×·돋보기는 포인트색 (높이 46px) */
.wk-search{position:relative;display:flex;align-items:center;flex:1 1 100%;order:3;min-width:0;padding:2px;border:2px solid var(--wk-accent);border-radius:50px;background:#fff;font-size:1rem;font-weight:600;color:#000}
.wk-search input[type=search]{flex:1 1 auto;min-width:60px;padding:7px 15px;margin-right:5px;border:0;border-radius:50px;background:transparent;font:inherit;line-height:1.5;color:#000;outline:0;-webkit-appearance:none;appearance:none}
.wk-search input[type=search]::-webkit-search-decoration,.wk-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.wk-search input[type=search]::placeholder{color:#6c757d;font-weight:400}
.wk-search:focus-within{box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.wk-search button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;align-self:stretch;min-width:38px;padding:0;border:0;background:none;color:var(--wk-accent);cursor:pointer;font:inherit}
.wk-search button:hover{opacity:.75}
.wk-search button svg{display:block;width:16px;height:16px;fill:currentColor}
.wk-search .wk-search-clear[hidden]{display:none}
.wk-search .wk-search-go{padding:0 15px 0 5px;min-width:44px}

/* 검색 자동완성·결과 */
.wk-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;margin:0;padding:6px 0;list-style:none;background:#fff;border:1px solid var(--wk-line);border-radius:16px;box-shadow:0 8px 24px rgba(16,24,40,.14);max-height:60vh;overflow:auto}
.wk-suggest[hidden]{display:none}
.wk-suggest li a{display:flex;align-items:center;min-height:44px;padding:0 14px;color:var(--wk-fg)}
.wk-suggest li a:hover,.wk-suggest li.is-active a{background:var(--wk-accent-soft);text-decoration:none}
.wk-results mark,.wk-listlink mark{background:#fff1a8;color:inherit;padding:0 1px;border-radius:2px}
.wk-resultcount{margin:14px 0 6px;color:#475467}
.wk-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:20px 0 0}
.wk-pg{display:inline-flex;align-items:center;justify-content:center;min-width:var(--wk-btn-h);min-height:var(--wk-btn-h);padding:0 10px;border:1px solid transparent;border-radius:var(--wk-pill);background:var(--wk-btn-soft)!important;font-size:var(--wk-btn-fs);font-weight:600;line-height:1;color:var(--wk-fg);background:#fff}
.wk-pg:hover{text-decoration:none;background:var(--wk-btn-hover)!important}
.wk-pg.is-current{background:var(--wk-accent)!important;border-color:var(--wk-accent);color:#fff;font-weight:700}
/* 본문 [[항목명]] 링크 */
.wk-body a.wk-wikilink{border-bottom:1px dotted var(--wk-accent)}
.wk-body a.wk-redlink{color:#c62828;border-bottom:1px dotted #c62828}

/* 3단 레이아웃 (모바일은 1단) */
.wk-wrap{max-width:1280px;margin:0 auto;padding:0 12px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"nav" "toc" "main";gap:0}
.wk-nav{grid-area:nav;display:none;padding:12px 0;border-bottom:1px solid var(--wk-line)}
.wk-nav.is-open{display:block}
.wk-toc{grid-area:toc;margin:12px 0 0;border:1px solid var(--wk-line);border-radius:12px;background:var(--wk-soft)}
.wk-main{grid-area:main;min-width:0;padding:8px 0 40px}
/* 좌측 분류 메뉴 — 선교회 자료공유 화면(common/ksm/leftMenu.php + style.css 의 .leftMenu)과 같은 모양.
   제목 'Contents'(18px·800, 아래 가는 선 + 64px 포인트색 선) · 그룹 제목 16px/500 gray-800(아래 간격 20px) ·
   하위 목록은 왼쪽 2px 회색 선 + 14px/500 gray-500 · 현재 위치는 선·글자가 --bs-secondary, 마우스를 올리면 글자 --bs-primary.
   색은 --bs-* 를 그대로 쓰고(공통 틀에서는 그 화면의 테마색) 없으면(단독 틀) 같은 값으로 대신한다. */
.wk-nav-title{position:relative;margin:0 0 40px;padding-bottom:19px;border-bottom:.5px solid var(--bs-gray-500,#adb5bd);font-size:18px;font-weight:800;line-height:1.25;letter-spacing:normal;color:#000}
.wk-nav-title::after{content:"";position:absolute;left:0;bottom:-.5px;width:64px;height:.5px;background:var(--bs-info,#13b5ea)}
.wk-nav-more{margin:0}
.wk-nav .wk-nav-more a{display:block;padding:10px 0;font-size:1rem;font-weight:500;line-height:20px;color:var(--bs-gray-800,#343a40)}
.wk-nav .wk-nav-more a:hover{color:var(--bs-primary,#005599);text-decoration:none}

/* 분류 트리 */
.wk-tree,.wk-tree ul{list-style:none;margin:0;padding:0}
.wk-tree ul{margin:0 0 10px}
.wk-tree ul ul{margin:0 0 0 12px}
.wk-cat>summary{list-style:none;cursor:pointer;display:flex;align-items:center}
.wk-cat>summary::-webkit-details-marker{display:none}
.wk-cat>summary::after{content:"";flex:0 0 auto;width:6px;height:6px;margin:0 8px 0 auto;border:solid var(--bs-gray-500,#adb5bd);border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
.wk-cat.wk-leaf>summary::after{display:none}
.wk-cat[open]>summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.wk-nav .wk-catlink{display:block;flex:0 1 auto;padding:10px 0;font-size:1rem;font-weight:500;line-height:20px;color:var(--bs-gray-800,#343a40)}
.wk-nav .wk-catlink:hover{color:var(--bs-primary,#005599);text-decoration:none}
.wk-nav .wk-catlink.is-active{color:var(--bs-secondary,#22b2e9)}
.wk-nav .wk-item{display:block;padding:5px 0 5px 10px;border-left:2px solid var(--bs-gray-200,#e9ecef);font-size:.875rem;font-weight:500;line-height:21px;color:var(--bs-gray-500,#adb5bd)}
.wk-nav .wk-item:hover{color:var(--bs-primary,#005599);text-decoration:none}
.wk-nav .wk-item.is-active{border-left-color:var(--bs-secondary,#22b2e9);color:var(--bs-secondary,#22b2e9)}
/* 하위 분류(분류 안의 분류)는 항목과 같은 선 모양에 글자만 진하게 */
.wk-tree ul .wk-catlink{padding:5px 0 5px 10px;border-left:2px solid var(--bs-gray-200,#e9ecef);font-size:.875rem;line-height:21px}
.wk-tree ul .wk-catlink.is-active{border-left-color:var(--bs-secondary,#22b2e9)}
.wk-tree ul .wk-cat>summary::after{margin-right:4px}

/* 항목 내 목차 */
.wk-toc summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:0 14px;font-weight:600}
.wk-toc ol{list-style:none;margin:0;padding:0 14px 12px}
.wk-toc li a{display:flex;align-items:center;min-height:36px;color:#344054}
.wk-toc li.lv3{padding-left:14px}
.wk-toc li.lv4{padding-left:28px}

/* 빵부스러기·제목 */
.wk-crumb{font-size:1rem;color:var(--wk-muted);padding:10px 0 0}
.wk-crumb a{color:var(--wk-muted)}
.wk-title,.wk-article-head h1{font-size:1.7rem;line-height:1.3;margin:10px 0 6px;font-weight:700;color:#000}
.wk-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;color:var(--wk-muted);font-size:1rem;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--wk-line)}
.wk-tools{margin-left:auto;display:inline-flex;gap:6px}
/* 알약 버튼 글자 세로 가운데 — button 과 a(편집 링크) 모두 flex 로 가운데 맞추고 line-height:1 로 잉크를 정중앙에(한글 대체 글꼴 때문에 1.6 줄높이에선 2px 위로 뜬다, 2026-10-16 픽셀 실측) */
.wk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--wk-btn-h);padding:0 16px;border:1px solid transparent;background:var(--wk-btn-soft);border-radius:var(--wk-pill);font:inherit;font-size:var(--wk-btn-fs);font-weight:600;line-height:1;color:#1e2226;cursor:pointer;text-decoration:none}
.wk-btn:hover{background:var(--wk-btn-hover);text-decoration:none}
.wk-page a.wk-btn,.wk-page a.wk-btn:hover{color:#1e2226;text-decoration:none}   /* 링크형 버튼(편집·새 항목 만들기)도 button 과 같은 글자색·밑줄 없음 — .wk-page a / a:hover 의 링크 규칙보다 우선 */
.wk-btn .wk-ico{flex:none;width:1em;height:1em;fill:currentColor;margin:0 4.5px 0 1.5px}   /* 공유 아이콘 — 설교 화면 fa-share 실측(글리프 왼쪽 18.6px·글자까지 4.9px·버튼 폭 75px)에 맞춤 */
body.wk-standalone .wk-btn .wk-ico{position:relative;top:-1px}   /* 단독 틀의 글자 보정(padding-top 2px)은 SVG 엔 필요 없어 그만큼 되돌림 */
/* 단독 틀(휴대폰)은 글꼴 스택(-apple-system)이 달라 12.8px 글자가 2.5px 위로 뜸 — padding-top 2px 로 보정하면 PC 공통 틀·본 사이트 버튼과 같은 ±0.5px (픽셀 실측 2026-10-16). 공통 틀에는 보정 없음 */
body.wk-standalone .wk-btn,body.wk-standalone .wk-navbtn,body.wk-standalone .wk-chips a,body.wk-standalone .wk-pg{padding-top:2px}
.wk-h2{font-size:1.2rem;margin:26px 0 10px}

/* 본문 */
.wk-body{font-size:1rem}
.wk-body h1,.wk-body h2,.wk-body h3,.wk-body h4{line-height:1.35;margin:1.6em 0 .6em;scroll-margin-top:72px}
.wk-body h2{font-size:1.4rem;padding-bottom:.25em;border-bottom:2px solid var(--wk-accent)}
.wk-body h3{font-size:1.2rem}
.wk-body h4{font-size:1.05rem}
.wk-body p{margin:.8em 0}
.wk-body ul,.wk-body ol{padding-left:1.5em}
.wk-body blockquote{margin:1em 0;padding:.4em 1em;border-left:4px solid var(--wk-accent);background:var(--wk-soft);border-radius:0 8px 8px 0;color:#344054}
.wk-body pre{background:#101828;color:#f2f4f7;padding:12px 14px;border-radius:var(--wk-radius);overflow-x:auto;max-width:100%}
.wk-body code{background:#f2f4f7;padding:.1em .35em;border-radius:4px;font-size:1em}
.wk-body pre code{background:none;padding:0}
.wk-body figure{margin:1em 0}
.wk-body figcaption{color:var(--wk-muted);font-size:1rem}
.wk-table-wrap{max-width:100%;overflow-x:auto;margin:1em 0;-webkit-overflow-scrolling:touch}
.wk-body table{border-collapse:collapse;min-width:100%}
.wk-body th,.wk-body td{border:1px solid var(--wk-line);padding:8px 10px;text-align:left;vertical-align:top;overflow-wrap:break-word;min-width:4.5em}
.wk-body th{background:var(--wk-soft);border-bottom:2px solid var(--wk-accent)}

/* 관련·이전/다음 */
.wk-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.wk-chips a{display:inline-flex;align-items:center;min-height:var(--wk-btn-h);padding:0 16px;border:1px solid transparent;border-radius:var(--wk-pill);background:var(--wk-btn-soft);color:#1e2226;font-size:var(--wk-btn-fs);font-weight:600;line-height:1}
.wk-chips a:hover{background:var(--wk-btn-hover);text-decoration:none}
.wk-chips small{margin-left:6px;color:var(--wk-muted);font-size:var(--wk-btn-fs)}
.wk-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
.wk-prevnext a{display:flex;flex-direction:column;gap:2px;min-height:44px;padding:12px 18px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:#fff;color:var(--wk-fg)}
.wk-prevnext a span{font-size:1rem;color:var(--wk-muted)}
.wk-next{text-align:right}

/* 목록·카드 */
.wk-list{list-style:none;margin:0;padding:0}
.wk-listitem{border-bottom:1px solid var(--wk-line)}
.wk-listlink{display:block;padding:12px 2px;min-height:44px;color:var(--wk-fg)}
.wk-listlink:hover{text-decoration:none;background:var(--wk-soft)}
.wk-listtitle{display:block;font-weight:600;color:#000}
.wk-listdesc{display:block;color:#475467;font-size:1rem}
.wk-listmeta{display:block;color:var(--wk-muted);font-size:1rem}
.wk-hero{padding:22px 0 6px}
.wk-hero h1{font-size:1.7rem;line-height:1.3;margin:0 0 8px;font-weight:700;color:#000}
.wk-hero h1 small{display:block;font-size:1rem;font-weight:400;color:var(--wk-muted);margin-top:4px}
.wk-hero p{margin:0;color:#475467}
.wk-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.wk-card{border:1px solid var(--wk-line);border-radius:var(--wk-radius);background:#fff;padding:4px 16px 12px;transition:box-shadow .15s,border-color .15s}
.wk-card:hover{border-color:var(--wk-accent);box-shadow:0 4px 14px rgba(0,85,153,.12)}
.wk-card-main{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-height:44px;padding-top:8px;color:var(--wk-fg)}
.wk-card-name{font-size:1.1rem;font-weight:700;color:#000}
.wk-card-count{font-size:1rem;color:var(--wk-muted)}

/* 숨김(관리자 전용) 분류 표시 — 관리자에게만 보인다 */
.wk-adminonly{display:inline-block;flex:0 0 auto;margin-left:8px;padding:0 8px;border:1px solid #d9a441;border-radius:999px;background:#fff7e6;color:#8a5a00;font-size:.75rem;font-weight:600;line-height:1.6;white-space:nowrap;vertical-align:middle}
.wk-adminnote{margin:4px 0 10px;color:#8a5a00;font-size:1rem}
.wk-adminnote .wk-adminonly{margin-left:0;margin-right:6px}
.wk-card-items{list-style:none;margin:0;padding:0}
.wk-card-items a{display:flex;align-items:center;min-height:36px;color:#344054;font-size:1rem}
.wk-more{margin:10px 0 0}
.wk-empty{padding:18px;border:1px solid var(--wk-line);border-radius:var(--wk-radius);color:var(--wk-muted);background:var(--wk-soft)}
.wk-error{padding:30px 0}
.wk-error-code{font-size:3rem;font-weight:800;color:#cdd3dc;margin:0;line-height:1}

.wk-footer{border-top:1px solid var(--wk-line);background:var(--wk-soft);color:var(--wk-muted);font-size:1rem}
.wk-footer-in{max-width:1280px;margin:0 auto;padding:16px 12px}
.wk-footer p{margin:0}

/* 태블릿 이상: 좌측 트리 상시 표시 */
@media (min-width:900px){
  .wk-header-in{padding:10px 20px}
  .wk-search{flex:0 1 380px;order:0}
  .wk-logo{margin-right:0;flex:1 1 auto}
  .wk-wrap{padding:0 20px;grid-template-columns:240px minmax(0,1fr);grid-template-areas:"nav main";gap:0 32px}
  .wk-wrap.has-toc{grid-template-areas:"nav toc" "nav main"}
  .wk-nav,.wk-nav.is-open{display:block;border-bottom:0;padding:18px 14px 30px 0;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 64px);overflow:auto}
  .wk-navbtn{display:none!important}
  .wk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wk-title,.wk-article-head h1,.wk-hero h1{font-size:2rem}
}
/* 와이드: 우측 항목 내 목차 */
@media (min-width:1180px){
  .wk-wrap.has-toc{grid-template-columns:240px minmax(0,1fr) 220px;grid-template-areas:"nav main toc"}
  .wk-toc{margin:18px 0 0;position:sticky;top:76px;align-self:start;max-height:calc(100vh - 90px);overflow:auto;background:#fff}
  .wk-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* 모바일: ☰ 버튼 노출 */
@media (max-width:899.98px){
  .wk-navbtn{display:inline-flex;align-items:center;gap:6px}
  /* 휴대폰 터치 — 좌측 메뉴 한 줄을 44px 로 (글자 크기·모양은 그대로) */
  .wk-nav-title{margin-bottom:20px}
  .wk-nav .wk-catlink,.wk-nav .wk-nav-more a{padding-top:12px;padding-bottom:12px}
  .wk-nav .wk-item,.wk-tree ul .wk-catlink{padding-top:11.5px;padding-bottom:11.5px}
  .wk-search{order:3}
  .wk-prevnext{grid-template-columns:1fr}
  .wk-next{text-align:left}
  .wk-tools{margin-left:0;width:100%}
}
@media print{
  .wk-header,.wk-nav,.wk-toc,.wk-footer,.wk-tools,.wk-prevnext{display:none!important}
  .wk-wrap{display:block}
}