/* Container spacing for legal pages */
.legal-container {
  /* matches your: section > .container max-width + padding */
  /* keep using your existing .container utility for width */
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Optional extra padding block you used as page_margin */
.legal-padding {
  padding: 2rem;
}

/* Rich text wrapper */
.legal-content {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  padding-top: 1rem;
  line-height: normal;
  text-align: justify;
  color: #374151; /* Tailwind gray-700 equivalent */
  font-size: 1.125rem; /* Tailwind text-lg equivalent */
}

/* Headings inside legal content */
.legal-content h1 {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 60px;
  font-weight: 900;
  /* do NOT duplicate margin again */
}
@media (max-width: 1023px) {
    .legal-content h1 {
        font-size: 40px;
    }
}

.legal-content h2 {
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* Paragraph spacing */
.legal-content p {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Optional page title separate from the rich text block */
.legal-title {
  /* if you want to keep a big page title above the content */
  font-size: 60px;
  font-weight: 900;
  margin: 1rem 0;
  text-align: left;
}