/* Page-specific styles for Terms and Conditions */

main {
  background-color: var(--color-gray-900);
  border-radius: var(--radius-md);
  padding: var(--spacing-8);
  box-shadow: var(--shadow-md);
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}

h1 {
  color: var(--color-primary);
  margin-bottom: var(--spacing-6);
}

h2 {
  color: var(--color-text);
  margin-top: var(--spacing-8);
  margin-bottom: var(--spacing-4);
  border-bottom: 2px solid var(--color-primary);
  padding-bottom: var(--spacing-2);
}

p, ul {
  margin-bottom: var(--spacing-4);
}

ul {
  list-style-type: disc;
  margin-left: var(--spacing-6);
}

li {
  margin-bottom: var(--spacing-2);
}

@media (max-width: 768px) {
  main {
    padding: var(--spacing-4);
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
  }

  h1 {
    font-size: var(--font-size-4xl);
  }

  h2 {
    font-size: var(--font-size-2xl);
  }
}