/* css/pages/terms.css
   Terms and Conditions page layout.
   Mobile-first, readable long-form text. */

.terms-page {
  padding: 2rem 1rem 4rem;
}

.terms-page__inner {
  max-width: 760px;
  margin: 0 auto;
}

.terms-page__title {
  font-size: 1.75rem;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 0.25rem;
}

.terms-page__updated {
  font-size: 0.85rem;
  color: #7a8593;
  margin-bottom: 2rem;
}

/* Body copy */
.terms-page__body h2 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 2rem 0 0.5rem;
}

.terms-page__body p {
  font-size: 0.97rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 1rem;
}

.terms-page__body ul,
.terms-page__body ol {
  padding-left: 1.4rem;
  margin-bottom: 1rem;
}

.terms-page__body li {
  font-size: 0.97rem;
  line-height: 1.7;
  color: #333;
  margin-bottom: 0.4rem;
}

/* ── Dark mode ────────────────────────────────────────── */
.np-dark-mode .terms-page__title {
  color: #e8ecf5;
}

.np-dark-mode .terms-page__body h2 {
  color: #e8ecf5;
}

.np-dark-mode .terms-page__body p,
.np-dark-mode .terms-page__body li {
  color: #b8c4d8;
}

/* ── Wider screens ────────────────────────────────────── */
@media (min-width: 768px) {
  .terms-page {
    padding: 3rem 2rem 6rem;
  }

  .terms-page__title {
    font-size: 2rem;
  }
}