/* ==========================================================================
   pages.css — Page-specific overrides (keep minimal)
   ========================================================================== */

/* Homepage: tighten hero since it's the hero page */
.page-home .hero {
  padding-top: var(--space-20);
}

/* Request access page: center the form */
.page-request-access .form-wrapper {
  max-width: 600px;
  margin-inline: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-10);
}

@media (max-width: 600px) {
  .page-request-access .form-wrapper {
    padding: var(--space-6);
    border: none;
    border-radius: 0;
  }
}

/* Legal pages */
.page-legal .prose {
  max-width: var(--container-narrow);
  margin-inline: auto;
}

.page-legal h2 {
  margin-top: var(--space-10);
  margin-bottom: var(--space-4);
  font-size: var(--text-2xl);
}

.page-legal h3 {
  margin-top: var(--space-8);
  margin-bottom: var(--space-3);
}