/* ==========================================================================
   VPNGive — 使用条款页(legal-terms)
   仅本页使用:窄版心、克制标题、条款小节编号。
   颜色/圆角/字体全部引用 :root 令牌,不出现硬编码色值。
   ========================================================================== */

/* 版心收窄:条款正文不需要 1240px 的行长 */
.legal-doc{max-width:840px}

/* ------------------------------------------------------------- 页头 --- */
.legal-head{max-width:720px}
.legal-head h1{
  margin-top:14px;
  font-size:clamp(32px,3.6vw,46px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.legal-updated{margin-top:18px}
.legal-lede{
  margin-top:16px;
  max-width:660px;
  font-size:15px;
  line-height:1.82;
  color:var(--muted);
}
.legal-lede strong{color:var(--ink);font-weight:700}

/* ------------------------------------------------------------- 正文 --- */
.legal-prose{
  margin-top:34px;
  max-width:720px;
}
.legal-prose h2{
  margin-top:36px;
  margin-bottom:10px;
  font-size:clamp(19px,1.75vw,22px);
  letter-spacing:-.01em;
}
.legal-prose section:first-of-type h2{margin-top:0}
.legal-prose h3{font-size:16px}
.legal-prose p{max-width:720px}

/* 小节等宽编号:行内元素,标题本身不是 flex/grid */
.legal-idx{
  display:inline-block;
  margin-right:10px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:600;
  letter-spacing:.1em;
  color:var(--accent);
  vertical-align:2px;
}

/* 条款内的补充说明块 */
.legal-note{
  margin:18px 0;
  padding:13px 16px;
  border:1px solid var(--border);
  border-left:3px solid var(--accent-line);
  border-radius:var(--r-sm);
  background:var(--accent-soft);
  font-size:13.5px;
  line-height:1.78;
  color:var(--muted);
}
.legal-note strong{color:var(--ink)}

/* ----------------------------------------------------------- 窄屏 --- */
@media (max-width:760px){
  .legal-head h1{margin-top:12px}
  .legal-prose{margin-top:26px}
  .legal-prose h2{margin-top:30px}
  .legal-lede{font-size:14.5px;line-height:1.78}
}