/* ============================================================
   VPNWS — legal-refund.css
   退款政策页专属排版:阅读行宽、条款小节分隔、列表标记、链接行
   仅服务 zh-CN/refund.html,不覆盖任何共享组件
   ============================================================ */

.legal-doc{max-width:46em}
.legal-doc .lead{font-size:18.5px;line-height:1.7;color:var(--text-muted)}

.legal-doc section{margin-top:var(--sp-7)}
.legal-doc section + section{
  padding-top:var(--sp-6);
  border-top:1px solid var(--border);
}
.legal-doc h2{
  font-size:clamp(21px,2.3vw,27px);
  letter-spacing:-.02em;
  margin-bottom:var(--sp-3);
}

.legal-doc .callout{margin-top:var(--sp-5)}

.legal-doc p + p{margin-top:var(--sp-3)}
.legal-doc ul + p,
.legal-doc ol + p{margin-top:var(--sp-4)}

.legal-doc p a,
.legal-doc li a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
.legal-doc p a:hover,
.legal-doc li a:hover{text-decoration-thickness:2px}

.legal-doc ul{
  margin-top:var(--sp-4);
  display:flex;flex-direction:column;gap:var(--sp-3);
}
.legal-doc ul li{
  position:relative;padding-left:20px;
  font-size:16.5px;line-height:1.78;
}
.legal-doc ul li::before{
  content:"";position:absolute;left:2px;top:.8em;
  width:7px;height:2px;border-radius:2px;
  background:var(--accent);
}

.legal-doc ol{
  margin-top:var(--sp-4);
  counter-reset:legal-step;
  display:flex;flex-direction:column;gap:var(--sp-4);
}
.legal-doc ol li{
  position:relative;padding-left:36px;
  font-size:16.5px;line-height:1.78;
  counter-increment:legal-step;
}
.legal-doc ol li::before{
  content:counter(legal-step);
  position:absolute;left:0;top:.1em;
  width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--bg-panel-2);
  color:var(--accent-dark);
  font-family:var(--font-mono);
  font-size:12px;font-weight:600;
  box-shadow:inset 0 0 0 1px var(--accent-soft);
}

.legal-links{
  display:flex;flex-wrap:wrap;align-items:center;
  gap:var(--sp-3) var(--sp-5);
  margin-top:var(--sp-7);
  padding-top:var(--sp-5);
  border-top:1px solid var(--border);
}

@media (max-width:640px){
  .legal-doc ul li,
  .legal-doc ol li{font-size:16px}
  .legal-doc section{margin-top:var(--sp-6)}
  .legal-doc section + section{padding-top:var(--sp-5)}
}