/* =========================================================
   Legal pages (Privacy / Terms / Refund)
   ========================================================= */

.legal-wrap{ display:grid; grid-template-columns:260px 1fr; gap:56px; align-items:flex-start; }
@media (max-width:940px){ .legal-wrap{ grid-template-columns:1fr; } }

.legal-toc{
  position:sticky; top:calc(var(--header-h) + 24px);
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:22px 22px;
}
@media (max-width:940px){ .legal-toc{ position:static; } }
.legal-toc h4{ font-family:var(--font-mono); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-300); margin-bottom:14px; }
.legal-toc ul{ display:flex; flex-direction:column; gap:10px; }
.legal-toc a{ font-size:.88rem; color:var(--text-secondary); line-height:1.4; display:block; }
.legal-toc a:hover{ color:var(--brand); }

.legal-updated{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--font-mono); font-size:.8rem; color:var(--text-secondary);
  background:var(--surface-alt); border:1px solid var(--border);
  padding:8px 14px; border-radius:var(--radius-pill); margin-bottom:28px;
}

.legal-content section{ margin-bottom:40px; scroll-margin-top:calc(var(--header-h) + 20px); }
.legal-content h2{ font-size:1.3rem; margin-bottom:14px; padding-bottom:14px; border-bottom:1px dashed var(--border); }
.legal-content h2 .num{ font-family:var(--font-mono); color:var(--green-500); margin-right:10px; font-size:1.05rem; }
.legal-content p{ font-size:.98rem; line-height:1.8; color:var(--text-secondary); margin-bottom:14px; }
.legal-content p:last-child{ margin-bottom:0; }
.legal-content ul{ display:flex; flex-direction:column; gap:10px; margin:14px 0 18px; }
.legal-content ul li{ font-size:.96rem; line-height:1.7; color:var(--text-secondary); padding-left:22px; position:relative; }
.legal-content ul li::before{
  content:""; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--green-500);
}
.legal-content strong{ color:var(--text-primary); }
.legal-content a{ color:var(--brand); text-decoration:underline; text-underline-offset:2px; }