/* Long-form text blocks (legal documents, explanatory copy). */

.prose {
    max-width: 72ch;
    margin: 0 auto;
}

.prose h1 {
    margin: 0 0 var(--ui-space-2);
    font-size: 1.6rem;
    line-height: 1.25;
}

.prose h2 {
    margin: var(--ui-space-5) 0 var(--ui-space-2);
    font-size: 1.1rem;
}

.prose p {
    margin: 0 0 var(--ui-space-3);
    overflow-wrap: anywhere;
}

.prose .prose-meta {
    color: var(--muted);
    font-size: var(--ui-font-sm);
}

.prose a { color: var(--green-strong); }

/* Wide windows: long documents flow into two readable columns (about 70 characters each) instead of one column in the middle. */
@media (min-width: 1200px) {
    article.prose { max-width: none; margin: 0; columns: 2 34rem; column-gap: var(--ui-space-6); }
    article.prose > h1, article.prose > .prose-meta { column-span: all; }
    article.prose h2 { break-after: avoid; }
}