.chw-gallery {
	background: var(--bg, #fff);
}
.chw-gallery__inner {
	max-width: var(--content-max, 1200px);
	margin: 0 auto;
	padding: 32px 0 48px;
}
.chw-gallery__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	margin-bottom: 28px;
}
/* Section 계열 헤딩(반폭 컬럼이라 32px로 축소 유지) — weight 600, tracking normal. */
.chw-gallery__heading {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	line-height: 1.15;
	color: var(--text, #372f2c);
	letter-spacing: normal;
}
.chw-gallery__more {
	/* 컴팩트 pill(디자인 시스템): 36px, 8/15 패딩, 14px/400. */
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	min-height: var(--btn-h-compact, 36px);
	padding: var(--btn-pad-compact, 8px 15px);
	background: var(--pill-bg, #cbb9bd);
	border-radius: var(--r-pill, 980px);
	color: #fff;
	font-size: var(--fs-small, 14px);
	/* body의 line-height 25px 상속 차단 — 컴팩트 pill 높이 36px 스펙 유지(codex 리뷰). */
	line-height: var(--lh-small, 18px);
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
}
.chw-gallery__more:hover,
.chw-gallery__more:focus-visible {
	background: var(--accent, #c18590);
}
.chw-gallery__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.chw-gallery__item {
	display: block;
	text-decoration: none;
}
.chw-gallery__thumb {
	display: block;
	width: 100%;
	aspect-ratio: 360 / 227;
	border-radius: var(--r-card, 18px);
	margin-bottom: 14px;
	background: var(--soft, #f3eeee);
	object-fit: cover;
}
.chw-gallery__tab {
	display: block;
	margin-bottom: 4px;
	color: var(--muted, #7d6f72);
	font-size: 12px;
	font-weight: 600;
	text-align: center;
}
.chw-gallery__cap {
	display: block;
	color: var(--text, #372f2c);
	font-size: 14px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.chw-gallery__empty {
	margin: 0;
	padding: 40px 28px;
	border: 1px solid var(--line, #e1e1e1);
	border-radius: var(--r-card, 18px);
	background: #fff;
	color: var(--muted, #7d6f72);
	font-size: 14px;
	text-align: center;
}

@media (max-width: 839px) {
	.chw-gallery__inner {
		padding: 24px 0 40px;
	}
	.chw-gallery__heading {
		font-size: 26px;
	}
	.chw-gallery__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}
}

@media (max-width: 599px) {
	.chw-gallery__inner {
		padding: 16px 0 32px;
	}
	.chw-gallery__head {
		flex-wrap: wrap;
	}
	.chw-gallery__heading {
		font-size: 22px;
	}
	.chw-gallery__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* 레퍼런스: 헤딩의 교회명 부분만 accent 색(흰 배경 AA 토큰). */
.chw-gallery__accent {
	font-style: normal;
	color: var(--accent-text, #976870);
}