.terms-container {
  max-width: 800px;
  margin: 0 auto;
  padding: var(--spacing-3xl) var(--container-padding);
}

.terms-header {
  margin-bottom: var(--spacing-3xl);
}

.terms-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  margin-bottom: var(--spacing-md);
}

.terms-updated {
  color: var(--color-text-light);
  font-size: var(--font-size-sm);
}

.terms-content {
  line-height: var(--line-height-base);
  color: var(--color-text);
}

.terms-content h2 {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-semibold);
  margin-top: var(--spacing-3xl);
  margin-bottom: var(--spacing-lg);
  color: var(--color-text);
}

.terms-content h3 {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-semibold);
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-md);
  color: var(--color-text);
}

.terms-content p {
  margin-bottom: var(--spacing-lg);
  color: var(--color-text-light);
}

.terms-content ul,
.terms-content ol {
  margin-bottom: var(--spacing-lg);
  padding-left: var(--spacing-2xl);
  color: var(--color-text-light);
}

.terms-content li {
  margin-bottom: var(--spacing-sm);
}

.terms-content strong {
  color: var(--color-text);
  font-weight: var(--font-weight-semibold);
}

@media (max-width: 768px) {
  .terms-title {
    font-size: var(--font-size-3xl);
  }

  .terms-content h2 {
    font-size: var(--font-size-xl);
  }

  .terms-content h3 {
    font-size: var(--font-size-lg);
  }
}