/* eiso 기능별 사용 예시 — 출력물 미리보기(2026-10-16 요청 "기능별 사용법에 따라 출력된 출력물을 볼 수 있도록").
 * scripts/build-samples.mjs 가 kb-src/samples 원고를 쪽(sub02_30·31·36~40, ko·vn)에 그려 넣는다. 결과 칸의 글 모양은 kf.css #kf-body 와 같게. */
.kfs-jump{margin:0 0 18px 0; padding:12px 16px; background:#fff8e6; border:1px solid #f0d58a; border-radius:6px; font-size:14px; line-height:1.7; color:#5a4500;}
.kfs-jump a{font-weight:bold; color:#b35c00 !important;}
.kfs-lead{font-size:14px; line-height:1.8; color:#444; margin:0 0 12px 0;}
.kfs{margin:0 0 26px 0; border:1px solid #c9d3e3; border-radius:8px; background:#fff; box-shadow:0 2px 10px rgba(31,56,100,.08); overflow:hidden;}
.kfs-head{display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:12px 16px; background:#1f3864; color:#fff;}
#cont_ar .kfs-head, #cont_ar .kfs-head *{color:#fff !important;}
.kfs-head .fn{font-size:13px; padding:2px 8px; border:1px solid rgba(255,255,255,.5); border-radius:10px;}
.kfs-head b{font-size:15px;}
.kfs-head .co{font-size:14px; opacity:.9;}
.kfs-in{padding:10px 16px; background:#f4f7fb; border-bottom:1px solid #dfe5ee; font-size:13px; line-height:1.7; color:#334;}
.kfs-in table{border-collapse:collapse; width:100%;}
.kfs-in th{width:150px; text-align:left; vertical-align:top; padding:3px 8px 3px 0; color:#1f3864; font-weight:bold; white-space:nowrap;}
.kfs-in td{padding:3px 0; vertical-align:top;}
.kfs-in .cap{display:block; font-weight:bold; color:#1f3864; margin-bottom:4px;}
.kfs-paper{position:relative; max-height:820px; overflow:hidden; padding:6px 22px 10px 22px;}
.kfs-paper:after{content:''; position:absolute; left:0; right:0; bottom:0; height:90px; background:linear-gradient(rgba(255,255,255,0),#fff); pointer-events:none;}
.kfs-paper.is-open{max-height:none;}
.kfs-paper.is-open:after{display:none;}
.kfs-doc{font-size:14px; line-height:1.8; color:#222;}
.kfs-doc h2,.kfs-doc h3,.kfs-doc h4{color:#1f3864; margin:16px 0 6px 0;}
.kfs-doc h3{font-size:15px; padding-bottom:4px; border-bottom:1px solid #e3e8ef;}
.kfs-doc h4{font-size:14px;}
.kfs-doc p{margin:0 0 7px 0;}
.kfs-doc ul,.kfs-doc ol{margin:0 0 8px 0; padding-left:20px;}
.kfs-doc ul li{list-style:disc;} .kfs-doc ol li{list-style:decimal;}
.kfs-doc table{border-collapse:collapse; margin:6px 0 10px 0; width:100%;}
.kfs-doc th,.kfs-doc td{border:1px solid #d8dee6; padding:5px 7px; font-size:13px; vertical-align:top;}
.kfs-doc th{background:#f2f5f9;}
.kfs-doc blockquote{margin:0 0 8px 0; padding:4px 10px; border-left:3px solid #c9c3ec; background:#f8f7fd; color:#555; font-size:13px;}
/* PPT 예시 — "## PPT" 의 ### 마다 슬라이드 카드 */
.kfs-slides{display:flex; flex-wrap:wrap; gap:12px; margin:8px 0 14px 0;}
.kfs-slide{position:relative; width:calc(50% - 6px); box-sizing:border-box; border:1px solid #cfd8e6; border-radius:6px; background:#fff; overflow:hidden;}
.kfs-slide .bar{display:block; height:8px; background:#1f3864;}
.kfs-slide .n{position:absolute; right:8px; top:12px; font-size:12px; color:#8a97ad;}
.kfs-slide h4{margin:10px 34px 6px 14px !important; font-size:14px;}
.kfs-slide ul{margin:0 14px 8px 14px !important;}
.kfs-slide blockquote{margin:0 !important; border-left:0 !important; border-top:1px dashed #d6d1ef; font-size:12.5px;}
.kfs-slide.is-opt{border-style:dashed; border-color:#d9a640;}
.kfs-slide.is-opt .bar{background:#d9a640;}
.kfs-bar{padding:10px 16px 14px 16px; text-align:center; border-top:1px solid #eef1f5;}
.kfs-bar button{padding:8px 20px; margin:3px 4px; font-size:14px; font-weight:bold; cursor:pointer; border:1px solid #1f3864; background:#fff; color:#1f3864; border-radius:4px;}
.kfs-bar button.pri{background:#1f3864; color:#fff;}
.kfs-bar .st{display:block; margin-top:6px; font-size:13px; color:#6b7685; min-height:18px;}
.kfs-note{font-size:13px; line-height:1.7; color:#6b7685; margin:4px 0 0 0;}
/* 2026-10-18 휴대폰·태블릿 — 공용 모바일 규칙이 3칸 이상 표에 min-width:560px 을 주는데 미리보기 상자(overflow:hidden)가 잘라 버려서, 상자 안의 표는 그 자리에서 옆으로 밀게 한다. */
@media (max-width:900px){
	body.eiso-mobile .kfs-paper table{display:block; max-width:100%; min-width:0 !important; overflow-x:auto; -webkit-overflow-scrolling:touch;}
	body.eiso-mobile .kfs-paper pre{white-space:pre-wrap;}
}