.legal-subheader-bg{
  background: linear-gradient(135deg, #000000, #2b1d08, #000000);
}

.legal-card{
  border-radius: 18px;
  border: 1px solid rgba(255, 215, 0, 0.18);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(14px);
  padding: 28px;
}

.legal-card h2,
.legal-card h3,
.legal-card h4{
  color: #fff;
}

.legal-card p,
.legal-card li{
  opacity: 0.9;
  color:#000;
}
p a {
    color:#fff;
}

.legal-meta{
  display:flex;
  flex-wrap:wrap;
  gap: 10px 18px;
  align-items:center;
  margin-top: 10px;
  opacity: 0.9;
  font-size: 13px;
  letter-spacing: 0.3px;
}

.legal-meta .item{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  border: 1px solid rgba(255, 215, 0, 0.18);
  background: rgba(0, 0, 0, 0.28);
  padding: 8px 12px;
  border-radius: 999px;
}

.legal-meta i{
  color: #ffd700;
}

.legal-toc{
  border-radius: 16px;
  border: 1px solid rgba(255, 215, 0, 0.14);
  background: rgba(0, 0, 0, 0.18);
  padding: 18px;
}

.legal-toc a{
  color: rgba(255, 255, 255, 0.92);
  text-decoration: none;
  border-bottom: 1px dashed rgba(255, 215, 0, 0.35);
}

.legal-toc a:hover{
  border-bottom-color: rgba(255, 215, 0, 0.85);
}

.legal-section{
  padding-top: 4px;
}

@media (max-width: 767px){
  .legal-card{ padding: 22px; }
}