/**
 * 2026 chrome on legacy page templates.
 * Loaded after style.css so Plain replaces Rubik sitewide (header/footer pages).
 */

body.design-2026 {
	font-family: var(--font-family-plain, 'Plain', sans-serif);
	font-weight: var(--font-weight-thin, 290);
	font-synthesis: none;
	--legacy-header-offset: var(--header-2026-overlay-height, 9rem);
}

body.design-2026 #content,
body.design-2026 #page {
	font-family: inherit;
}

/* Legacy theme header/navbar rules must not affect the 2026 chrome */
body.design-2026 header.header-2026 {
	padding: 0 !important;
	background: transparent !important;
}

body.white-navigation header.header-2026 {
	background: transparent !important;
}

body.design-2026 .header-2026__toggler {
	border: 0 !important;
	background: transparent !important;
}

/*
 * Legacy heroes (.blue-top / .first-zone) paint a navy band behind the fixed
 * 2026 header. Offset must match --header-2026-overlay-height — style-2026 only
 * padded #content by 5.5rem (88px), so the band was shorter than the header.
 */
body.design-2026 .blue-top {
	margin-top: calc(-1 * var(--legacy-header-offset));
	border-top-width: var(--legacy-header-offset);
}

body.design-2026 .first-zone {
	margin-top: calc(-1 * var(--legacy-header-offset));
}

body.design-2026 .first-zone .container,
body.design-2026 .first-zone .container-fluid {
	padding-top: var(--legacy-header-offset);
}

body.design-2026 #whitepaper-banner.white-banner {
	border-top-width: var(--legacy-header-offset);
}