/* ============================================================
   戴世「墨影」合并站点 — 法务 / 隐私政策页面样式
   moca-legal.css
   对应手动放置的 pp-* HTML 结构（隐私政策 / 服务条款等）
   依赖 moca-home.css 中的 --moca-* 设计变量
   ============================================================ */

.pp-wrap {
  max-width: 780px;
  margin: 0 auto;
  padding: var(--moca-space-8) var(--moca-space-5) var(--moca-space-10);
  font-family: var(--moca-font-cn);
  color: var(--moca-text-primary);
  line-height: 1.85;
  font-size: 15px;
}

/* ── 头部 ── */
.pp-header {
  text-align: center;
  margin-bottom: var(--moca-space-7);
}

.pp-header h1 {
  font-size: 30px;
  font-weight: 700;
  color: var(--moca-gray-900);
  letter-spacing: 0.02em;
  margin: 0;
}

.pp-divider {
  width: 56px;
  height: 3px;
  background: var(--moca-accent);
  border-radius: 2px;
  margin: var(--moca-space-4) auto 0;
}

/* ── 章节 ── */
.pp-section {
  margin-bottom: var(--moca-space-6);
}

.pp-section h2 {
  font-size: 20px;
  font-weight: 700;
  color: var(--moca-gray-900);
  margin: 0 0 var(--moca-space-3);
  padding-bottom: var(--moca-space-2);
  border-bottom: 1px solid var(--moca-border-light);
}

.pp-section p {
  margin: 0 0 var(--moca-space-3);
}

.pp-section ol {
  margin: 0;
  padding-left: 24px;
}

.pp-section li {
  margin-bottom: var(--moca-space-3);
  color: var(--moca-text-primary);
}

.pp-section strong {
  font-weight: 600;
  color: var(--moca-gray-800);
}

/* 条款内嵌套说明块（信息保存 第2条） */
.pp-section li > div {
  padding-left: 20px;
  margin-top: var(--moca-space-2);
}

.pp-section li > div p {
  margin-bottom: var(--moca-space-2);
}

/* ── 页脚 ── */
.pp-footer {
  text-align: center;
  color: var(--moca-text-muted);
  font-size: 14px;
  margin-top: var(--moca-space-7);
  padding-top: var(--moca-space-5);
  border-top: 1px solid var(--moca-border-light);
  letter-spacing: 0.08em;
}

/* ── 响应式 ── */
@media (max-width: 768px) {
  .pp-wrap {
    padding: var(--moca-space-6) var(--moca-space-4) var(--moca-space-8);
    font-size: 14px;
  }

  .pp-header h1 {
    font-size: 24px;
  }

  .pp-section h2 {
    font-size: 18px;
  }

  .pp-section ol {
    padding-left: 20px;
  }
}