/* bsn-page-insights.css — 인사이트 목록·분류·날짜·작성자 아카이브 전용 규칙(원래 bsn-design-system.css 18절).
 * bsn-design-system.css 다음에 해당 화면에서만 로드(functions.php bsn_page_style_slugs()). */

/* ============================================================
 * 18. 인사이트 목록 — 머리 · 분류 바 · 대표 글+최신 5건 · 2열 행 목록 · 더 보기
 * ============================================================ */

.bsn-archive .bsn-archive__head{max-width:calc(var(--measure-shell) + 2 * var(--bsn-gutter));margin:0 auto;padding:96px var(--bsn-gutter) 0}
.bsn-archive__rule.bsn-rule{display:block;width:32px;height:2px;margin:0 0 28px;background:var(--bsn-ink)}
.bsn-archive .bsn-archive__title{max-width:900px;margin:0;font-size:clamp(34px,3.8vw,54px);font-weight:700;line-height:1.24;letter-spacing:-.042em;color:var(--bsn-ink)}
.bsn-archive .bsn-archive__head .bsn-breadcrumb{margin-bottom:24px}
.bsn-archive .bsn-archive__head .bsn-archive__lead{max-width:760px;margin:24px 0 0;font-size:18px;line-height:1.8;letter-spacing:-.015em;color:var(--bsn-text-secondary)}
.bsn-archive .bsn-archive__count{margin:16px 0 0;font-size:14px;color:var(--bsn-text-tertiary)}

.bsn-archive__bar{position:sticky;top:calc(var(--bsn-header-h) + 1px);z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;
  max-width:none;min-height:68px;margin-top:64px;padding:0 max(var(--bsn-gutter),calc((100% - var(--measure-shell)) / 2));border-bottom:1px solid var(--bsn-border);background:#fff}
.bsn-archive .bsn-archive__bar>.bsn-chips{position:static;display:flex;flex-wrap:wrap;gap:8px;max-width:none;margin:0;padding:0;border:0;background:none}
.bsn-archive__bar .bsn-chips a{display:inline-flex;align-items:center;gap:6px;height:40px;min-height:0;padding:0 16px 1px;border:1px solid var(--bsn-border-strong);border-radius:8px;background:#fff;
  font-size:14px;font-weight:500;color:var(--bsn-text)}
.bsn-archive__bar .bsn-chips a[aria-current]{border-color:var(--bsn-accent);background:var(--bsn-accent);color:#fff;font-weight:600}
.bsn-chips__count{font-weight:500;color:var(--bsn-text-tertiary);font-variant-numeric:tabular-nums}
.bsn-chips a[aria-current] .bsn-chips__count{color:#fff;opacity:.72}
.bsn-archive__search{position:relative;display:flex;align-items:center;flex:0 1 300px;height:42px;padding:0 14px 0 42px;border:1px solid var(--bsn-border-strong);border-radius:6px;background:#fff;
  font-size:14px;color:var(--bsn-text-muted)}
.bsn-archive__search .bsn-icon{position:absolute;inset-inline-start:14px;top:11px;width:18px;height:18px;color:var(--bsn-text-tertiary)}
.bsn-archive__search:hover{border-color:var(--bsn-ink)}
.bsn-archive__bar--search{justify-content:flex-end}
@media(min-width:1024px){
  /* PC 머리글은 고정되지 않으므로 분류 바를 화면 맨 위에 고정 */
  .bsn-archive__bar{top:0}
  /* 분류 버튼 없이 검색만 있으면 고정 바 대신 머리 오른쪽에 두고 소개 마지막 줄(18px×1.8)과 세로 중앙을 맞춤 */
  .bsn-archive .bsn-archive__head--search .bsn-archive__lead{max-width:min(760px,calc(100% - 348px))}
  .bsn-archive__bar--search{position:relative;z-index:1;min-height:0;max-width:calc(var(--measure-shell) + 2 * var(--bsn-gutter));margin:-37px auto 0;
    padding:0 var(--bsn-gutter);border:0;background:none;pointer-events:none}
  .bsn-archive__bar--search .bsn-archive__search{flex:0 0 300px;pointer-events:auto}
  /* 분류·글쓴이·날짜 목록은 마지막 줄이 글 수(14px)라 그 줄에 맞춤 */
  .bsn-archive__head--search:has(>.bsn-archive__count:last-child)+.bsn-archive__bar--search{margin-top:-34px}
  .bsn-archive__bar--search+.bsn-archive__list{padding-top:72px}
  /* 2페이지 이후처럼 대표 글 없이 행 목록으로 시작하면 머리와의 간격을 같게 유지 */
  .bsn-archive__bar--search+.bsn-archive__list>.bsn-archive__rows:first-child{margin-top:0}
}

.bsn-archive__list{padding-top:48px}
.bsn-postlist--archive{margin-top:0}
/* 대표 글·최신 5건도 아래 전체 글과 같은 6:6 두 열로 맞춤 */
.bsn-postlist--archive .bsn-postfeature{grid-column:1/span 6}
.bsn-postlist--archive .bsn-postlist__rows{grid-column:7/span 6}
.bsn-postlist--archive .bsn-postfeature__title{font-size:30px;line-height:1.42;letter-spacing:-.03em}
.bsn-postlist--archive .bsn-postfeature__excerpt{margin-top:14px;line-height:1.8;-webkit-line-clamp:3}
.bsn-postlist--archive .bsn-postrow__thumb{flex-basis:172px;width:172px}
.bsn-postlist--archive .bsn-postrow__title{font-size:16px}
.bsn-archive__rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin:56px 0 0;padding:0;border-top:1px solid var(--bsn-border);list-style:none}
.bsn-archive__rows.is-empty{display:none}
.bsn-archive__rows .bsn-postrow,.bsn-archive__rows .bsn-postrow:last-child{border-bottom:1px solid var(--bsn-border)}
.bsn-archive__rows .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:first-child .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:last-child .bsn-postrow__link{padding:24px 0}
.bsn-archive__rows .bsn-postrow__thumb{flex-basis:172px;width:172px}
.bsn-archive__rows .bsn-postrow__title{font-size:16px}
.bsn-postlist--archive+.bsn-archive__rows{margin-top:56px}
/* 목록 행 요약 — 태블릿·PC만 표시(모바일은 기존처럼 HTML에만 유지) */
.bsn-postrow__item{display:block}
.bsn-postrow__excerpt{display:-webkit-box;margin:6px 0 0;overflow:hidden;font-size:14px;line-height:1.7;color:var(--bsn-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.bsn-postlist--archive .bsn-postrow__excerpt{-webkit-line-clamp:1}
@media(max-width:639px){.bsn-postrow__excerpt{display:none}}
@media(min-width:640px) and (max-width:1023px){
  .bsn-archive__rows{grid-template-columns:minmax(0,1fr)}
  .bsn-archive__rows .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:first-child .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:last-child .bsn-postrow__link{padding:20px 0}
}
.bsn-archive .bsn-pagination{margin-top:48px}
.bsn-archive .bsn-insights-building0{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:32px;row-gap:20px;align-items:center;max-width:none;margin:96px 0 0;
  padding:32px 40px;border:0;border-radius:10px;background:var(--bsn-bg-subtle)}
.bsn-insights-building0>p{grid-column:1/span 8;margin:0;font-size:16px;line-height:1.75;color:var(--bsn-text-secondary);text-wrap:pretty}
.bsn-insights-building0>p a{font-weight:600;color:var(--bsn-ink)}
.bsn-insights-building0__cta.bsn-btn{grid-column:9/span 4;justify-self:end;height:48px;padding-inline:22px 20px;font-size:15px;font-weight:500}
.bsn-archive .bsn-band{margin-top:144px;padding-block:104px}


@media(min-width:640px) and (max-width:1023px){
  .bsn-postlist--archive{display:block}
  .bsn-postlist--archive .bsn-postlist__rows{margin-top:32px}
}
@media(max-width:1023px){
  .bsn-archive .bsn-archive__head{padding:44px var(--bsn-gutter) 0}
  .bsn-archive__rule.bsn-rule{width:24px;margin-bottom:20px}
  .bsn-archive .bsn-archive__title{font-size:28px;line-height:1.36;letter-spacing:-.038em}
  .bsn-archive .bsn-archive__head .bsn-archive__lead{margin-top:14px;font-size:15px;line-height:1.75}
  .bsn-archive__bar{flex-wrap:nowrap;gap:8px;min-height:0;margin-top:32px;padding:10px var(--bsn-gutter)}
  .bsn-archive .bsn-archive__bar>.bsn-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .bsn-archive__bar .bsn-chips a{flex:0 0 auto;height:36px;padding-inline:14px}
  .bsn-archive__search{flex:0 0 36px;width:36px;height:36px;margin-inline-start:auto;padding:0;justify-content:center;border-radius:8px}
  .bsn-archive__search .bsn-icon{position:static;color:var(--bsn-ink)}
  .bsn-archive__search span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  /* 분류 버튼이 없으면 검색을 전폭 입력창 모양으로 표시 */
  .bsn-archive__bar--search .bsn-archive__search{flex:1 1 auto;width:auto;height:40px;margin:0;padding:0 14px 0 42px;justify-content:flex-start;border-radius:6px;color:var(--bsn-text-muted)}
  .bsn-archive__bar--search .bsn-archive__search .bsn-icon{position:absolute;color:var(--bsn-text-tertiary)}
  .bsn-archive__bar--search .bsn-archive__search span{position:static;width:auto;height:auto;overflow:visible;clip:auto}
  .bsn-archive__list{padding-top:24px}
  .bsn-archive .bsn-band{margin-top:76px;padding-block:52px}
}
@media(max-width:639px){
  .bsn-postlist--archive{display:block}
  .bsn-postlist--archive .bsn-postfeature__title{margin-top:8px;font-size:20px;line-height:1.45;letter-spacing:-.026em}
  .bsn-postlist--archive .bsn-postfeature__excerpt{margin-top:8px;font-size:15px;line-height:1.7;-webkit-line-clamp:2}
  .bsn-postlist--archive .bsn-postfeature__more{display:none}
  .bsn-postlist--archive .bsn-postrow__thumb,.bsn-archive__rows .bsn-postrow__thumb{flex-basis:112px;width:112px}
  .bsn-postlist--archive .bsn-postrow__title,.bsn-archive__rows .bsn-postrow__title{font-size:15px}
  .bsn-archive__rows,.bsn-postlist--archive+.bsn-archive__rows{display:block;margin-top:0;border-top:0}
  .bsn-postlist--archive+.bsn-archive__rows .bsn-postrow:first-child{border-top:0}
  .bsn-archive__rows .bsn-postrow,.bsn-archive__rows .bsn-postrow:last-child{border-top:1px solid var(--bsn-border);border-bottom:0}
  .bsn-archive__rows .bsn-postrow:last-child{border-bottom:1px solid var(--bsn-border)}
  .bsn-archive__rows .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:first-child .bsn-postrow__link,.bsn-archive__rows .bsn-postrow:last-child .bsn-postrow__link{padding:16px 0}
  .bsn-archive .bsn-insights-building0{display:block;margin-top:40px;padding:20px}
  .bsn-insights-building0>p{font-size:14px;line-height:1.7}
  .bsn-insights-building0__cta.bsn-btn{display:flex;width:100%;margin-top:14px}
}