/* =========================
   LEGAL PAGES BASE
   ========================= */

.nt-legal-main {
  padding-top: var(--nt-header-height, 78px);
}

.nt-legal-section {
  background: #f9fafb;
}

.nt-legal-section + .nt-legal-section {
  border-top: 1px solid rgba(226, 232, 240, 0.9);
}

.nt-legal-section--intro {
  background: radial-gradient(
      circle at 0 0,
      rgba(129, 140, 248, 0.12),
      transparent 55%
    ),
    #f9fafb;
}

.nt-legal-section--last {
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

.nt-legal-shell {
  max-width: 960px;
  margin-inline: auto;
  padding: 32px 16px;
}

.nt-legal-title {
  margin: 0 0 12px;
  font-size: 26px;
  line-height: 1.2;
}

.nt-legal-lead {
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--nt-text-soft);
}

.nt-legal-heading {
  margin: 0 0 10px;
  font-size: 20px;
  line-height: 1.3;
}

.nt-legal-subheading {
  margin: 16px 0 6px;
  font-size: 15px;
  font-weight: 600;
}

.nt-legal-shell p {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.7;
  color: var(--nt-text-main);
}

.nt-legal-list {
  margin: 0 0 10px 18px;
  padding: 0;
  font-size: 14px;
  line-height: 1.7;
  color: var(--nt-text-main);
}

.nt-legal-list li + li {
  margin-top: 2px;
}

.nt-legal-updated {
  margin-top: 12px;
  font-size: 13px;
  color: var(--nt-text-muted);
}

/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 900px) {
  .nt-legal-shell {
    padding-inline: 14px;
  }

  .nt-legal-title {
    font-size: 22px;
  }

  .nt-legal-heading {
    font-size: 18px;
  }
}

@media (max-width: 600px) {
  .nt-legal-shell {
    padding-inline: 12px;
  }

  .nt-legal-title {
    font-size: 20px;
  }

  .nt-legal-shell p,
  .nt-legal-list {
    font-size: 13px;
  }
}