/* =====================================================
   NeuralStack - Static Pages (About, Privacy, Terms)
   /css/pages.css - Requires main.css
   ===================================================== */

.ns-page-hero {
  padding: 44px 0 32px;
  border-bottom: 1px solid var(--border);
  background: var(--bg-elevated);
}
.ns-page-hero__inner {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 clamp(20px, 4vw, 48px);
}
.ns-page-hero__prompt {
  font-family: var(--font-mono);
  font-size: 12px;
  color: var(--accent);
  margin-bottom: 12px;
}
.ns-page-hero__prompt::before { content: '$ '; color: var(--text-light); }
.ns-page-hero__title {
  font-family: var(--font-mono);
  font-size: clamp(1.8rem, 4vw, 2.6rem);
  font-weight: 700;
  color: var(--text);
}
.ns-page-hero__updated {
  font-size: 12px;
  color: var(--text-light);
  margin-top: 8px;
  font-family: var(--font-mono);
}

.ns-page-layout {
  max-width: 860px;
  margin: 0 auto;
  padding: 32px clamp(20px, 4vw, 48px) 60px;
}
.ns-page-content {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: clamp(24px, 5vw, 44px);
}
.ns-page-content p {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--text-mid);
  margin-bottom: 18px;
}
.ns-page-content p:last-child { margin-bottom: 0; }
.ns-page-content h2 {
  font-family: var(--font-mono);
  font-size: 1.15rem;
  color: var(--text);
  margin: 28px 0 12px;
}
.ns-page-content h2:first-child { margin-top: 0; }
.ns-page-content ul {
  margin: 0 0 18px 20px;
  color: var(--text-mid);
  font-size: 14px;
  line-height: 1.8;
}
.ns-page-content li { margin-bottom: 6px; }
.ns-page-content strong { color: var(--text); }
.ns-page-content a { color: var(--accent); text-decoration: underline; }

@media (max-width: 640px) {
  .ns-page-hero__inner, .ns-page-layout { padding-left: 16px; padding-right: 16px; }
  .ns-page-content { padding: 20px; }
}