/**
 * 관리자 편집 본문 (재사용 기반).
 *
 * 약관·안내 페이지처럼 관리자가 편집기로 쓰는 본문을 .uds-base-prose 안에서 꾸밉니다.
 * 블록 스타일(안내 상자·주석·왼쪽 칸 제목)은 inc/base/prose.php에서 등록합니다.
 * 값은 PC_09_Privacy(1920)·MO_09_Privacy(390) 원본에서 측정했습니다([측정]).
 *   본문 16/24, 큰 제목(h2) 18 굵게, 표 제목(h3) 16 굵게 회색, 표 14/21, 주석 12/18.
 *
 * @package udongsari
 */

.uds-base-prose {
	color: var(--color-text);
	font-size: var(--fs-md);
	line-height: 24px;
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.uds-base-prose > :first-child {
	margin-top: 0;
}

.uds-base-prose p,
.uds-base-prose ul,
.uds-base-prose ol {
	margin: 11px 0 0; /* [측정] */
}

.uds-base-prose ul,
.uds-base-prose ol {
	padding-left: 1.25em;
}

.uds-base-prose h2 {
	margin: var(--space-10) 0 0;
	color: var(--color-text-strong);
	font-size: var(--fs-lg);
	font-weight: var(--fw-bold);
	line-height: 24px;
}

.uds-base-prose h3 {
	margin: var(--space-6) 0 0;
	color: var(--color-text-muted);
	font-size: var(--fs-md);
	font-weight: var(--fw-bold);
	line-height: 24px;
}

.uds-base-prose h4 {
	margin: var(--space-4) 0 0;
	color: var(--color-text-strong);
	font-size: var(--fs-md);
	font-weight: var(--fw-bold);
}

.uds-base-prose a {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.uds-base-prose strong {
	color: var(--color-text-strong);
}

/* ---------- 안내 상자 ---------- */

.uds-base-prose .is-style-uds-box {
	margin: 0;
	padding: var(--space-5) var(--space-5) 18px; /* [측정] */
	background-color: var(--color-primary-soft);
}

/* 클래식 테마에서는 그룹 안에 내부 상자(.wp-block-group__inner-container)가 한 겹 더 생깁니다. */
.uds-base-prose .is-style-uds-box > :first-child,
.uds-base-prose .is-style-uds-box > .wp-block-group__inner-container > :first-child {
	margin-top: 0;
}

.uds-base-prose .is-style-uds-box h2,
.uds-base-prose .is-style-uds-box h3 {
	color: var(--color-text-strong);
	font-size: var(--fs-lg);
}

.uds-base-prose .is-style-uds-box p {
	margin-top: 11px;
}

/* ---------- 표 ---------- */

.uds-base-prose .wp-block-table {
	margin: 7px 0 0; /* [측정] 표 제목 아래 7 */
	overflow-x: auto;
}

.uds-base-prose .wp-block-table + h3 {
	margin-top: 18px; /* [측정] 표 다음 표 제목 */
}

.uds-base-prose table {
	width: 100%;
	border-collapse: collapse;
	border-top: 2px solid var(--color-text-subtle);
	font-size: var(--fs-sm);
	line-height: 21px;
}

.uds-base-prose th,
.uds-base-prose td {
	padding: 7px var(--space-2);
	border: 0;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
	vertical-align: top;
}

/* WordPress 기본 표 블록의 머리줄 아래 3px 진한 선(.wp-block-table thead, 글자색)을 없애고
   위 칸 아래선(1px --color-border)만 남깁니다 — 머리줄 있는 표도 줄 제목형 표와 같은 선. */
.uds-base-prose .wp-block-table thead {
	border-bottom: 0;
}

.uds-base-prose thead th {
	background-color: var(--color-surface-muted);
	color: var(--color-text-label);
	font-weight: var(--fw-semibold);
}

/* 왼쪽 칸 제목: 회색 바탕 줄 제목 칸 [측정 폭 88] */
.uds-base-prose .is-style-uds-row-header tbody th {
	width: 88px;
	background-color: var(--color-surface-muted);
	color: var(--color-text-label);
	font-weight: var(--fw-semibold);
	white-space: nowrap;
}

.uds-base-prose .wp-block-table figcaption {
	margin-top: var(--space-2);
	color: var(--color-text-label);
	font-size: var(--fs-xs);
}

/* ---------- 주석 ---------- */

.uds-base-prose .is-style-uds-note {
	margin-top: 13px; /* [측정] */
	color: var(--color-text-label);
	font-size: var(--fs-xs);
	line-height: 18px;
}

.uds-base-prose .is-style-uds-note + h2 {
	margin-top: 41px; /* [측정] */
}

/* ---------- 모바일 (1023px 이하) ---------- */

@media (max-width: 1023px) {
	/* 안내 상자: 화면 양 끝까지 [측정 MO_09: x0~389] */
	.uds-base-prose .is-style-uds-box {
		margin-right: calc(-1 * var(--space-5));
		margin-left: calc(-1 * var(--space-5));
		padding-top: var(--space-5);
	}

	.uds-base-prose .is-style-uds-box p {
		margin-top: 10px;
	}
}