/**
 * Folha de estilo: Página Padronizada com Coluna (Sidebar View)
 * Descrição: Grid principal dividindo o template e invocando o espaço lateral à direita.
 */

.page-sidebar-container {
	margin-top: 3rem;
	margin-bottom: 4rem;
	background: #fcfcfc;
}

.page-header {
	margin-bottom: 2rem;
}

.page-layout-sidebar {
	display: grid;
	grid-template-columns: 1fr 3fr;
	gap: 3rem;
	align-items: start;
	background-color: #fff;
}

.page-content {
	background-color: #fff;
	padding: var(--space-8);
	border-radius: 12px;
	border: 1px solid #eef0f3;
	box-shadow:
		0 4px 6px -1px rgba(0, 0, 0, 0.05),
		0 2px 4px -1px rgba(0, 0, 0, 0.03);
}

/* --- Ritmo Vertical e Espaçamento de Blocos (Sidebar Content) --- */

/* Garante que o espaçamento comece após o header, sem afetá-lo */
.page-sidebar-container .page-content > *:not(.page-header) {
	margin-top: 0;
	margin-bottom: var(--space-6);
}

.page-sidebar-container .page-content > *:last-child {
	margin-bottom: 0;
}

/* Títulos dentro do conteúdo (excluindo o H1 do header) */
.page-sidebar-container .page-content .page-header ~ h2,
.page-sidebar-container .page-content .page-header ~ h3,
.page-sidebar-container .page-content .page-header ~ h4,
.page-sidebar-container .page-content .page-header ~ h5,
.page-sidebar-container .page-content .page-header ~ h6,
.page-sidebar-container .page-content .page-header ~ * h2,
.page-sidebar-container .page-content .page-header ~ * h3,
.page-sidebar-container .page-content .page-header ~ * h4,
.page-sidebar-container .page-content .page-header ~ * h5,
.page-sidebar-container .page-content .page-header ~ * h6 {
	color: var(--cor-texto-claro);
	margin-top: var(--space-12);
	margin-bottom: var(--space-4);
	line-height: 1.3;
}

/* Parágrafos e Listas */
.page-sidebar-container .page-content .page-header ~ p:not([class*="has-text-align-"]),
.page-sidebar-container .page-content .page-header ~ * p:not([class*="has-text-align-"]) {
	margin-bottom: var(--space-4);
	color: #4a4a4a;
	line-height: 1.7;
	text-align: justify;
}

.page-sidebar-container .page-content .page-header ~ p.is-style-justify,
.page-sidebar-container .page-content .page-header ~ * p.is-style-justify {
	text-align: justify;
}

.page-sidebar-container .page-content .page-header ~ ul,
.page-sidebar-container .page-content .page-header ~ ol,
.page-sidebar-container .page-content .page-header ~ * ul,
.page-sidebar-container .page-content .page-header ~ * ol {
	margin-bottom: var(--space-6);
	padding-left: var(--space-8);
}

.page-sidebar-container .page-content .page-header ~ ul li,
.page-sidebar-container .page-content .page-header ~ ol li,
.page-sidebar-container .page-content .page-header ~ * ul li,
.page-sidebar-container .page-content .page-header ~ * ol li {
	margin-bottom: var(--space-2);
}

.page-sidebar-container .page-content .page-header ~ ul li::marker,
.page-sidebar-container .page-content .page-header ~ ol li::marker,
.page-sidebar-container .page-content .page-header ~ * ul li::marker,
.page-sidebar-container .page-content .page-header ~ * ol li::marker {
	color: var(--cor-primaria);
}

/* Blocos de Mídia e Especiais */
.page-sidebar-container .page-content .page-header ~ figure,
.page-sidebar-container .page-content .page-header ~ * figure {
	margin: var(--space-8) 0;
}

.page-sidebar-container .page-content .page-header ~ blockquote,
.page-sidebar-container .page-content .page-header ~ * blockquote {
	border-left: 4px solid var(--cor-primaria);
	padding: var(--space-4) var(--space-8);
	margin: var(--space-8) 0;
	background-color: #f9fafb;
	font-style: italic;
	border-radius: 0 8px 8px 0;
}

/* Media Queries */
@media (max-width: 992px) {
	.page-layout-sidebar {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.page-sidebar-container .page-content {
		padding: var(--space-6);
		border-radius: 8px;
	}
}