/**
 * Estilos base para conteúdo "comum" (páginas, posts, arquivos) —
 * tudo que não é a home editorial, mas ainda precisa parecer parte
 * do mesmo site.
 */

.oju-main {
	padding: var(--oju-space-xl) 0;
}

/* Na home o hero precisa encostar no topo (header transparente flutua
   por cima), então ela zera o padding superior herdado de .oju-main. */
.oju-main--home {
	padding-top: 0;
}

.oju-post__title,
.oju-archive__title {
	font-size: 32px;
	margin-bottom: var(--oju-space-md);
}

.oju-post__meta {
	font-size: 11px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: var(--oju-text-soft2);
	margin-bottom: var(--oju-space-md);
}

.oju-post__content {
	max-width: 700px;
}

.oju-post__content p {
	margin-bottom: var(--oju-space-sm);
}

.oju-archive__header {
	margin-bottom: var(--oju-space-lg);
}

.oju-archive__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--oju-space-md);
}

.oju-post-card__title {
	font-size: 18px;
	margin-top: var(--oju-space-sm);
}

@media (max-width: 768px) {
	.oju-archive__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.oju-archive__grid {
		grid-template-columns: 1fr;
	}
}