/* Legal Pages (Terms & Privacy) */

.legal-page {
  min-height: 100vh;
  background: white;
}

/* Hide the gradient hero header on legal pages */
.legal-hero { display: none; }

.legal-hero .legal-container {
  max-width: 1100px;
  margin: 0 auto;
}

.legal-title {
  font-size: 2rem;
  font-weight: 600;
  color: #1a1a1a;
  letter-spacing: -0.01em;
}

@media (min-width: 768px) {
  .legal-title { font-size: 2.5rem; }
}

.legal-updated {
  margin-top: .75rem;
  color: #666;
  font-weight: 300;
}

.legal-contact {
  margin-top: .5rem;
  color: #666;
  font-weight: 300;
}

.legal-content {
  background: white;
  padding: 3rem 1.25rem 5rem;
}

.legal-container {
  max-width: 1100px;
  margin: 0 auto;
}

.legal-section {
  background: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 1.5rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
  .legal-section { padding: 2rem; }
}

.legal-section h2 {
  color: #1a1a1a;
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: .75rem;
  letter-spacing: -0.01em;
}

.legal-section h3 {
  color: #1a1a1a;
  font-size: 1.1rem;
  font-weight: 600;
  margin-top: 1.25rem;
  margin-bottom: .5rem;
  letter-spacing: -0.01em;
}

.legal-section h3:first-of-type {
  margin-top: .75rem;
}

.legal-section p,
.legal-section li {
  color: #666;
  font-weight: 300;
  line-height: 1.7;
}

/* Make links in legal content black */
.legal-content a { color: #1a1a1a; text-decoration: none; }
.legal-content a:hover { text-decoration: underline; }

.legal-list { padding-left: 1.25rem; }

.legal-list li { margin: .35rem 0; }

.legal-note {
  font-size: .95rem;
  color: #666;
  font-weight: 300;
}