/* ==========================================================================
   VPNAY — legal-privacy.css
   隐私政策页:条款式正文列。受控行宽 + 纵向节奏 + 要点圆点。
   仅本页使用;颜色 / 字体 / 圆角一律引用 :root 设计令牌。
   ========================================================================== */

.legal{
  max-width:760px;
  min-width:0;
  overflow-wrap:break-word;
}

/* 顶部「最后更新」行 */
.legal-updated{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.02em;
  color:var(--muted);
}
.legal-updated::before{
  content:'';
  flex-shrink:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent-2);
}

.legal > :first-child{margin-top:0}
.legal h2{
  margin-top:44px;
  font-size:clamp(20px,2.2vw,25px);
  letter-spacing:-.015em;
}
.legal p{
  margin-top:14px;
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}
.legal .legal-updated + p{margin-top:18px}
.legal ul{
  margin-top:14px;
  display:grid;
  gap:10px;
  list-style:none;
}
.legal li{
  position:relative;
  padding-left:18px;
  font-size:15px;
  line-height:1.8;
  color:var(--muted);
}
.legal li::before{
  content:'';
  position:absolute;
  left:0;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--accent-2);
}
.legal strong{color:var(--ink);font-weight:600}
.legal a{
  color:var(--accent);
  text-decoration:underline;
  text-underline-offset:2px;
}
.legal a:hover{color:var(--accent-2)}

@media (max-width:640px){
  .legal h2{margin-top:34px}
  .legal p,.legal li{font-size:14.5px}
}