/* 이용약관·개인정보처리방침 공용 스타일 — 리뉴얼 2B 시안(8-bit 딥네이비·골드 다크 테마) */
/* body 다크 배경/선택색은 공용 _Layout(css/dark.css)이 맡습니다. */
/* 읽는 문서라 장식을 줄이고 줄 길이와 여백만 챙깁니다 — 끝까지 읽히는 것이 목적입니다. */

.lg-doc { padding: 56px 0 72px; color: #c3cdec; font-family: 'Pretendard', system-ui, sans-serif; }
.lg-wrap { max-width: 820px; margin: 0 auto; padding: 0 24px; }

/* 머리말 — 아래 `.lg-doc p` 기본 여백보다 특이성이 높아야 하므로 `.lg-doc`로 스코프합니다. */
.lg-doc .lg-kind { margin: 0 0 16px; color: #f5c542; font-family: 'Press Start 2P', monospace; font-size: 10px; letter-spacing: 2.5px; }
.lg-title { margin: 0; color: #e8ecf7; font-size: 30px; font-weight: 800; letter-spacing: -0.5px; word-break: keep-all; }
.lg-doc .lg-updated { margin: 10px 0 0; color: #6f7ea8; font-family: monospace; font-size: 12.5px; }
.lg-doc .lg-foot { margin-top: 40px; padding-top: 18px; border-top: 1px solid #1b2a4e; }

.lg-doc .lg-lead { margin: 26px 0 0; font-size: 15.5px; line-height: 1.9; color: #8da0d6; word-break: keep-all; }
.lg-lead strong { color: #c3cdec; font-weight: 700; }

/* 번역본 안내 */
.lg-callout { margin: 24px 0 0; padding: 13px 16px; border: 1px solid #23306a; border-left: 3px solid #f5c542; border-radius: 8px; background: #111938; font-size: 13.5px; line-height: 1.75; color: #8da0d6; word-break: keep-all; }
.lg-callout a { color: #f5c542; text-decoration: none; }
.lg-callout a:hover { color: #ffe48f; }

/* 본문 */
.lg-doc h2 { margin: 44px 0 14px; padding-top: 20px; border-top: 1px solid #1b2a4e; color: #e8ecf7; font-size: 19px; font-weight: 800; letter-spacing: -0.3px; word-break: keep-all; }
.lg-doc h3 { margin: 26px 0 10px; color: #c3cdec; font-size: 15px; font-weight: 700; word-break: keep-all; }
.lg-doc p { margin: 0 0 14px; font-size: 14.5px; line-height: 1.9; word-break: keep-all; }
.lg-doc strong { color: #e8ecf7; font-weight: 700; }
.lg-doc code { padding: 1px 6px; border: 1px solid #23306a; border-radius: 4px; background: #0c1230; font-family: 'D2Coding', Consolas, monospace; font-size: 12.5px; color: #f5c542; }
.lg-doc a { color: #f5c542; text-decoration: none; border-bottom: 1px solid transparent; }
.lg-doc a:hover { border-bottom-color: #f5c542; }

.lg-doc ul, .lg-doc ol { margin: 0 0 16px; padding-left: 22px; }
.lg-doc li { margin: 8px 0; font-size: 14.5px; line-height: 1.85; word-break: keep-all; }
.lg-doc li > ul, .lg-doc li > ol { margin: 8px 0 0; }

.lg-note { color: #6f7ea8; font-size: 13px; }

/* 표 — 좁은 화면에서 가로로 넘치지 않게 감쌉니다. */
.lg-table { width: 100%; margin: 0 0 18px; border-collapse: collapse; display: block; overflow-x: auto; }
.lg-table thead th { background: #0c1230; color: #8da0d6; font-size: 12.5px; font-weight: 700; text-align: left; }
.lg-table th, .lg-table td { padding: 11px 13px; border: 1px solid #23306a; font-size: 13.5px; line-height: 1.75; vertical-align: top; word-break: keep-all; }
.lg-table th { color: #8da0d6; font-weight: 700; white-space: nowrap; }
.lg-table td { color: #c3cdec; }

/* 문서 사이 이동 */
.lg-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.lg-links a { padding: 12px 18px; border: 1px solid #2c3c7e; border-radius: 10px; color: #c3cdec; font-size: 14px; font-weight: 700; text-decoration: none; }
.lg-links a:hover { border-color: #8da0d6; color: #e8ecf7; }

@media (max-width: 640px) {
	.lg-doc { padding: 36px 0 52px; }
	.lg-title { font-size: 24px; }
	.lg-doc h2 { margin-top: 34px; font-size: 17px; }
}