/* ===========================================================================
   정책 페이지 전용 스타일
   (공통 토큰 정렬: 폰트 상속, ink 계열 색, blockquote=골드)
   본문은 Toast 에디터 HTML을 그대로 렌더 — 태그 셀렉터는 반드시
   #policyContent / .policy-modal__body 스코프 안에만 둔다.
   =========================================================================== */
/* 문서형 페이지 — 타이틀·메타 중앙 정렬 (본문 중앙 컬럼과 통일) */
.page-body .section-title { justify-content: center; }
.policy-meta { margin-top: 1.8rem; font-size: 1.4rem; color: var(--ink-soft); text-align: center; }
.policy-wrap { max-width: 98rem; margin: 0 auto; padding: 4rem 0 12rem; line-height: 1.95; color: var(--ink-body); font-size: 1.7rem; }
.policy-loading, .policy-empty { text-align: center; padding: 8rem 0; color: #888; }

/* 본문 안 중복 제목(h2)은 상단 타이틀과 겹치므로 숨김 */
#policyContent h2 { display: none; }
#policyContent h3 { font-size: 2.4rem; font-weight: 700; color: #111; margin: 4.8rem 0 1.6rem; }
#policyContent h4 { font-size: 1.8rem; font-weight: 700; color: #222; margin: 2.4rem 0 .8rem; }
#policyContent p, #policyContent li { font-size: 1.7rem; }
#policyContent p { margin: 1.4rem 0; }
#policyContent li { margin: .8rem 0; }
/* 전역 reset(list-style:none) 복구 — 마커 표시 */
#policyContent ul { padding-left: 2.4rem; margin: 1.2rem 0 1.6rem; list-style: disc; }
#policyContent ol { padding-left: 2.4rem; margin: 1.2rem 0 1.6rem; list-style: decimal; }
#policyContent ul li { list-style: disc; }
#policyContent ol li { list-style: decimal; }
#policyContent table { width: 100%; border-collapse: collapse; margin: 1.6rem 0 2rem; font-size: 1.5rem; }
#policyContent table th,
#policyContent table td { border: 1px solid #ccc; padding: 1.2rem 1.4rem; text-align: left; vertical-align: top; }
#policyContent table th { background: #f3f4f6; font-weight: 700; }
#policyContent blockquote { border-left: 4px solid var(--color-gold); background: #faf6f0; padding: 1.4rem 2rem; margin: 1.6rem 0; }
#policyContent, .policy-modal__body { overflow-wrap: anywhere; }
.policy-table-scroll { width: 100%; margin: 1.6rem 0 2rem; overflow-x: auto; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }
#policyContent .policy-table-scroll table,
.policy-history .policy-table-scroll table,
.policy-modal__body .policy-table-scroll table { min-width: 64rem; margin: 0; }
.policy-table-scroll:focus-visible { outline: 2px solid var(--color-gold); outline-offset: 2px; }

/* 개정 이력 (tb_policy PUBLISHED/ARCHIVED) */
.policy-history { margin-top: 5.6rem; border-top: 2px solid #222; padding-top: 3.2rem; }
.policy-history h3 { font-size: 2.1rem; font-weight: 700; margin: 0 0 1.6rem; color: #111; }
.policy-history table { width: 100%; border-collapse: collapse; font-size: 1.45rem; }
.policy-history th, .policy-history td { border: 1px solid #ccc; padding: 1.2rem 1.4rem; text-align: left; vertical-align: top; }
.policy-history thead th { background: #f3f4f6; font-weight: 700; }
.policy-history tbody tr { cursor: pointer; }
.policy-history tbody tr:hover { background: #faf6f0; }

/* 문서형 모달 스타일은 공용 styles.css의 policy-modal 컴포넌트 사용 */