/* TradeDash — legal pages. Shares the landing page's tokens and type. */

:root{
  --bg:#F7F9FC;
  --white:#FFFFFF;
  --border:rgba(0,0,0,0.07);
  --card-border:#DCE3ED;
  --text:#111827;
  --muted:#6B7280;
  --dim:#9CA3AF;
  --blue:#1E88E5;
  --amber:#D97706;
  --red:#DC2626;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:400 16px/1.7 'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}

/* ---------- header ---------- */
.legal-header{
  background:var(--white);
  border-bottom:1px solid var(--border);
  padding:18px 24px;
  position:sticky; top:0; z-index:10;
}
.legal-header-inner{
  max-width:820px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.legal-logo{display:block; line-height:0;}
.legal-logo svg{height:26px; width:auto; display:block;}
.legal-back{
  font:600 13.5px/1 'Inter',sans-serif;
  color:var(--blue); text-decoration:none;
  padding:9px 14px; border:1px solid rgba(30,136,229,.28);
  border-radius:4px; transition:background .18s ease;
  white-space:nowrap;
}
.legal-back:hover{background:rgba(30,136,229,.06);}

/* ---------- shell ---------- */
.legal-wrap{max-width:820px; margin:0 auto; padding:48px 24px 80px;}

.legal-eyebrow{
  font:700 11px/1 'JetBrains Mono',monospace;
  letter-spacing:.12em; text-transform:uppercase;
  color:var(--blue); margin-bottom:14px;
}
.legal-wrap h1{
  font:400 clamp(32px,5vw,46px)/1.12 'DM Serif Display',Georgia,serif;
  letter-spacing:-.5px; margin:0 0 12px;
}
.legal-updated{
  font-size:13.5px; color:var(--dim); margin:0 0 34px;
  padding-bottom:26px; border-bottom:1px solid var(--card-border);
}

/* ---------- notices ---------- */
.legal-notice{
  background:#FFF9E8; border:1px solid #F1E6BD;
  border-radius:4px; padding:16px 18px; margin:0 0 34px;
  font-size:14px; line-height:1.65; color:#6B5A28;
}
.legal-notice strong{color:#4A421C;}

.legal-callout{
  background:var(--white); border:1px solid var(--card-border);
  border-left:3px solid var(--blue);
  border-radius:4px; padding:16px 18px; margin:24px 0;
  font-size:15px; line-height:1.65;
}
.legal-callout strong{color:var(--text);}

/* ---------- content ---------- */
.legal-wrap h2{
  font:700 20px/1.3 'Inter',sans-serif;
  letter-spacing:-.2px;
  margin:44px 0 12px; padding-top:26px;
  border-top:1px solid var(--card-border);
}
.legal-wrap h2:first-of-type{border-top:0; padding-top:0; margin-top:34px;}
.legal-wrap h3{
  font:650 15.5px/1.4 'Inter',sans-serif;
  margin:26px 0 8px; color:var(--text);
}
.legal-wrap p{margin:0 0 15px; color:#374151;}
.legal-wrap ul,.legal-wrap ol{margin:0 0 15px; padding-left:22px; color:#374151;}
.legal-wrap li{margin-bottom:8px;}
.legal-wrap a{color:var(--blue);}
.legal-wrap strong{color:var(--text); font-weight:650;}

.legal-fill{
  background:rgba(217,119,6,.10);
  border-bottom:1px dashed var(--amber);
  color:#92400E; font-weight:600;
  padding:1px 4px; border-radius:2px;
  font-size:.95em;
}

table.legal-table{
  width:100%; border-collapse:collapse; margin:0 0 20px;
  font-size:14.5px;
}
table.legal-table th,table.legal-table td{
  text-align:left; padding:11px 12px;
  border-bottom:1px solid var(--card-border);
  vertical-align:top;
}
table.legal-table th{
  font:700 11px/1.3 'JetBrains Mono',monospace;
  letter-spacing:.06em; text-transform:uppercase; color:var(--muted);
  border-bottom:1px solid var(--text);
}

/* ---------- footer ---------- */
.legal-footer{
  background:var(--white); border-top:1px solid var(--border);
  padding:30px 24px;
}
.legal-footer-inner{
  max-width:820px; margin:0 auto;
  display:flex; flex-wrap:wrap; gap:10px 20px;
  align-items:center; justify-content:center;
}
.legal-footer a{
  font-size:13.5px; color:var(--muted); text-decoration:none;
}
.legal-footer a:hover{color:var(--blue);}

.legal-disclaimer{
  background:#0A0A0A; padding:24px;
}
.legal-disclaimer p{
  max-width:760px; margin:0 auto;
  font-size:11px; line-height:1.7; color:rgba(255,255,255,.28);
}
.legal-disclaimer strong{color:rgba(255,255,255,.4);}

a:focus-visible,button:focus-visible{outline:3px solid var(--blue); outline-offset:3px;}

@media(max-width:640px){
  body{font-size:15.5px;}
  .legal-wrap{padding:34px 18px 60px;}
  .legal-header{padding:14px 18px;}
  .legal-wrap h2{font-size:18.5px; margin-top:36px;}
  table.legal-table{font-size:13.5px;}
  table.legal-table th,table.legal-table td{padding:9px 8px;}
}

@media print{
  .legal-header,.legal-back,.legal-footer{display:none;}
  body{background:#fff;}
  .legal-wrap{max-width:none; padding:0;}
}