/* ── legal pages (개인정보처리방침 / 이용약관) ──────────────────── */
/* 공용 .page/.panel을 그대로 쓰고, 여기선 긴 글에 필요한 너비 제한과
   제목·목록 스타일만 추가한다. */
.legal-doc {
  max-width: 46rem;
  margin: 0 auto;
}

.legal-doc h1 {
  margin: 0 0 0.75rem;
  font-size: var(--fs-xl);
  line-height: 1.4;
}

.legal-doc .lead {
  margin: 0 0 1.5rem;
  color: var(--muted);
  font-size: var(--fs-base);
  line-height: 1.7;
}

/* §8 간격 관례: 섹션 간 24~32px */
.legal-doc section {
  margin-top: 1.75rem;
}

.legal-doc h2 {
  margin: 0 0 0.625rem;
  font-size: var(--fs-lg);
  line-height: 1.4;
}

.legal-doc p {
  margin: 0 0 0.625rem;
  color: var(--text);
  font-size: var(--fs-base);
  line-height: 1.7;
}

.legal-doc p:last-child {
  margin-bottom: 0;
}

.legal-doc ul {
  margin: 0;
  padding-left: 1.25rem;
  display: grid;
  gap: 0.5rem;
  color: var(--text);
  font-size: var(--fs-base);
  line-height: 1.7;
}

.legal-revision-list {
  color: var(--muted);
  font-size: var(--fs-md);
}

@media (max-width: 45rem) {
  .legal-doc h1 {
    font-size: var(--fs-xl-mobile);
  }
}