/* =============================================================
   Prosa
   Estilo do conteúdo vindo do editor — inclusive o que os
   shortcodes de plugin imprimem dentro da página. É o único
   lugar do tema onde a marcação não é controlada por nós, então
   as regras aqui miram elementos, não classes.
   ============================================================= */

.prosa {
	max-width: var(--largura-texto);
	color: var(--c-texto-medio);
}

.prosa--larga {
	max-width: none;
}

.prosa > * + * {
	margin-block-start: var(--e-4);
}

.prosa > h2,
.prosa > h3,
.prosa > h4 {
	margin-block-start: var(--e-7);
	color: var(--c-texto-forte);
}

.prosa ul,
.prosa ol {
	padding-inline-start: var(--e-5);
}

.prosa li + li {
	margin-block-start: var(--e-2);
}

.prosa ul {
	list-style: disc;
}

.prosa ol {
	list-style: decimal;
}

.prosa a {
	color: var(--c-apoio);
}

.prosa img {
	border-radius: var(--raio);
}

.prosa figcaption {
	margin-block-start: var(--e-2);
	font-size: var(--t-sm);
	color: var(--c-texto-suave);
}

.prosa blockquote {
	padding-inline-start: var(--e-5);
	border-inline-start: 4px solid var(--c-acao);
	color: var(--c-texto-forte);
	font-size: var(--t-md);
}

.prosa table {
	display: block;
	overflow-x: auto;
	font-size: var(--t-sm);
}

.prosa th,
.prosa td {
	padding: var(--e-3);
	border: 1px solid var(--c-borda);
	text-align: start;
}

.prosa th {
	background: var(--c-fundo-alt);
	font-weight: var(--peso-medio);
	color: var(--c-texto-forte);
}