.terms-layout {
  max-width: 960px;
  margin: 0 auto;
}

.terms-content h3 {
  font-size: var(--font-size-2xl);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: var(--space-2);
}

.terms-content p {
  font-size: var(--font-size-sm);
}

.terms-content ul {
  list-style: disc;
  padding-left: var(--space-6);
  margin-bottom: var(--space-4);
}

.terms-content li {
  margin-bottom: var(--space-2);
  color: var(--color-text-muted);
}

.terms-content a {
  text-decoration: underline;
}

@media (min-width: 768px) {
  .terms-layout {
    padding: var(--space-6);
  }
}