.legal{
  display:flex;align-items:flex-start;gap:36px;
  max-width:1000px;margin:0 auto;
  padding:40px 28px 80px;
}
.legal-tabs{
  display:flex;flex-direction:column;gap:6px;
  flex:0 0 180px;
  position:sticky;top:24px;
}
.legal-tab{
  background:transparent;
  border:none;border-left:2px solid var(--gold-dim);
  border-radius:0 8px 8px 0;
  padding:10px 14px;
  color:var(--text-muted);
  font-family:var(--font-body);font-size:.9rem;text-align:left;
  cursor:pointer;
  transition:color .15s,background .15s,border-color .15s;
}
.legal-tab:hover{color:var(--text);background:var(--surface);}
.legal-tab.active{color:var(--gold);background:var(--surface);border-left-color:var(--gold);}

.legal-content{flex:1;min-width:0;}
.legal-panel h2{
  font-family:var(--font-display);color:var(--gold);
  margin:0;font-size:1.5rem;letter-spacing:.03em;
}
.legal-panel h3{
  font-family:var(--font-display);color:var(--text);
  margin:30px 0 8px;font-size:1rem;letter-spacing:.02em;
}
.legal-panel p{
  margin:0 0 14px;
  color:var(--text-muted);font-size:.9rem;line-height:1.75;
  max-width:70ch;
}
.legal-panel h2 + p{margin-top:18px;}
.legal-panel a{color:var(--gold);}

@media (max-width:768px){
  .legal{flex-direction:column;gap:22px;padding:28px 16px 60px;}
  .legal-tabs{
    flex-direction:row;flex:0 0 auto;width:100%;
    position:static;
  }
  .legal-tab{
    flex:1;text-align:center;
    border-left:none;border-bottom:2px solid var(--gold-dim);
    border-radius:8px 8px 0 0;
  }
  .legal-tab.active{border-bottom-color:var(--gold);}
}