/* ==========================================================================
   VPNAK — legal-refund.css
   退款政策页专属排版:只作用于 .legal-doc 容器,取值全部来自 base.css 设计令牌。
   ========================================================================== */

.legal-doc{
  max-width:820px;
  margin-inline:auto;
  padding:34px 32px 38px;
}

.legal-doc .eyebrow{font-size:12.5px;color:var(--muted)}

.legal-doc h1{
  font-size:clamp(28px,3.6vw,42px);
  margin:16px 0 14px;
}

.legal-doc p{
  font-size:14.8px;
  line-height:1.85;
}

.legal-doc .lede{
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}

.legal-doc p+p{margin-top:12px}

.legal-doc h2{
  font-size:clamp(20px,2.2vw,25px);
  margin:34px 0 12px;
  padding-top:24px;
  border-top:1px solid var(--border);
}

.legal-doc ul,
.legal-doc ol{
  display:flex;
  flex-direction:column;
  gap:9px;
  margin-top:13px;
}

.legal-doc li{
  position:relative;
  padding-left:20px;
  font-size:14.8px;
  line-height:1.85;
}

.legal-doc ul li::before{
  content:"";
  position:absolute;
  left:5px;
  top:11px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
}

.legal-doc ol{
  list-style:none;
  counter-reset:legal-step;
}

.legal-doc ol li{padding-left:34px}

.legal-doc ol li::before{
  counter-increment:legal-step;
  content:counter(legal-step);
  position:absolute;
  left:0;
  top:3px;
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--accent-soft);
  color:var(--accent);
  font-family:var(--font-mono);
  font-size:11.5px;
  font-weight:700;
  line-height:1;
}

.legal-doc li b{color:var(--text);font-weight:700}

.legal-doc .link-underline{font-weight:600}

.legal-doc .callout{margin-top:16px}
.legal-doc .callout p{font-size:14px;line-height:1.75}

.legal-doc .table-scroll{margin-top:16px}
.legal-doc .table-scroll table{min-width:520px}
.legal-doc .table-scroll th{font-size:11.5px}
.legal-doc .table-scroll td{font-size:13.5px;line-height:1.7}

.doc-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  margin-top:22px;
  padding-top:20px;
  border-top:1px solid var(--border);
}

.doc-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border-radius:var(--radius-pill);
  border:1px solid var(--border-strong);
  background:var(--bg-panel);
  font-size:13.5px;
  font-weight:600;
  color:var(--text);
  box-shadow:0 6px 16px -12px var(--shadow-tint);
  transition:border-color .18s ease,color .18s ease,transform .18s ease;
}

.doc-links a:hover{
  border-color:var(--accent);
  color:var(--accent);
  transform:translateY(-1px);
}

@media (max-width:640px){
  .legal-doc{padding:26px 20px 30px}
  .legal-doc h2{margin-top:28px;padding-top:20px}
  .legal-doc p,
  .legal-doc li{font-size:14.2px}
  .doc-links a{width:100%;justify-content:center}
}