/**
 * Generic page hero
 * Subtitle (section-label) above the title, intro paragraph below it.
 * Used by the default page.php template; specialized templates ship their own.
 */
.mwp-page-hero {
  text-align: center;
  padding: var(--space-2xl) 0 var(--space-xl);
}

.mwp-page-hero .section-label {
  display: block;
  margin-bottom: var(--space-xs);
}

.mwp-page-hero .page-title {
  font-family: var(--font-display);
  font-size: var(--hero-title);
  font-weight: 400;
  line-height: 1.05;
  color: var(--color-charcoal);
  margin: 0 0 var(--space-sm);
}

.mwp-page-hero .page-title em {
  font-style: italic;
  color: var(--color-terracotta);
}

.mwp-page-hero__intro {
  max-width: 620px;
  margin: 0 auto;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.7;
  color: var(--color-warm-gray);
}

@media (max-width: 768px) {
  .mwp-page-hero {
    padding: var(--space-xl) 0 var(--space-lg);
  }
}

/**
 * Privacy Policy — constrain content to a readable 700px column.
 * WordPress core adds the `.privacy-policy` body class to the page designated
 * under Settings → Privacy, so this targets only that page. The content blocks
 * render loose in .site-main (no wrapper), so each top-level block is centered.
 */
.privacy-policy .mwp-page-hero .container,
.privacy-policy .site-main > :not(.mwp-page-hero) {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.privacy-policy .site-main > :not(.mwp-page-hero) {
  padding-left: var(--space-md);
  padding-right: var(--space-md);
}

/* Breathing room above/below the content and between blocks */
.privacy-policy .mwp-page-hero {
  margin-bottom: var(--space-lg);
}

.privacy-policy .site-main {
  padding-bottom: var(--space-2xl);
}

.privacy-policy .site-main > p,
.privacy-policy .site-main > h2 {
  margin-bottom: var(--space-md);
}