/*
 * 약관 · 개인정보 처리방침(12) — 붙박이 목차 + 요약 + 조문.
 * 본문 글 모양은 안내서의 `.doc-body`(manual.css)를 그대로 쓴다 — 긴 글의 서식을 두 벌 만들지 않는다.
 * 여기에는 이 두 쪽에만 있는 것(2단 배치 · 목차 · 요약 상자 · 시행일 줄)만 둔다.
 */
.lg-meta {
  margin-top: 14px;
  font-size: 13px;
  color: var(--ink-3, #64748b);
}

.lg-wrap {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 48px;
  align-items: start;
  padding-top: 8px;
  padding-bottom: 96px;
}

.lg-toc {
  position: sticky;
  top: 88px;
  font-size: 13px;
  line-height: 1.5;
}
.lg-toc b {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--ink-3, #64748b);
}
.lg-toc ol {
  margin: 0;
  padding-left: 18px;
}
.lg-toc li {
  margin: 0 0 8px;
}
.lg-toc a {
  color: var(--ink-2, #334155);
  text-decoration: none;
}
.lg-toc a:hover {
  color: var(--brand, #4f46e5);
  text-decoration: underline;
}

.lg-body {
  max-width: 760px;
}
/* 목차를 눌러 내려왔을 때 제목이 머리 줄 밑에 가려지지 않게. */
.lg-body h2 {
  scroll-margin-top: 88px;
}
.lg-body h3 {
  margin-top: 28px;
}
.lg-body ol ol {
  margin-top: 6px;
}

.lg-summary {
  margin-bottom: 32px;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}
.lg-summary b {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
}
.lg-summary ul {
  margin: 0;
  padding-left: 18px;
}
.lg-summary li {
  margin: 4px 0;
}

@media (max-width: 860px) {
  .lg-wrap {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }
  .lg-toc {
    position: static;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
  }
}