/* 이용약관·개인정보처리방침(/terms·/privacy) — 정본 LegalTerms.html·LegalPrivacy.html의 틀(탑바 · 시행일 · 조항 제목/본문 · 하단 한 줄)만
   옮기고 값은 토큰으로 바꿨다. 본문 문장은 운영 중인 문서 그대로(TICKET-498). */
.legal-pg { min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding: 0 var(--board-withdraw-pad-x) 24px; display: flex; flex-direction: column; gap: 18px; }
/* 맨 윗줄은 탑바 부품 — 줄이 화면 끝까지, 아래는 정본 행 -4 + 시행일 -8(TICKET-765, ADR-1071 B-4) */
.legal-pg > .back-row { margin: 0 calc(-1 * var(--board-withdraw-pad-x)) var(--board-legal-row-tuck); flex-shrink: 0; }
.legal-doc .legal-meta { font-size: 12px; line-height: normal; color: var(--board-text-faint); margin: 0; }
.legal-doc { display: flex; flex-direction: column; gap: 6px; }
.legal-doc h2 { font-size: 14px; font-weight: 800; margin: 12px 0 0; }
.legal-doc .legal-meta + h2 { margin-top: 12px; } /* 시행일→첫 조항 18 (6+12) */
.legal-doc .legal-meta + p { margin-top: 12px; } /* 시행일 아래 간격(방침 머리 문단) */
.legal-doc p, .legal-doc li { font-size: 13px; line-height: 1.7; color: var(--board-text-dim); word-break: keep-all; margin: 0; }
.legal-doc ol, .legal-doc ul { margin: 0; padding-left: 18px; }
.legal-doc table { width: 100%; border-collapse: collapse; font-size: 12px; margin: 4px 0; }
.legal-doc th, .legal-doc td { border: 1px solid var(--board-divider); padding: 8px; text-align: left; vertical-align: top; color: var(--board-text-dim); word-break: keep-all; }
.legal-doc th { color: var(--board-text-faint); font-weight: 800; }
/* 개정 안내 한 줄 — 보스 고르기 안내 줄과 같은 안내 색 */
.legal-pg .legal-notice { margin: 0; padding: var(--board-legal-notice-pad); border-radius: var(--board-radius-12); background: var(--board-accent-notice-bg); color: var(--board-accent-notice-text); font-size: 13px; line-height: 1.7; word-break: keep-all; }
.legal-pg .legal-notice a { color: var(--board-link); font-weight: 800; white-space: nowrap; }
.legal-pg .board-info-notice { padding: 24px 0 0; }
/* 처리 위탁·국외 이전 업체별 표(항목: 값 2열) — 390 폭에서 가로로 넘치지 않게 고정 레이아웃 */
.legal-doc table.legal-kv { table-layout: fixed; }
.legal-doc table.legal-kv caption { text-align: left; font-size: 13px; font-weight: 800; color: var(--board-text); padding: 6px 0 4px; }
.legal-doc table.legal-kv th { width: 34%; }
.legal-doc td, .legal-doc th { overflow-wrap: anywhere; }