/* ─── Legal pages (terms / privacy / kyc) ─── */
.legal-doc{max-width:820px;margin:0 auto}
.legal-doc__head{margin-bottom:34px;padding-bottom:24px;border-bottom:1px solid #ECEBF0}
.legal-doc__title{
  font-family:'Bricolage Grotesque','Manrope',sans-serif;
  font-size:36px;font-weight:700;color:#0E0E10;letter-spacing:-.02em;
  margin:0 0 10px;line-height:1.05;
}
.legal-doc__sub{font-size:14px;color:#84858D;margin:0;line-height:1.5}
.legal-doc__meta{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:14px;padding:6px 12px;border-radius:999px;
  background:#F4F4FE;color:#4241FC;
  font-size:12px;font-weight:600;
}
.legal-doc__meta svg{width:14px;height:14px}

.legal-toc{
  margin-bottom:32px;padding:18px 22px;
  border-radius:18px;background:#FAFBFD;border:1px solid #ECEBF0;
}
.legal-toc__title{
  font-size:11px;font-weight:600;color:#84858D;
  letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px;
}
.legal-toc__list{display:flex;flex-direction:column;gap:2px}
.legal-toc__list a{
  display:block;padding:6px 8px;border-radius:8px;
  font-size:13px;color:#4A4B55;font-weight:500;
  transition:background .15s,color .15s;
}
.legal-toc__list a:hover{background:#ECEBF0;color:#0E0E10}

.legal-section{margin-bottom:28px;scroll-margin-top:24px}
.legal-section:last-child{margin-bottom:0}
.legal-h{
  font-family:'Bricolage Grotesque','Manrope',sans-serif;
  font-size:20px;font-weight:700;color:#0E0E10;letter-spacing:-.01em;
  margin:0 0 14px;line-height:1.25;
}
.legal-h__num{color:#4241FC;font-weight:600;margin-right:6px}
.legal-p{
  font-size:14px;color:#4A4B55;line-height:1.65;
  margin:0 0 12px;
}
.legal-p:last-child{margin-bottom:0}
.legal-p strong{color:#0E0E10;font-weight:600}
.legal-p a{color:#4241FC;text-decoration:underline;text-underline-offset:2px}
.legal-p code{
  font-family:'JetBrains Mono','Courier New',monospace;
  font-size:12px;padding:2px 6px;border-radius:6px;
  background:#F6F6FD;color:#4241FC;
}

.legal-ul{
  list-style:none;padding:0;margin:0 0 16px;
  display:flex;flex-direction:column;gap:8px;
}
.legal-ul li{
  position:relative;padding:0 0 0 22px;
  font-size:14px;color:#4A4B55;line-height:1.55;
}
.legal-ul li::before{
  content:'';position:absolute;left:6px;top:9px;
  width:5px;height:5px;border-radius:50%;background:#4241FC;
}
.legal-ul li strong{color:#0E0E10;font-weight:600}
.legal-ul li code{
  font-family:'JetBrains Mono','Courier New',monospace;
  font-size:12px;padding:1px 6px;border-radius:6px;
  background:#F6F6FD;color:#4241FC;
}

.legal-callout{
  padding:18px 20px;border-radius:14px;
  background:#FFF8E1;border:1px solid #FFE9B0;
  font-size:13px;color:#7C5510;line-height:1.55;
  display:flex;gap:10px;align-items:flex-start;
  margin:14px 0 18px;
}
.legal-callout svg{flex-shrink:0;color:#A66B0A;margin-top:1px}
.legal-callout strong{color:#5A3D08}

.legal-callout--info{background:#F4F4FE;border-color:#DDDCFB;color:#383874}
.legal-callout--info svg{color:#4241FC}
.legal-callout--info strong{color:#1F1F4A}

.legal-foot{
  margin-top:48px;padding-top:24px;border-top:1px solid #ECEBF0;
  font-size:12px;color:#84858D;line-height:1.6;
}
.legal-foot a{color:#4241FC;text-decoration:underline;text-underline-offset:2px}

[data-theme="dark"] .legal-doc__head{border-color:#26262C}
[data-theme="dark"] .legal-doc__title{color:#E8E9EE}
[data-theme="dark"] .legal-doc__meta{background:#1B1B30;color:#7B5CFF}
[data-theme="dark"] .legal-toc{background:#16161A;border-color:#26262C}
[data-theme="dark"] .legal-toc__list a:hover{background:#26262C;color:#E8E9EE}
[data-theme="dark"] .legal-h{color:#E8E9EE}
[data-theme="dark"] .legal-p,[data-theme="dark"] .legal-ul li{color:#A8A9B0}
[data-theme="dark"] .legal-p strong,[data-theme="dark"] .legal-ul li strong{color:#E8E9EE}
[data-theme="dark"] .legal-p code,[data-theme="dark"] .legal-ul li code{background:#16161A;color:#7B5CFF}
[data-theme="dark"] .legal-callout{background:rgba(166,107,10,.15);border-color:rgba(166,107,10,.3);color:#E8A340}
[data-theme="dark"] .legal-callout strong{color:#FFC56B}
[data-theme="dark"] .legal-callout--info{background:#1B1B30;border-color:#26262C;color:#A8A9DC}
[data-theme="dark"] .legal-callout--info strong{color:#C5C5FF}
[data-theme="dark"] .legal-foot{border-color:#26262C}

@media (max-width: 600px){
  .legal-doc__title{font-size:28px}
  .legal-h{font-size:17px}
  .legal-toc{padding:14px 16px}
  .legal-section{margin-bottom:22px}
}