/* ================================================
   legal.css — Terms and Privacy pages
   ================================================ */

.legal-wrap {
  max-width: 760px; margin: 0 auto;
  padding: 3rem 1.5rem 6rem;
  min-height: calc(100vh - 80px);
}

.legal-inner {}

.legal-header {
  margin-bottom: 2.5rem;
  padding-bottom: 1.75rem;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.legal-type {
  font-size: 0.78rem; font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.1em;
  color: rgba(255,0,127,0.7);
  margin: 0 0 0.5rem;
}

.legal-header h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(1.75rem, 4vw, 2.25rem);
  font-weight: 700; color: #fff; margin: 0 0 0.5rem;
}

.legal-updated {
  font-size: 0.85rem; color: rgba(255,255,255,0.35); margin: 0;
}

/* Body */
.legal-body { color: rgba(255,255,255,0.65); }

.legal-body h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.05rem; font-weight: 600;
  color: rgba(255,255,255,0.9);
  margin: 2.25rem 0 0.625rem;
  padding-top: 0.25rem;
}

.legal-body h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 0.9375rem; font-weight: 600;
  color: rgba(255,255,255,0.75);
  margin: 1.25rem 0 0.375rem;
}

.legal-body p {
  font-size: 0.9375rem; line-height: 1.75;
  margin: 0 0 0.875rem;
}

.legal-body ul, .legal-body ol {
  font-size: 0.9375rem; line-height: 1.75;
  padding-left: 1.5rem;
  margin: 0 0 0.875rem;
  color: rgba(255,255,255,0.6);
}

.legal-body li { margin-bottom: 0.375rem; }

.legal-body strong { color: rgba(255,255,255,0.85); font-weight: 600; }

.legal-body a {
  color: rgba(255,0,127,0.8); text-decoration: none;
}
.legal-body a:hover { color: #ff007f; text-decoration: underline; }

/* Footer links */
.legal-footer-links {
  display: flex; gap: 1.5rem; flex-wrap: wrap;
  margin-top: 3rem; padding-top: 1.5rem;
  border-top: 1px solid rgba(255,255,255,0.07);
}
.legal-footer-links a {
  font-size: 0.875rem; font-weight: 500;
  color: rgba(255,255,255,0.4); text-decoration: none;
  transition: color 0.2s;
}
.legal-footer-links a:hover { color: rgba(255,255,255,0.7); }

@media (max-width: 600px) {
  .legal-wrap { padding: 2rem 1rem 4rem; }
}