:root {
	--hero:#372f2c; --primary:#615557; --accent:#c18590;
	--text:#372f2c; --bg:#ffffff; --soft:#f3eeee; --muted:#7d6f72;
	--line:#e1e1e1; --pink-card:#c58a95; --pill-bg:#cbb9bd;
	/* WCAG AA(4.5:1) 텍스트 전용 accent 변형 — pill/border/large-text의 --accent/--pill-bg는
	   그대로 두고, 실패한 small-text 색상에만 좁게 적용한다(측정: WCAG 상대휘도 공식).
	   --accent-text: .chw-welcome__greeting(흰 배경) 2.91:1 → 4.64:1.
	   --accent-text-dark: GNB/드로어 hover·focus(어두운 --hero 배경) 4.37:1 → 4.66:1.
	   --pill-text: ch_sermon 예배시간표(어두운 카드, admin 교체사진 최악값 기준) 3.99:1 → 4.65:1.
	   --accent-text-strong: 소프트 밴드(.ch-band, ≈#f1eaea 실효 배경) 위 small-text용 —
	   --accent-text는 흰 배경 기준(4.64:1)이라 밴드 위에선 ≈4.0:1로 미달 → 5.7:1. */
	--accent-text:#976870; --accent-text-dark:#c48b96; --pill-text:#d9cccf;
	--accent-text-strong:#7d5058;
	--font:'Noto Sans KR', system-ui, -apple-system, sans-serif;
	/* 타입 스케일(DESIGN.md Apple 웹 실측 역할) — 세리프 디스플레이는 전면 폐기,
	   전 역할 산세리프(디스플레이 계열은 weight 600). 컬러 팔레트는 기존 유지. */
	--fs-hero:56px;    --lh-hero:60px;    --ls-hero:-0.28px;   /* Display Hero, 600 */
	--fs-section:40px; --lh-section:44px;                      /* Section, 600, tracking normal */
	--fs-tile:28px;    --lh-tile:32px;    --ls-tile:0.196px;   /* Tile Heading, 400 */
	/* Body: Apple 스펙은 17/25이나 사용자 가독 요청(2026-07-15)으로 18/27 상향.
	   컨트롤(버튼·검색·GNB)은 17px 스펙 리터럴로 고정되어 영향 없음. */
	--fs-body:18px;    --lh-body:27px;    --ls-body:-0.374px;  /* Body, 400 */
	--fs-small:14px;   --lh-small:18px;   --ls-small:-0.224px; /* Body Small, 400 */
	--fs-caption:12px; --lh-caption:16px; --ls-caption:-0.12px;/* Caption, 400 */
	/* 컨트롤 geometry(DESIGN.md) — pill 버튼 2단계(대형 44/컴팩트 36), 카드 18, 인풋류 8. */
	--r-pill:980px; --r-card:18px; --r-control:8px;
	--btn-h:44px;         --btn-pad:11px 21px;  /* 대형 CTA: 17px/400 */
	--btn-h-compact:36px; --btn-pad-compact:8px 15px; /* 컴팩트 CTA: 14px/400 */
	--content-max:1200px;
	--gutter: clamp(16px, 4vw, 40px);
	--bp-compact:600px; --bp-medium:840px;
}
*, *::before, *::after { box-sizing: border-box; }
/* full-bleed 위젯(calc(50%-50vw))이 클래식 스크롤바 환경(Windows)에서 vw>clientWidth로
   ~스크롤바폭 만큼 가로 오버플로하는 것을 차단. macOS 오버레이 스크롤바에선 무증상. */
html { overflow-x: clip; }
body {
	margin:0; font-family:var(--font); font-weight:400; color:var(--text); background:var(--bg);
	font-size:var(--fs-body); line-height:var(--lh-body); letter-spacing:var(--ls-body);
}
a { color:inherit; text-decoration:none; }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
/* 스티키 푸터: 콘텐츠가 비었거나 짧은 페이지(안내 스텁 등)에서 푸터가 배너 바로 아래로
   올라붙고 그 밑에 흰 공간이 남는 것을 방지 — 페이지를 뷰포트 높이만큼 채우고 main이
   남는 공간을 흡수해 푸터를 항상 하단에 고정한다. */
.ch-wrap { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.ch-wrap > .ch-main { flex: 1 0 auto; width: 100%; }
.ch-main { max-width:calc(var(--content-max) + 2 * var(--gutter)); margin:0 auto; padding-inline:var(--gutter); }