/* ==========================================================================
   VPNAK — legal-terms.css
   使用条款页的页面级排版节奏:只定义本页专属类,不重写任何共享组件样式;
   颜色、圆角、字体一律引用 base.css 的设计令牌。
   ========================================================================== */

.legal-doc{
  width:100%;
  max-width:880px;
  margin-inline:auto;
}

.legal-head{padding-bottom:26px;border-bottom:1px solid var(--border)}
.legal-head h1{margin:14px 0 12px}

.legal-sec{padding-top:26px}
.legal-sec + .legal-sec{margin-top:26px;border-top:1px solid var(--border)}
.legal-sec h2{font-size:clamp(20px,2.4vw,26px);margin-bottom:12px}
.legal-sec p + p{margin-top:10px}

.legal-sec ul{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.legal-sec li{position:relative;padding-left:18px;line-height:1.7}
.legal-sec li::before{
  content:"";position:absolute;left:2px;top:.8em;
  width:5px;height:5px;border-radius:50%;background:var(--accent);
}

.legal-sec a,.legal-links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.legal-sec a:hover,.legal-links a:hover{color:var(--accent-dark)}

.legal-links{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;
  margin-top:18px;font-size:14px;font-weight:700;
}
.legal-links a{display:inline-flex;align-items:center;min-height:24px}

@media (max-width:640px){
  .legal-doc{padding:20px 16px}
}