.contex-container {
	width: min(100% - 2 * var(--espaco-md), var(--largura-container));
	margin-inline: auto;
}

.contex-principal {
	padding-block: var(--espaco-lg) var(--espaco-xl);
}

.contex-principal--com-fecho {
	padding-bottom: 0;
}

.contex-linha {
	display: grid;
	grid-template-columns: var(--colunas-linha, minmax(0, 1fr));
	column-gap: var(--intervalo-grade);
	padding-block: var(--espaco-md);
}

.contex-linha + .contex-linha {
	border-top: var(--fio-fino);
}

.contex-linha > * {
	position: relative;
	min-width: 0;
}

.contex-linha > * + *::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(-1 * var(--calha-grade));
	border-left: var(--fio-fino);
}

.contex-linha--tres {
	--colunas-linha: repeat(3, minmax(0, 1fr));
}

.contex-linha--duas {
	--colunas-linha: repeat(2, minmax(0, 1fr));
}

.contex-linha--quatro {
	--colunas-linha: repeat(4, minmax(0, 1fr));
}

.contex-linha--itens-1 {
	--colunas-linha: repeat(3, minmax(0, 1fr));
}

.contex-linha--itens-1 > :first-child {
	grid-column: span 2;
}

.contex-linha--itens-2 {
	--colunas-linha: repeat(2, minmax(0, 1fr));
}

.contex-linha--itens-3 {
	--colunas-linha: repeat(4, minmax(0, 1fr));
}

.contex-linha--itens-3 > :first-child {
	grid-column: span 2;
}

.contex-post {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: var(--intervalo-grade);
}

.contex-post::before {
	content: "";
	grid-column: 1 / -1;
	height: calc(3px + var(--fio-duplo-intervalo));
	margin-bottom: var(--espaco-md);
	border-top: var(--fio-grosso);
	border-bottom: var(--fio-fino);
}

.contex-post__titulo {
	grid-column: 1 / 11;
}

.contex-post__meta {
	grid-column: 1 / 13;
	text-align: right;
}

.contex-post__corpo {
	--coluna-post: calc((100% - 7 * var(--intervalo-grade)) / 8);
}

.contex-post--conto .contex-post__corpo {
	grid-column: 3 / 11;

	--selo-sobra: 1;
}

.contex-post__selo {
	float: right;
	width: calc(4 * var(--coluna-post) + 3 * var(--intervalo-grade));
	margin: 0.4em calc(-1 * var(--selo-sobra) * (var(--coluna-post) + var(--intervalo-grade))) var(--espaco-md) var(--intervalo-grade);
}

.contex-post--are,
.contex-post--notas {
	grid-auto-flow: row dense;
}

.contex-post--are .contex-post__corpo,
.contex-post--notas .contex-post__corpo {
	grid-column: 2 / 10;
}

.contex-post--pagina .contex-post__titulo {
	margin-bottom: var(--espaco-lg);
}

.contex-post--pagina .contex-post__corpo {
	grid-column: 3 / 11;
}

.contex-post--arquivo {
	grid-auto-flow: row dense;
}

.contex-post--arquivo .contex-post__corpo {
	grid-column: 1 / 10;
}

.contex-post__caixa {
	--topo-caixa: calc(var(--wp-admin--admin-bar--height, 0px) + var(--espaco-lg));

	position: sticky;
	top: var(--topo-caixa);
	grid-column: 10 / 13;
	align-self: start;
	max-height: calc(100vh - var(--topo-caixa) - var(--espaco-md));
	overflow-y: auto;
}

.contex-nav-posts {
	margin-top: var(--espaco-xl);
	border-top: var(--fio-fino);
}

@media (max-width: 900px) {

	.contex-linha--quatro {
		--colunas-linha: repeat(2, minmax(0, 1fr));
		row-gap: var(--espaco-md);
	}

	.contex-linha--quatro > :nth-child(odd)::before {
		content: none;
	}

	.contex-linha--quatro > :nth-child(n + 3) {
		padding-top: var(--espaco-md);
		border-top: var(--fio-fino);
	}

	.contex-linha--itens-3 {
		--colunas-linha: repeat(2, minmax(0, 1fr));
		row-gap: var(--espaco-md);
	}

	.contex-linha--itens-3 > :nth-child(2)::before {
		content: none;
	}

	.contex-linha--itens-3 > :nth-child(n + 2) {
		padding-top: var(--espaco-md);
		border-top: var(--fio-fino);
	}

	.contex-post {
		grid-template-columns: minmax(0, 1fr);
	}

	.contex-post > .contex-post__titulo,
	.contex-post > .contex-post__meta,
	.contex-post > .contex-post__corpo,
	.contex-post > .contex-post__caixa,
	.contex-post > .contex-404__codigo {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.contex-post__caixa {
		position: static;
		max-height: none;
		overflow: visible;
		margin-bottom: var(--espaco-lg);
	}

	.contex-post__selo {
		width: 45%;
		margin-right: 0;
	}
}

@media (max-width: 480px) {

	.contex-linha,
	.contex-linha--quatro {
		--colunas-linha: minmax(0, 1fr);
		row-gap: var(--espaco-md);
	}

	.contex-linha > :first-child {
		grid-column: auto;
	}

	.contex-linha > * + *::before {
		content: none;
	}

	.contex-linha > * + * {
		padding-top: var(--espaco-md);
		border-top: var(--fio-fino);
	}

	.contex-post__selo {
		float: none;
		width: 100%;
		margin: 0 0 var(--espaco-md);
	}
}