/* Mãe: espaçamento global da 1ª section de toda página interna (menu + respiro, tokens.css). */
.page-header {
	width: 100%;
	padding: var(--system-page-header-top) var(--system-spacing-wrapper) var(--system-page-header-bottom);
}

/* Default: título à esquerda, sem notch. Cada página customiza via modifier no próprio CSS. */
.page-header--default {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--system-spacing-gap-xl);
	background-color: var(--system-bg-surface);
	color: var(--system-fg);
}

.page-header__text,
.page-header__heading,
.page-header__meta {
	display: flex;
	flex-direction: column;
}

.page-header__text {
	gap: var(--system-spacing-gap-xl);
	width: 100%;
}

.page-header__heading { gap: var(--system-spacing-gap-sm); }

.page-header__meta {
	gap: var(--system-spacing-gap-3xs);
	color: var(--system-fg-muted);
}

.page-header__eyebrow-link {
	color: inherit;
	text-decoration: none;
}

.page-header__eyebrow-link:hover { text-decoration: underline; }

/* O header já fecha com --system-page-header-bottom; o corpo não soma outro respiro e alinha à esquerda com ele. */
.page-header--default + .single-content { padding-top: 0; }
.page-header--default ~ .single-content .block { justify-content: flex-start; }

/* Coluna de texto corrido do corpo. */
.page-text {
	width: 100%;
}