/**
 * Long-form body copy. Two consumers: the legal pages (terms, privacy), which
 * are hand-authored HTML, and the brand page's Blog section, whose blocks are
 * built as DOM nodes by utils/richText.js. Both get the same measure and rhythm.
 *
 * `.prose-page` centres a standalone article; `.prose` styles the copy itself
 * and is what a section inside an existing layout uses on its own.
 */
.prose-page { max-width: 68ch; margin: 0 auto; }

.prose { font-size: var(--step-1); line-height: 1.7; }
.prose h2 { margin: var(--space-6) 0 var(--space-3); }
.prose h3 { margin: var(--space-5) 0 var(--space-2); }
.prose h2:first-child, .prose h3:first-child, .prose p:first-child { margin-top: 0; }
.prose p { margin-bottom: var(--space-4); }
.prose ul, .prose ol { margin: 0 0 var(--space-4) var(--space-5); list-style: revert; }
.prose a { text-decoration: underline; }
.prose > :last-child { margin-bottom: 0; }