.legal-layout {
  padding-top: 170px;
}

.legal-wrapper {
  background: var(--bg-surface);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 24px;
  padding: 3rem;
}

.legal-meta {
  color: var(--text-secondary);
  margin-bottom: 2rem;
  font-size: 0.95rem;
}

.legal-section {
  margin-bottom: 2rem;
}

.legal-section:last-child {
  margin-bottom: 0;
}

.legal-section h3 {
  margin-bottom: 0.8rem;
  font-size: 1.2rem;
}

.legal-section p,
.legal-section li {
  color: var(--text-secondary);
  font-size: 1rem;
}

.legal-section ul {
  margin: 0.8rem 0 0 1.2rem;
}

.legal-section li {
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .legal-layout {
    padding-top: 140px;
  }

  .legal-wrapper {
    padding: 2rem 1.25rem;
  }
}