/* —— Terms page skin (uses your root colors) —— */
.legal-hero{
  background: #fff;
  border-bottom: 1px solid var(--muted-20);
}
.legal-hero h1{
  color: black;
  letter-spacing:.2px;
}
.legal-updated{
  color: grey;
  /*font-size: .95rem;*/
}

.legal-wrap{
  background:#fff;
}

.legal-card{
  background:#fff;
  border:1px solid var(--muted-20);
  border-radius:16px;
  box-shadow:0 6px 30px rgba(0,0,0,.04);
}

.legal-toc{
  position: sticky;
  top: 90px; /* height of your fixed navbar */
  border:1px solid var(--muted-20);
  border-radius:14px;
  padding:1rem;
  background:linear-gradient(rgba(151, 201, 249, 0.63) 0%, rgba(0, 166, 232, 0.63) 100%);
}
.legal-toc .toc-title{
  font-weight:800;
  color: var(--brand-orange);
  margin-bottom:.5rem;
}
.legal-toc a{
  display:block;
  color: rgba(0, 85, 165, 0.90);
  text-decoration:none;
  padding:.25rem 0;
  opacity:.9;
}
.legal-toc a:hover{ color: var(--brand-blue); opacity:1; }

.legal h2{
  color: black;
  margin-top:1.25rem;
  margin-bottom:.5rem;
}
.legal p{
  color: var(--quido-text-dark);
  line-height:1.7;
  margin-bottom: .9rem;
}