.page-hero {
  padding-block: clamp(68px, 9vw, 110px);
  border-bottom: 1px solid var(--color-border);
  background:
    radial-gradient(circle at 85% 15%, rgba(216, 27, 140, 0.12), transparent 30%),
    linear-gradient(145deg, #fff, var(--color-primary-soft));
}

.page-hero h1 {
  max-width: 16ch;
  font-size: clamp(2.6rem, 6vw, 5.2rem);
}

.page-grid {
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.prose {
  color: var(--color-text-muted);
}

.prose h2,
.prose h3 {
  margin-top: 1.6em;
  color: var(--color-text);
}

.legal-placeholder {
  padding: 18px;
  border: 1px dashed var(--color-accent);
  border-radius: var(--radius-small);
  color: var(--color-primary-dark);
  background: var(--color-accent-soft);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
}

@media (max-width: 720px) {
  .page-grid {
    grid-template-columns: 1fr;
  }
}