/* Static Pages (Terms, Safety, Privacy, etc.) */

/* Use flex layout so short pages push the footer to the bottom */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main content area spacing and width */
main.static-page {
  flex: 1;
  max-width: 900px;
  margin: 0 auto;
  padding: 8rem 1rem 4rem 1rem; /* extra space from fixed navbar; comfortable bottom */
}

/* Ensure footer sits at bottom when content is short */
.footer {
  margin-top: auto;
}

/* Typographic helpers (optional, minimal so we don't fight inline styles) */
main.static-page h1 {
  margin-bottom: 0.75rem;
}
main.static-page p.page-intro {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  main.static-page {
    padding: 6rem 1rem 3rem 1rem;
  }
}