/* The campaign pages (scripts/landing/campaign/): the header without the
   menu and the short legal footer. The rest
   is the main site's own styles. */

/* Header: the logo on the left, the one action on the right. */
.cp-header .sh-actions {
	margin-left: auto;
}

/* Footer: the logo, the legal pages and the company line. */
.cp-footer-in {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 24px 40px;
	padding: 44px 0 28px;
}
.cp-footer .logo img {
	width: 112px;
	filter: brightness(0) invert(1);
}
.cp-legal {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 28px;
	font-size: 14px;
}
.cp-legal a {
	color: #f2f2f4;
}
.cp-legal a:hover {
	text-decoration: underline;
	text-underline-offset: 4px;
}
@media (max-width: 640px) {
	/* Tap targets of at least 40 px, as in the main footer. */
	.cp-legal a {
		display: inline-block;
		padding-block: 8px;
	}
}