/**
 * Saúde Insider — página institucional.
 *
 * Quem Somos, Missão, Equipe, Contato, Termos de Uso, Política de Privacidade
 * e as duas de política editorial. Texto corrido, sem chapéu, sem data, sem
 * assinatura: são páginas do veículo, não conteúdo datado.
 *
 * ⚠️ Não reusa `.si-article__*`. O corpo da matéria carrega capitular, trilho
 * de compartilhar, injeção de anúncio e a caixa Recomendadas — nada disso
 * pertence aqui, e herdar a classe traria tudo junto. O que se compartilha são
 * os tokens.
 *
 * A coluna tem a mesma largura de leitura da matéria (792px do frame), porque
 * o critério é o mesmo: linha confortável para texto corrido.
 */

.si-pagina {
	width: 100%;
	max-width: var(--si-container-max);
	margin-inline: auto;
	padding-inline: var(--si-container-gutter);
	padding-block: var(--si-space-10) var(--si-space-12);
}

.si-pagina__header {
	margin-bottom: var(--si-space-8);
}

.si-pagina__titulo {
	font-family: var(--si-font-serif);
	font-size: var(--si-font-size-h1);
	font-weight: var(--si-font-weight-h1);
	line-height: var(--si-line-height-h1);
	letter-spacing: var(--si-letter-spacing-h1);
	color: var(--si-color-text-primary);
	text-wrap: balance;
}

.si-pagina__figure {
	margin-bottom: var(--si-space-8);
}

.si-pagina__img {
	display: block;
	width: 100%;
	height: auto;
}

/*
 * Serifada, como o corpo da matéria (`L2-17`) — e pelo mesmo token
 * `--si-font-serif-text` (Georgia), não a Playfair, que é display.
 */
.si-pagina__conteudo {
	font-family: var(--si-font-serif-text);
	color: var(--si-color-text-primary);
}

/* Respiro entre blocos de primeiro nível, como no corpo da matéria. */
.si-pagina__conteudo > * + * {
	margin-top: var(--si-space-6);
}

.si-pagina__conteudo :is(h2, h3, h4) {
	font-family: var(--si-font-serif);
	color: var(--si-color-text-primary);
	/* Título colado no que ele abre, afastado do que ele fecha. */
	margin-top: var(--si-space-10);
	margin-bottom: var(--si-space-3);
}

.si-pagina__conteudo h2 {
	font-size: var(--si-font-size-h3);
	line-height: var(--si-line-height-h3);
}

.si-pagina__conteudo h3 {
	font-size: var(--si-font-size-h5);
	line-height: var(--si-line-height-h5);
}

.si-pagina__conteudo :is(ul, ol) {
	padding-left: var(--si-space-6);
}

.si-pagina__conteudo li + li {
	margin-top: var(--si-space-2);
}

.si-pagina__conteudo a {
	color: var(--si-color-brand-primary);
	text-underline-offset: 0.2em;
}

.si-pagina__conteudo :is(img, iframe) {
	max-width: 100%;
	height: auto;
}

/*
 * A coluna de leitura só se estreita quando há margem para isso. Abaixo de
 * 1024px ela ocupa a largura disponível, como o resto do tema.
 */
@media (min-width: 1024px) {
	.si-pagina__header,
	.si-pagina__figure,
	.si-pagina__conteudo {
		max-width: var(--si-article-col, 792px);
		margin-inline: auto;
	}
}