/* TradingHub information pages: shared black/charcoal surfaces and gold accent. */
.legal-page{
  min-height:65vh;
  padding:clamp(28px,5vw,64px) 20px 80px;
  color:var(--ink);
  background:transparent;
}
.legal-wrap{max-width:1100px;margin:auto}
.legal-head{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:32px}
.legal-head h1{
  font-family:var(--font-display);
  font-size:clamp(30px,3.8vw,48px);
  letter-spacing:-.025em;
  line-height:1.15;
  margin:10px 0;
  color:#eee;
}
.legal-head p{color:var(--mute);line-height:1.6;margin:0}
.legal-eyebrow{color:var(--signal)!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.legal-date{font-size:12px;margin-top:17px!important;color:var(--mute-dim)!important}
.legal-layout{display:grid;grid-template-columns:210px minmax(0,720px);gap:clamp(25px,6vw,85px);align-items:start}
.legal-nav{display:grid;gap:3px;position:sticky;top:85px}
.legal-nav a{color:var(--mute);text-decoration:none;padding:10px 12px;font-size:14px;border:1px solid transparent}
.legal-nav a:hover,.legal-nav a:focus-visible{background:var(--panel-hover);color:var(--ink);border-color:var(--line)}
.legal-nav a[aria-current]{background:var(--signal-soft);color:var(--signal);border-color:rgba(255,200,87,.2);border-left:2px solid var(--signal)}
.legal-text h2{font-family:var(--font-display);font-size:18px;color:#dedede;margin:0 0 10px}
.legal-text h2:not(:first-child){border-top:1px solid var(--line);padding-top:24px;margin-top:26px}
.legal-text p{font-size:15px;line-height:1.75;color:var(--mute);margin:0 0 20px}
.legal-text a{color:var(--signal);text-decoration:underline;text-decoration-color:rgba(255,200,87,.45);text-underline-offset:3px}
.legal-text a:hover{text-decoration-color:var(--signal)}
.legal-setting{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;margin:4px 0 24px;border:1px solid var(--line);background:var(--panel)}
.legal-setting label{display:block;color:var(--ink);font-weight:600;font-size:14px;cursor:pointer}
.legal-setting-state{display:block;color:var(--mute);font-size:12px;margin-top:4px}
.legal-switch{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:46px;height:26px;margin:0;border:1px solid #555;background:#242424;cursor:pointer;transition:background .18s,border-color .18s}
.legal-switch::before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#ccc;transition:transform .18s}
.legal-switch:checked{background:var(--signal);border-color:var(--signal)}
.legal-switch:checked::before{background:var(--void);transform:translateX(20px)}
.legal-switch:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
@media(max-width:700px){
  .legal-page{padding:25px 16px 55px}
  .legal-head{padding-bottom:20px;margin-bottom:20px}
  .legal-layout{display:block}
  .legal-nav{display:flex;position:static;overflow-x:auto;gap:6px;padding-bottom:15px;margin-bottom:22px;scrollbar-width:thin;scrollbar-color:#484848 transparent}
  .legal-nav a{flex:none;white-space:nowrap;border:1px solid var(--line);font-size:13px;padding:8px 10px}
  .legal-nav a[aria-current]{border-color:var(--signal)}
  .legal-text p{font-size:14px}
  .legal-text h2:not(:first-child){margin-top:20px;padding-top:20px}
}