/* 네이버 웹문서형 시험(KSI_Blog) 전용 스타일. 켠 페이지에서만 불러옵니다(body.ksi-blog). 간격은 DESIGN-SPACING 토큰·스택 규칙을 따릅니다. */
body.ksi-blog .ksi-bhub{display:block}
body.ksi-blog .ksi-bhub>*+*{margin-top:var(--ksi-gap-block,16px)}
body.ksi-blog .ksi-bhub>.ksi-top--bloghub{margin-top:var(--ksi-space-3,12px)}
body.ksi-blog .ksi-bhub>.ksi-bcards{margin-top:var(--ksi-gap-block,16px)}
body.ksi-blog .ksi-bhub>.ksi-bupd,body.ksi-blog .ksi-bhub>.ksi-bmore{margin-top:var(--ksi-gap-section,40px)}
body.ksi-blog .ksi-top--bloghub .ksi-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 var(--ksi-space-3,12px)}
body.ksi-blog .ksi-top--bloghub .ksi-h1{text-wrap:balance;font-size:1.55rem;line-height:1.35}
@media (min-width:641px){body.ksi-blog .ksi-top--bloghub .ksi-h1{font-size:2rem}}
body.ksi-blog .ksi-top--bloghub .ksi-top-info{max-width:46em}
body.ksi-blog .ksi-nw{white-space:nowrap}

/* 카드 6개: 모바일 2열, 넓은 화면 3열. 1:1 썸네일 + 제목(h3) + 날짜 + 요약 + 더 읽기 */
.ksi-bcards{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.ksi-bcards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.ksi-bcard{margin:0}
.ksi-bcard-a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--line,#D0D5DD);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink,#1A2233);box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,box-shadow .15s}
.ksi-bcard-a:hover,.ksi-bcard-a:focus-visible{border-color:var(--navy,#0B2A5B);box-shadow:0 4px 12px rgba(11,42,91,.10);color:var(--ink,#1A2233)}
.ksi-bcard-th{display:block;aspect-ratio:1/1;background:var(--navy-50,#EEF3FB)}
.ksi-bcard-th picture,.ksi-bcard-th img{display:block;width:100%;height:100%;object-fit:cover}
.ksi-bcard-ph{display:block;width:100%;height:100%}
.ksi-bcard-b{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;flex:1;min-width:0}
.ksi-bcard-t{margin:0;font-size:1.02rem;line-height:1.4;color:var(--navy,#0B2A5B);font-weight:900;word-break:keep-all;text-wrap:balance}
.ksi-bcard-d{font-size:.9rem;line-height:1.4;color:var(--muted,#475467)}
.ksi-bcard-s{font-size:.95rem;line-height:1.55;color:var(--ink,#1A2233);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ksi-bcard-go{margin-top:auto;padding-top:4px;font-size:.95rem;font-weight:800;color:var(--navy,#0B2A5B)}
@media (min-width:900px){.ksi-bcard-t{font-size:1.1rem}.ksi-bcard-b{padding:14px 18px 18px}}
@media (max-width:640px){.ksi-bcard-t{font-size:.98rem}.ksi-bcard-s{font-size:.9rem;line-height:1.5}}

/* 태그(해시태그 칩, 사이트 안 링크) */
.ksi-btags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.ksi-btags a{display:inline-flex;align-items:center;min-height:44px;padding:4px 16px;border-radius:999px;background:var(--navy-50,#EEF3FB);border:1px solid var(--navy-100,#DCE6F5);color:var(--navy,#0B2A5B);font-weight:800;text-decoration:none;font-size:1rem}
.ksi-btags a:hover{background:var(--navy,#0B2A5B);color:#fff}

/* 안내 한 줄 */
.ksi-binfo{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted,#475467)}
.ksi-binfo a{display:inline-block}

/* 최신 업데이트: 날짜 + 제목 링크만 */
.ksi-bupd h2,.ksi-bmore h2{font-size:1.3rem;margin:0 0 var(--ksi-gap-head,12px)}
.ksi-bupd-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line,#D0D5DD)}
.ksi-bupd-list li{display:flex;gap:6px 14px;align-items:baseline;padding:10px 2px;border-bottom:1px solid var(--line,#D0D5DD);line-height:1.5}
.ksi-bupd-list time{flex:0 0 6.2em;font-size:.95rem;color:var(--muted,#475467);font-variant-numeric:tabular-nums}
.ksi-bupd-list a{min-width:0;font-weight:700}
@media (max-width:480px){.ksi-bupd-list li{flex-direction:column;gap:0}.ksi-bupd-list time{flex:none}}

/* 글: 맨 위 썸네일·본문 그림·마무리 문단 */
.ksi-bthumb{margin:0}
.ksi-bthumb img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:14px}
.ksi-bfig{margin:var(--ksi-gap-block,16px) 0 0}
.ksi-bfig img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line,#D0D5DD)}
.ksi-bclose{margin:var(--ksi-gap-section,40px) 0 0;font-weight:600}
.ksi-art-main .ksi-btags{margin-top:var(--ksi-gap-block,16px)}
.ksi-theme .ksi-art-main .ksi-qa+.ksi-btags{margin-top:var(--ksi-gap-block,16px)} /* 14차: FAQ 바로 뒤 해시태그가 붙어 보이던 간격(레이아웃 점검 gap) */
.ksi-bupd .ksi-more-row{margin-top:var(--ksi-gap-block,16px)}
/* 14차: 새 글 속 목록·출처 안내 */
.ksi-bul{margin:0 0 1em;padding-left:1.3em}.ksi-bul li+li{margin-top:var(--ksi-space-2,8px)}
.ksi-src-list--notes{flex-direction:column;flex-wrap:nowrap}
.ksi-src-note{display:block;font-size:15px;color:var(--muted,#475467)}

/* 15px 미만 글자 없음(레이아웃 점검 small): 카드 날짜·요약, 표 캡션 */
.ksi-bcard-d{font-size:15px}
@media (max-width:640px){.ksi-bcard-s{font-size:15px}}
body.ksi-theme .ksi-caption{font-size:15px}

/* 13차: 회사 글 묶음(KSI_Company) — 도입 상자·그림·각주. 간격은 DESIGN-SPACING 스택 규칙(.ksi-sec)을 따름 */
.ksi-co-intro>p{margin:0}
.ksi-co-intro>p+p{margin-top:var(--ksi-gap-block,16px)}
.ksi-co-intro p:not(.ksi-direct){font-size:1.05rem;line-height:1.7}
.ksi-sec--co .ksi-bfig{margin-top:var(--ksi-gap-block,16px)}
.ksi-co-nav .ksi-chips{margin:0}
.ksi-calc-form .ksi-calc-msg{margin-top:var(--ksi-space-3,12px)}