/*
 * Header (VISUAL_ACCEPTANCE.md H04, H07; reference R1–R8 header band).
 *
 * The header content aligns with the page content column: in R1–R8 the lock-up
 * starts at 7% and the contact button ends at 92.5% of the panel width, the same
 * edges as the headlines below. So the inner row is the content width plus the
 * root side padding, which is also what keeps the lock-up's focus ring clear of
 * the viewport edge (Gate 1 observation, Phase 2 task 1).
 */

.fct-header {
	position: relative;
	z-index: 20;
}

.fct-header__inner {
	box-sizing: border-box;
	width: 100%;
	max-width: calc(var(--wp--style--global--content-size, 1200px) + var(--wp--style--root--padding-left, 32px) + var(--wp--style--root--padding-right, 32px));
	margin-inline: auto;
	padding-inline: var(--wp--style--root--padding-left, 32px) var(--wp--style--root--padding-right, 32px);
	padding-block: var(--wp--preset--spacing--s);
	align-items: center;
	gap: var(--wp--preset--spacing--l);
	/* Lets the navigation wrap under the lock-up when JavaScript is off. */
	flex-wrap: wrap;
}