/*
 * page.css — page.php (고정 페이지) 의 세로 리듬과 제목 두 갈래
 *
 * is_page() 일 때만 로드된다(inc/enqueue.php).
 * ★ 선택자는 page.php 가 붙이는 .c4-page 로 한정한다 — 전역 선택자로 쓰면 어느 화면에 닿는지 추적이 안 된다.
 *
 * 문의 폼 페이지도 page.php 를 쓰므로 이 CSS 가 함께 걸리는 것이 정상이다(7단계는 전용 템플릿을 만들지 않는다).
 * 약관 2종도 이 템플릿을 쓴다.
 */

/* 상단 여백은 전 화면 공통(--c4-page-top), 하단은 화면별 토큰을 쓴다.
   하단 여백은 본문 끝에서 푸터 배경이 시작되는 지점까지의 거리이며,
   푸터 안쪽 상단 패딩은 별개라 여기에 합산되지 않는다. */
.c4-page {
	padding-top: var(--c4-page-top);
	padding-bottom: var(--c4-page-bottom-page);
}

/* ─────────────────────────────────────────────────────────
   제목 — 계열과 정렬이 함께 갈린다.
   판정은 page.php 가 옵션의 약관 페이지 ID 와 현재 페이지 ID 를 비교해
   래퍼에 붙이는 수식 클래스 하나로 끝낸다. 정렬만 따로 판정하지 말 것.
   ───────────────────────────────────────────────────────── */

.c4-page__title {
	color: var(--c4-color-text);
	font-weight: var(--c4-fw-bold);
}

/* 일반 고정 페이지 — 페이지 제목 계열 · 가운데 정렬 */
.c4-page--default .c4-page__title {
	font-size: var(--c4-fz-page-title);
	line-height: var(--c4-lh-page-title);
	text-align: center;
}

/* 약관 2종 — 상세 글 제목 계열 · 좌측 정렬 (시안 실측) */
.c4-page--terms .c4-page__title {
	font-size: var(--c4-fz-single-title);
	line-height: var(--c4-lh-single-title);
	text-align: left;
}

/* ─────────────────────────────────────────────────────────
   본문
   ───────────────────────────────────────────────────────── */

/* 제목 → 본문 간격. 고정 페이지·약관·상세가 같은 값을 쓴다.
   세로로 쌓는 묶음은 flex column 으로 둔다 — 블록 안에 인라인 텍스트를 늘어놓으면
   부모의 line-height 가 만든 strut 때문에 실측 간격이 몇 px 커진다. */
.c4-page__inner {
	display: flex;
	flex-direction: column;
	gap: var(--c4-title-gap);
}

/* 아티클 본문 타이포(.c4-entry-content)는 4단계에서 만들어진다.
   여기서는 클래스만 붙여 두면 그때 자동으로 적용된다 — 본문 스타일을 여기서 새로 만들지 말 것. */