/**
 * structure.css — knowledgeecology IA 를 옮기면서 필요해진 레이아웃 규칙만.
 *
 * custom.css 와 역할이 다르다:
 *   custom.css     구(舊) front-page 의 raw HTML 전용 스타일 (프론트페이지에서만 로드)
 *   structure.css  블록 템플릿 공통 레이아웃 (전 페이지 로드)
 *
 * 색·타이포는 theme.json 이 담당한다. 여기엔 블록으로 표현이 안 되는 것만 둔다.
 */

/* ── 본문 + 사이드바 2단 ─────────────────────────────────────────────
   WordPress 는 782px 미만에서 wp-block-columns 를 자동으로 세로 적층한다.
   데스크톱에서만 사이드바를 따라오게 만든다. */
@media (min-width: 782px) {
  .insanam-with-sidebar > .wp-block-column:last-child > .wp-block-template-part,
  .insanam-with-sidebar > .wp-block-column:last-child > div {
    position: sticky;
    top: 2rem;
  }
}

/* 사이드바 위젯 사이 간격 — blockGap 이 template-part 래퍼를 건너뛰는 경우 대비 */
.insanam-with-sidebar > .wp-block-column:last-child .wp-block-group + .wp-block-group {
  margin-top: var(--wp--preset--spacing--40);
}

/* ── 태그 클라우드를 알약 배지로 ──────────────────────────────────── */
.wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.wp-block-tag-cloud a {
  display: inline-block;
  padding: 4px 12px;
  border: 1px solid var(--wp--preset--color--peach, #F5C4D8);
  border-radius: 100px;
  background: var(--wp--preset--color--cream, #FFF7F9);
  color: var(--wp--preset--color--charcoal, #1A1018);
  font-size: 0.8rem !important; /* WP 가 인라인 font-size 를 태그별로 박아 넣는다 */
  line-height: 1.6;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.wp-block-tag-cloud a:hover {
  background: var(--wp--preset--color--peach, #F5C4D8);
  border-color: var(--wp--preset--color--brand, #E8006F);
}

/* ── 카드 호버 ──────────────────────────────────────────────────────
   포스트 카드·생성된 출력물 카드 공통. transform/box-shadow 만 건드린다.
   .insanam-card 는 build_insanam_grid.py 가 붙인다 — 3열 columns 를 grid 로
   바꾸면서 위치 기반 셀렉터(#projects .wp-block-column > *)가 못 쓰게 됐다. */
.wp-block-post-template > li > .wp-block-group,
.insanam-card {
  transition: transform 0.18s ease, box-shadow 0.22s ease, border-color 0.18s ease;
}

.wp-block-post-template > li > .wp-block-group:hover,
.insanam-card:hover {
  transform: translateY(-3px);
  border-color: var(--wp--preset--color--brand, #E8006F);
  box-shadow: 0 14px 34px -20px rgba(26, 16, 24, 0.35);
}

/* 카드 높이를 그리드 행에 맞춰 채운다 — 요약 길이가 달라도 아래가 안 어긋난다. */
.insanam-card {
  height: 100%;
}

/* ── 모션 접근성 ────────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .wp-block-post-template > li > .wp-block-group,
  .insanam-card {
    transition: none;
  }
  .wp-block-post-template > li > .wp-block-group:hover,
  .insanam-card:hover {
    transform: none;
  }
}

/* ── 리드 수집 페이지(/diagnosis/ · /diagnosis/done/ · /privacy/) 한글 조판 ──
   custom.css 의 body{word-break:keep-all} 은 홈에서만 로드된다. 그대로 두면
   "짚어드립니/다" 처럼 어절 중간이 끊긴다. 새 페이지에만 스코프해서 건다 —
   기존 페이지의 렌더는 건드리지 않는다.
   overflow-wrap 은 긴 URL 이 keep-all 때문에 컨테이너를 넘는 것을 막는다. */
.in-page {
	word-break: keep-all;
	overflow-wrap: break-word;
}