/*
Theme Name: NC 2025 Child
Theme URI: https://example.test/
Description: 쇼핑커넥트 제휴 콘텐츠 사이트용 Twenty Twenty-Five 차일드 테마. 읽기와 신뢰를 우선하는 레이아웃.
Author: naver-project
Template: twentytwentyfive
Version: 0.15.35
Requires at least: 6.6
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: nc-2025-child
*/

/* 근거: docs/decisions/002-design-system.md */

/* ---------------------------------------------------------------- 기본 */

body {
	word-break: keep-all;
	overflow-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}

:where(a):focus-visible,
:where(button):focus-visible {
	outline: 2px solid var( --wp--preset--color--accent );
	outline-offset: 2px;
	border-radius: 2px;
}

/* ------------------------------------------------------------ 글 머리 */

.nc-entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var( --wp--preset--spacing--30 );
	margin-block: var( --wp--preset--spacing--20 ) var( --wp--preset--spacing--40 );
	color: var( --wp--preset--color--muted );
	font-size: var( --wp--preset--font-size--small );
}

.nc-format-label,
.wp-block-post-terms.taxonomy-nc_format a {
	display: inline-block;
	padding: 2px 10px;
	border: 1px solid var( --wp--preset--color--border );
	border-radius: 999px;
	color: var( --wp--preset--color--muted );
	font-size: 0.875rem;
	line-height: 1.6;
	text-decoration: none;
}

.nc-format-label:hover,
.wp-block-post-terms.taxonomy-nc_format a:hover {
	border-color: var( --wp--preset--color--accent );
	color: var( --wp--preset--color--accent );
	text-decoration: none;
}

/* ------------------------------------------------------------ 본문 리듬 */

.entry-content > * + * {
	margin-block-start: var( --wp--preset--spacing--40 );
}

.entry-content > h2 + *,
.entry-content > h3 + * {
	margin-block-start: var( --wp--preset--spacing--30 );
}

.entry-content a[rel~="sponsored"] {
	text-underline-offset: 0.2em;
	text-decoration-thickness: 2px;
}

.entry-content img {
	border-radius: 8px;
}

/* ------------------------------------------------------------ 비교표 */

.wp-block-table.is-style-nc-compare {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.wp-block-table.is-style-nc-compare table {
	min-width: 520px;
	border-collapse: collapse;
}

.wp-block-table.is-style-nc-compare th,
.wp-block-table.is-style-nc-compare td {
	padding: 0.65rem 0.8rem;
	border: 1px solid var( --wp--preset--color--border );
	text-align: left;
	vertical-align: top;
}

.wp-block-table.is-style-nc-compare thead th {
	position: sticky;
	top: 0;
	background: var( --wp--preset--color--surface );
	font-size: 0.875rem;
}

/* 첫 열(상품명)은 가로 스크롤 중에도 붙잡아 둔다 */
.wp-block-table.is-style-nc-compare tbody th:first-child,
.wp-block-table.is-style-nc-compare tbody td:first-child {
	position: sticky;
	left: 0;
	background: var( --wp--preset--color--base );
	font-weight: 600;
}

/* ------------------------------------------------------------ 헤더 */

.wp-block-site-title a {
	text-decoration: none;
	font-weight: 700;
	letter-spacing: -0.02em;
}

/* ------------------------------------------------------------ 모션 */

@media ( prefers-reduced-motion: reduce ) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* ------------------------------------------------------ 본문 요소 (CG-01~03 공통) */
/* 근거: docs/outbox/2026-09-08-to-areu-body-components.md */

/* 데크 — 제목 아래 한 문단. 굵기는 원고의 strong 이 담당한다 */
.entry-content .nc-deck {
	font-size: 1.125rem;
	line-height: 1.7;
}

/* 자료 확인 방식 안내 — 광고 고지(nc-disclosure)와 별개다. 둘을 한 문장으로 합치지 않는다 */
.entry-content .nc-scope-note {
	padding-left: var( --wp--preset--spacing--30 );
	border-left: 3px solid var( --wp--preset--color--border );
	color: var( --wp--preset--color--muted-strong ); /* 아르 검수 2026-09-09: 옅은 회색에서 한 단계 */
	font-size: var( --wp--preset--font-size--small );
	line-height: 1.7;
}

/*
 * 먼저 갈피를 잡으면 — lead summary.
 * 카드처럼 보이지 않게 그림자·굵은 테두리·아이콘 없이 배경색만 약하게 구분한다 (아르 합의 2026-09-08).
 */
.entry-content .nc-lead-summary {
	padding: var( --wp--preset--spacing--40 );
	border-radius: 8px;
	background: var( --wp--preset--color--surface );
}

.entry-content .nc-lead-summary > h2 {
	margin-top: 0;
	font-size: 1rem;
	letter-spacing: 0.02em;
	color: var( --wp--preset--color--muted );
}

.entry-content .nc-lead-summary > * + * {
	margin-block-start: var( --wp--preset--spacing--30 );
}

/* FAQ — 기본 펼침. 접지 않는다. 질문은 h3 그대로 두어 목차·색인에 남긴다 */
.entry-content .nc-faq > h3 {
	margin-top: var( --wp--preset--spacing--50 );
	font-size: 1.0625rem;
}

.entry-content .nc-faq > h3 + p {
	margin-block-start: var( --wp--preset--spacing--20 );
}

/* 출처 목록 — 본문 인용 위치의 링크와 같은 주소를 글 끝에 한 번 더 모은다 */
.entry-content .nc-sources {
	padding-left: 1.4rem;
	color: var( --wp--preset--color--muted );
	font-size: var( --wp--preset--font-size--small );
	line-height: 1.7;
}

.entry-content .nc-sources li + li {
	margin-top: 0.25rem;
}

.entry-content .nc-sources__missing {
	color: var( --wp--preset--color--notice );
}

/* ------------------------------------------------ 본문 요소 2차 — 원고 표기 규칙 (결정 007) */

/* 계산식 — 면색 없이 식 한 줄. 인용문처럼 보이면 읽고 지나가므로 인용과 구분한다 */
.entry-content .nc-formula {
	padding: 0.25rem 0 0.25rem var( --wp--preset--spacing--30 );
	border-left: 3px solid var( --wp--preset--color--accent );
	font-weight: 600;
	overflow-x: auto;
}

/* 독자 입력 문장 — 빈칸이 입력 자리임을 보인다 */
.entry-content .nc-fill {
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	border: 1px dashed var( --wp--preset--color--border );
	border-radius: 8px;
}

.entry-content .nc-fill > p {
	margin: 0;
}

.entry-content .nc-fill > p + p {
	margin-top: var( --wp--preset--spacing--20 );
}

/* 판매자 문의 문안 — 복사해서 쓰는 글. 버튼은 nc-body.js 가 붙인다 */
.entry-content .nc-inquiry {
	position: relative;
	padding: var( --wp--preset--spacing--40 );
	border: 1px solid var( --wp--preset--color--border );
	border-radius: 8px;
	background: var( --wp--preset--color--base );
}

.entry-content .nc-inquiry > p {
	margin: 0;
}

.entry-content .nc-inquiry > p + p {
	margin-top: var( --wp--preset--spacing--30 );
}

.entry-content .nc-inquiry__copy {
	display: inline-block;
	margin-top: var( --wp--preset--spacing--30 );
	padding: 0.4rem 0.9rem;
	border: 1px solid var( --wp--preset--color--accent );
	border-radius: 6px;
	background: transparent;
	color: var( --wp--preset--color--accent );
	font: inherit;
	font-size: var( --wp--preset--font-size--small );
	font-weight: 600;
	cursor: pointer;
}

.entry-content .nc-inquiry__copy[data-done="1"] {
	border-color: var( --wp--preset--color--border );
	color: var( --wp--preset--color--muted );
}

/* 계산 예시(가정) — 공식 수치와 다른 정보임을 라벨로 보인다 */
.entry-content .nc-calc {
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	border-left: 3px solid var( --wp--preset--color--notice );
	background: var( --wp--preset--color--surface );
	border-radius: 0 8px 8px 0;
}

.entry-content .nc-calc::before {
	content: "계산 예시 · 가정";
	display: block;
	margin-bottom: var( --wp--preset--spacing--20 );
	color: var( --wp--preset--color--notice );
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.entry-content .nc-calc > * + * {
	margin-block-start: var( --wp--preset--spacing--30 );
}

.entry-content .nc-calc__ref {
	font-size: var( --wp--preset--font-size--small );
	color: var( --wp--preset--color--muted );
}

/* 워크시트 — 독자가 채우는 표. 빈 칸이 사고로 보이지 않게 밑줄을 둔다 */
.entry-content .nc-worksheet td:empty::after {
	content: "";
	display: block;
	height: 1.2em;
	border-bottom: 1px dashed var( --wp--preset--color--border );
}

.entry-content .nc-worksheet th:first-child,
.entry-content .nc-worksheet td:first-child {
	white-space: nowrap;
}

/* 4열 이상 워크시트는 좁은 폭에서 줄이지 않고 가로로 넘긴다 (아르 검수 2026-09-09). :has 미지원 브라우저는 지금처럼 줄어든다 */
.entry-content .nc-worksheet {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.entry-content .nc-worksheet:has( th:nth-child( 4 ) ) table {
	min-width: 560px;
}

/* 표 캡션 — 적용 모델·단위·조건. figure 안에 있어 표와 떨어지지 않는다 */
.entry-content .wp-block-table figcaption {
	margin-top: var( --wp--preset--spacing--20 );
	text-align: left;
}

/* 공식 자료 사례 — 상품카드·추천표와 다른 형식 */
.entry-content .nc-case {
	padding: var( --wp--preset--spacing--40 );
	border: 1px solid var( --wp--preset--color--border );
	border-radius: 8px;
}

.entry-content .nc-case::before {
	content: "공식 자료 사례";
	display: block;
	margin-bottom: var( --wp--preset--spacing--20 );
	color: var( --wp--preset--color--muted );
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.entry-content .nc-case > h3 {
	margin-top: 0;
}

/* 장 끝 행동 문장 */
.entry-content .nc-action {
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	background: var( --wp--preset--color--surface );
	border-radius: 8px;
	font-size: 1rem;
}

/* 관련 가이드 — 문서 ID 내부링크 */
.entry-content .nc-related {
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	border-top: 2px solid var( --wp--preset--color--contrast );
	font-weight: 600;
}

.entry-content .nc-related::before {
	content: "함께 읽기";
	display: block;
	margin-bottom: 0.2rem;
	color: var( --wp--preset--color--muted );
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

/* ---------------------------------------------- 글 공통 레이아웃 (세 편에서 뽑음, 결정 004·007) */

/* 글 머리 — 유형 · 제목 · 날짜. 작성자는 없다 */
.nc-entry-head {
	margin-bottom: var( --wp--preset--spacing--50 );
}

.nc-entry-head .wp-block-post-terms {
	margin-bottom: var( --wp--preset--spacing--30 );
}

.nc-entry-head .wp-block-post-title {
	margin: 0 0 var( --wp--preset--spacing--30 );
	text-wrap: balance;
}

.nc-dates {
	display: flex;
	flex-wrap: wrap;
	gap: var( --wp--preset--spacing--30 );
	margin: 0;
	color: var( --wp--preset--color--muted );
	font-size: var( --wp--preset--font-size--small );
}

.nc-dates__label {
	font-weight: 600;
}

/* 목차 — 도입부 다음, 첫 번호 장 앞. 접지 않는다. 장 제목이 이미 번호를 가지므로 목록 번호는 감춘다 */
.entry-content .nc-toc {
	margin-block: var( --wp--preset--spacing--50 );
	padding-block: var( --wp--preset--spacing--30 );
	border-top: 2px solid var( --wp--preset--color--contrast );
	border-bottom: 1px solid var( --wp--preset--color--border );
}

.entry-content .nc-toc__title {
	margin: 0 0 var( --wp--preset--spacing--20 );
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var( --wp--preset--color--muted );
}

.entry-content .nc-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.9375rem;
	line-height: 1.6;
}

.entry-content .nc-toc__list li + li {
	margin-top: 0.35rem;
}

.entry-content .nc-toc__list a {
	text-decoration: none;
	color: inherit;
}

.entry-content .nc-toc__list a:hover {
	text-decoration: underline;
	color: var( --wp--preset--color--accent );
}

/* 본문 안 앵커로 건너뛰었을 때 헤더에 가리지 않게 */
.entry-content h2[id],
.nc-evidence__item[id] {
	scroll-margin-top: var( --wp--preset--spacing--50 );
}

/* 글 끝 — 같은 유형의 다른 글 */
.wp-block-post-content + .nc-section {
	margin-top: var( --wp--preset--spacing--70 );
}

/* ------------------------------------------------ 정보구조 (결정 008) — 분야 GNB, 홈, 접근성 */

/* 본문 링크는 항상 밑줄 (45~64 독자 기준) */
.entry-content a:not(.nc-inquiry__copy) {
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

/* 터치 영역 44px — 헤더·푸터 링크 */
.nc-fields__link,
.nc-nav__link {
	min-height: 44px;
	box-sizing: border-box;
}

/* 분야 GNB — 1차 축. 한국어 이름만, 장식 없이 */
.nc-fields ul {
	display: flex;
	flex-wrap: wrap;
	gap: clamp( 0.5rem, 2vw, 1.5rem );
	margin: 0;
	padding: 0;
	list-style: none;
}

.nc-fields__link {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 0.25rem;
	color: inherit;
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
}

.nc-fields__link:hover .nc-fields__name,
.nc-fields__link.is-current .nc-fields__name {
	color: var( --wp--preset--color--accent );
}

.nc-fields__link.is-current {
	box-shadow: inset 0 -2px 0 0 var( --wp--preset--color--accent );
}

/* 글이 없는 분야는 편집자에게만 보이고 '준비 중'이 붙는다 */
.nc-fields__empty {
	margin-left: 0.35rem;
	color: var( --wp--preset--color--notice );
	font-size: 0.875rem;
	font-weight: 400;
}

/* 홈의 분야 진입 — 이름 + 한 줄 설명. 카드 장식 없이 규칙선으로만. 4개는 2×2, 좁으면 1열 (아르 검토) */
.nc-fields--entry ul {
	display: grid;
	grid-template-columns: repeat( 2, 1fr );
	gap: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--50 );
	margin-block: var( --wp--preset--spacing--50 );
}

@media ( max-width: 600px ) {
	.nc-fields--entry ul {
		grid-template-columns: 1fr;
	}
}

.nc-fields--entry .nc-fields__link {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	padding: var( --wp--preset--spacing--30 ) 0;
	border-top: 2px solid var( --wp--preset--color--contrast );
	font-size: 1.125rem;
	box-shadow: none;
}

.nc-fields--entry .nc-fields__desc {
	color: var( --wp--preset--color--muted );
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.6;
}

/* 브랜드 문구 — 히어로가 아니다. 대표 문구 + 설명 두 위계 (아르 검토) */
.nc-brandline {
	margin: 0 0 var( --wp--preset--spacing--40 );
}

.nc-brandline__lead {
	margin: 0 0 var( --wp--preset--spacing--20 );
	font-size: clamp( 1.25rem, 1rem + 1vw, 1.5rem );
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.nc-brandline__desc {
	max-width: 44ch;
	margin: 0;
	color: var( --wp--preset--color--muted );
	font-size: 1.0625rem;
	line-height: 1.7;
}

/* 표 글자 — 코어 전역 스타일이 `.wp-block-table > table` 에 fluid clamp 로 14px 까지 줄인다. 15px 고정 (결정 008) */
.entry-content .wp-block-table > table {
	font-size: 0.9375rem;
}

/* ---------------------------------------- 시각 요소 (결정 009 초안 — 1차 시안) */
/* 아이콘은 mask 로 붙여 글자색을 따른다. 항상 글자와 함께, 제목 장식 없음.
 * url() 은 선택자마다 직접 쓴다 — 커스텀 속성 안의 url() 은 문서 기준으로 풀려 테마 경로를 못 찾는다. */

.nc-fields__link[data-field]::before,
.nc-evidence__level::before,
.nc-verdict__cell::before,
.entry-content .nc-inquiry__copy::before,
.entry-content .nc-action::before {
	content: "";
	display: inline-block;
	width: 1.25em;
	height: 1.25em;
	margin-right: 0.35em;
	vertical-align: -0.28em;
	background-color: currentColor;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* 분야 4개 */
.nc-fields__link[data-field="dishwashing"]::before { -webkit-mask-image: url( "assets/icons/dishwasher.svg" ); mask-image: url( "assets/icons/dishwasher.svg" ); }
.nc-fields__link[data-field="cleaning"]::before    { -webkit-mask-image: url( "assets/icons/broom.svg" ); mask-image: url( "assets/icons/broom.svg" ); }
.nc-fields__link[data-field="air-care"]::before    { -webkit-mask-image: url( "assets/icons/air-purifier.svg" ); mask-image: url( "assets/icons/air-purifier.svg" ); }
.nc-fields__link[data-field="basics"]::before      { -webkit-mask-image: url( "assets/icons/tape-measure.svg" ); mask-image: url( "assets/icons/tape-measure.svg" ); }

.nc-fields__link[data-field]::before {
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.4em;
	vertical-align: -0.2em;
}

/* 홈 진입형에서는 아이콘을 이름 위에 조금 크게 */
.nc-fields--entry .nc-fields__link[data-field]::before {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	margin: 0 0 var( --wp--preset--spacing--20 );
	color: var( --wp--preset--color--muted );
}

/* 확인 수준 4종 — 글자와 함께 */
.nc-evidence__level--official::before { -webkit-mask-image: url( "assets/icons/document.svg" ); mask-image: url( "assets/icons/document.svg" ); }
.nc-evidence__level--public::before   { -webkit-mask-image: url( "assets/icons/government-building.svg" ); mask-image: url( "assets/icons/government-building.svg" ); }
.nc-evidence__level--verified::before { -webkit-mask-image: url( "assets/icons/eye.svg" ); mask-image: url( "assets/icons/eye.svg" ); }
.nc-evidence__level--calc::before     { -webkit-mask-image: url( "assets/icons/calculator.svg" ); mask-image: url( "assets/icons/calculator.svg" ); }

.nc-evidence__level::before {
	width: 1em;
	height: 1em;
	margin-right: 0.3em;
	vertical-align: -0.15em;
}

.nc-evidence__level--other::before {
	display: none;
}

/* 판단표 결과 3종 — 글자와 함께 */
.nc-verdict__cell--compare::before { -webkit-mask-image: url( "assets/icons/shopping-cart.svg" ); mask-image: url( "assets/icons/shopping-cart.svg" ); }
.nc-verdict__cell--check::before   { -webkit-mask-image: url( "assets/icons/bubble-question.svg" ); mask-image: url( "assets/icons/bubble-question.svg" ); }
.nc-verdict__cell--hold::before    { -webkit-mask-image: url( "assets/icons/hand-held-up-pause.svg" ); mask-image: url( "assets/icons/hand-held-up-pause.svg" ); }

.nc-verdict__cell::before {
	color: var( --wp--preset--color--accent );
}

.nc-verdict__cell--hold::before {
	color: var( --wp--preset--color--notice );
}

/* 복사 버튼 — 누르기 전 클립보드, 복사한 뒤 체크 */
.entry-content .nc-inquiry__copy::before { -webkit-mask-image: url( "assets/icons/clipboard-copy.svg" ); mask-image: url( "assets/icons/clipboard-copy.svg" ); }
.entry-content .nc-inquiry__copy[data-done="1"]::before { -webkit-mask-image: url( "assets/icons/check.svg" ); mask-image: url( "assets/icons/check.svg" ); }

.entry-content .nc-inquiry__copy::before {
	width: 1.1em;
	height: 1.1em;
	margin-right: 0.3em;
	vertical-align: -0.2em;
}

/* 장 끝 행동 문장(지금 적어둘 것) — 컴포넌트에 하나만, 반복 장식 없음 */
.entry-content .nc-action::before { -webkit-mask-image: url( "assets/icons/pencil-desk.svg" ); mask-image: url( "assets/icons/pencil-desk.svg" ); }

.entry-content .nc-action::before {
	width: 1.2em;
	height: 1.2em;
	margin-right: 0.4em;
	vertical-align: -0.25em;
	color: var( --wp--preset--color--muted );
}

/* ---- 갈피 (고정 허용 자리에만) ---- */

/* 홈 브랜드 소개 옆 한 번 — 글자 없는 메모를 든 포즈 (이름은 HTML 글자로) */
.nc-brandline {
	position: relative;
	padding-right: 8.5rem;
}

.nc-brandline::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6.5rem;
	height: 8rem;
	background: url( "assets/galpi/galpi-memo.png" ) right bottom / contain no-repeat;
}

.nc-brandline__galpi {
	margin: var( --wp--preset--spacing--20 ) 0 0;
	font-size: var( --wp--preset--font-size--small );
	color: var( --wp--preset--color--muted );
}

/* 홈 시안(결정 010 초안) — 브랜드 문장 두 줄, 갈피는 옆의 작은 동반 요소 */
.nc-brandline.nc-brandline--compact {
	padding-right: 5.5rem;
	padding-bottom: 0;
	margin-bottom: var( --wp--preset--spacing--50 );
}

.nc-brandline.nc-brandline--compact::after {
	width: 4rem;
	height: 5rem;
}

.nc-brandline--compact .nc-brandline__lead {
	max-width: none;
}

.nc-brandline--compact .nc-brandline__desc {
	max-width: 52ch;
}

.nc-home > * + * {
	margin-top: var( --wp--preset--spacing--60 );
}

@media ( max-width: 600px ) {
	/* 갈피는 브랜드 제목 옆, 설명은 본문 폭 전체 (아르 검수 2026-09-09) */
	.nc-brandline.nc-brandline--compact {
		padding-right: 0;
		padding-bottom: 0;
		margin-bottom: var( --wp--preset--spacing--40 );
	}

	.nc-brandline--compact .nc-brandline__lead {
		padding-right: 3.75rem;
	}

	.nc-brandline.nc-brandline--compact::after {
		top: -0.25rem;
		bottom: auto;
		width: 3rem;
		height: 3.75rem;
	}

	.nc-home > * + * {
		margin-top: var( --wp--preset--spacing--40 );
	}
}

/* 갈피 박스 — 앉아서 옆을 보는 포즈. 글자 뒤에서 작게 */
.entry-content .nc-lead-summary {
	position: relative;
	padding-right: 6.5rem;
}

.entry-content .nc-lead-summary::after {
	content: "";
	position: absolute;
	right: var( --wp--preset--spacing--30 );
	bottom: var( --wp--preset--spacing--30 );
	width: 4.5rem;
	height: 5.5rem;
	background: url( "assets/galpi/galpi-sit.png" ) right bottom / contain no-repeat;
	pointer-events: none;
}

/* 구매 보류 절 — 메모를 내려다보며 잠깐 확인하는 포즈 + 아르 문구 */
.entry-content .nc-galpi--hold {
	display: flex;
	align-items: flex-end;
	gap: var( --wp--preset--spacing--30 );
	margin: var( --wp--preset--spacing--30 ) 0 var( --wp--preset--spacing--40 );
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 );
	background: var( --wp--preset--color--surface );
	border-radius: 8px;
	font-size: 1rem;
	color: var( --wp--preset--color--muted );
}

.entry-content .nc-galpi--hold::before {
	content: "";
	flex: 0 0 3.3rem;
	height: 4.0rem;
	background: url( "assets/galpi/galpi-check.png" ) left bottom / contain no-repeat;
}

.entry-content .nc-galpi--hold p {
	margin: 0;
}

/* 빈 상태 · 404 — 선 너머로 고개를 내민 포즈. 윗선이 갈피가 기대는 선이다 */
.nc-galpi--empty {
	position: relative;
	margin: 4.75rem 0 var( --wp--preset--spacing--40 ); /* 위 여백 = 갈피 키(4rem) + 숨 */
	padding: var( --wp--preset--spacing--30 ) var( --wp--preset--spacing--40 ) var( --wp--preset--spacing--30 ) 7.5rem;
	border-top: 2px solid var( --wp--preset--color--contrast );
	font-size: 1rem;
	color: var( --wp--preset--color--muted );
}

.nc-galpi--empty::before {
	content: "";
	position: absolute;
	left: var( --wp--preset--spacing--40 );
	bottom: calc( 100% - 2px );
	width: 6rem;
	height: 4rem;
	background: url( "assets/galpi/galpi-peek.png" ) left bottom / contain no-repeat;
}

.nc-galpi--empty p {
	margin: 0;
}

.nc-galpi--empty .nc-galpi__more {
	margin-top: 0.4rem;
}

.nc-404 .wp-block-heading {
	margin-top: var( --wp--preset--spacing--40 );
}

/* 대표 이미지 캡션 — 연출 이미지 표기 */
.nc-featured-caption {
	margin: 0 0 var( --wp--preset--spacing--50 );
	color: var( --wp--preset--color--muted );
	font-size: var( --wp--preset--font-size--small );
}

@media ( max-width: 600px ) {
	/* Wide comparisons become labeled rows; all A/B values stay visible. */
	.entry-content .nc-table-cards { overflow: visible; }
	.entry-content .nc-table-cards table,
	.entry-content .nc-table-cards tbody { display: block; width: 100%; min-width: 0; }
	.entry-content .nc-table-cards thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
	.entry-content .nc-table-cards tbody tr { display: block; margin: 0 0 1rem; border: 1px solid var(--wp--preset--color--border); }
	.entry-content .nc-table-cards tbody td { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); gap: .75rem; position: static; padding: .6rem .75rem; border: 0; border-bottom: 1px solid var(--wp--preset--color--border); }
	.entry-content .nc-table-cards tbody td:last-child { border-bottom: 0; }
	.entry-content .nc-table-cards tbody td::before { content: attr(data-label); font-weight: 600; color: var(--wp--preset--color--muted); }
	.nc-featured-caption { font-size: 14px; color: #555b58; }
	.nc-brandline {
		padding-right: 0;
		padding-bottom: 6.5rem;
	}

	.entry-content .nc-lead-summary {
		padding-right: var( --wp--preset--spacing--40 );
		padding-bottom: 6rem;
	}
}