/* Типографика текстовых страниц: всё, что приходит из Markdown. */

/* Текстовая страница живёт в той же колонке, что и остальные. */
.page-text {
	inline-size: 100%;
	max-inline-size: var(--container);
	margin-inline: auto;
	padding-inline: var(--gutter);
}

.page-head {
	display: flex;
	flex-direction: column;
	gap: var(--space-5);
	max-inline-size: var(--container-text);
	margin-block-end: var(--space-12);
}

/* Ритм документа: заголовок отбивается сверху, абзацы дышат между собой. */
.page-text > :is(h2, h3, p, ul, ol, .placeholder) {
	max-inline-size: var(--container-text);
}

.page-text > h2 {
	margin-block-start: var(--space-12);
	font-size: var(--text-display-m);
}

.page-text > h3 {
	margin-block-start: var(--space-8);
	font-family: var(--font-sans);
	font-size: var(--text-lg);
	font-weight: var(--fw-medium);
}

.page-text > :is(p, ul, ol) {
	margin-block-start: var(--space-4);
	color: var(--color-text-secondary);
	line-height: 1.7;
}

.page-text > :is(ul, ol) {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	padding-inline-start: var(--space-6);
}

/* Внутри шапки страницы свой ритм — он задан gap, отступы там лишние. */
.page-head > * {
	margin-block-start: 0;
}

.page-text a:not(.button) {
	color: var(--color-accent-text);
}