/* Text styles for the Terms of Service and Privacy Policy pages.
   Matches the homepage typography (Tailwind default sans, light weight). */

.legal {
  color: #374151;
  line-height: 1.75;
}

.legal h1 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 300;
  letter-spacing: -0.025em;
  color: #111827;
  margin-bottom: 2rem;
}

.legal h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #111827;
  margin-top: 2.5rem;
  margin-bottom: 0.75rem;
}

.legal p {
  margin-bottom: 1rem;
}

.legal ul,
.legal ol {
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.legal ul {
  list-style: disc;
}

.legal ol {
  list-style: decimal;
}

.legal li {
  margin-bottom: 0.5rem;
}

.legal li > ol {
  margin-top: 0.5rem;
}

.legal strong {
  font-weight: 600;
  color: #111827;
}

.legal a {
  color: #59c59b;
  text-decoration: underline;
}

.legal a:hover {
  color: #50b88c;
}

/* Section titles in the Terms of Service list */
.legal .tos-list > li {
  margin-top: 2rem;
}

.legal a.hed {
  display: block;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #111827;
  text-decoration: none;
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .legal h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}