/* CSS for Policy Pages (Terms & Privacy) */

.policy-section {
  padding: 2rem 0;
  overflow: visible;
}

.policy-content {
  max-width: 800px;
  margin: 0 auto;
  overflow: visible;
}

.policy-content .policy-section {
  margin-bottom: 30px;
  clear: both;
  overflow: visible;
}

.policy-section h2 {
  color: #00FFFF;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.policy-section h3 {
  color: #00c2c2;
  margin-top: 15px;
  margin-bottom: 10px;
}

.policy-section p, 
.policy-section ul,
.policy-section ol {
  margin-bottom: 15px;
  line-height: 1.7;
}

.policy-section ul li, 
.policy-section ol li {
  margin-left: 20px;
  margin-bottom: 8px;
}

.policy-updated {
  color: #999;
  font-style: italic;
  margin-bottom: 25px;
}

/* Override animations for policy pages */
.terms-page .scroll-fade-in,
.privacy-page .scroll-fade-in,
.terms-page .scroll-fade-in-left,
.privacy-page .scroll-fade-in-left,
.terms-page .scroll-fade-in-right,
.privacy-page .scroll-fade-in-right {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}