/**
 * Generic text page — privacy policy, modern slavery statement, and any other
 * long-form legal page.
 *
 * The BODY typography is not defined here. It comes from article-content.css,
 * the one place the long-form style lives; this file only sets the page frame
 * (column width, rhythm, title) so there is still exactly one place to change
 * how a paragraph looks.
 *
 * Measurements are from the "Generic Text page" frame in the prototype: a
 * 1044px column inside the 1440px canvas, headings flush to the column edge and
 * body indented 40px from them.
 */

.legal-page {
	padding-block-start: 96px;
	padding-block-end: 120px;
}

.legal-page__inner {
	max-width: 1044px;
	margin-inline: auto;
	padding-inline: 24px;
}

/* Title: the blue display treatment the mockup uses, matching the site's
   heading family rather than introducing a new one. */
/* Scoped to the wrapper: a bare .legal-page__title loses to the theme's own h1
   rule, which was rendering this at 60px. */
.legal-page .legal-page__title {
	font-family: "Titillium Web", sans-serif;
	color: #1D4F91;
	font-size: clamp(32px, 4vw, 46px);
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 44px;
}

/* Body indented from the headings, as drawn. The headings stay flush with the
   column edge so the numbered sections remain scannable down the left. */
.legal-page__body.article-content > :not(h2):not(h3) {
	margin-inline-start: 40px;
}

.legal-page__body.article-content > h2 {
	margin-inline-start: 0;
}

/* The first line ("Last Modified: …" / "Financial Year 2024") reads as a
   standfirst in the mockup rather than body copy. */
.legal-page__body.article-content > p:first-child {
	color: #1D4F91;
	font-size: 24px;
	line-height: 1.35;
	margin-inline-start: 0;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.legal-page {
		padding-block-start: 56px;
		padding-block-end: 72px;
	}

	/* The indent costs too much width on a phone. */
	.legal-page__body.article-content > :not(h2):not(h3) {
		margin-inline-start: 0;
	}

	.legal-page__body.article-content > p:first-child {
		font-size: 20px;
	}
}

/**
 * Light header treatment.
 *
 * These pages are not built in Elementor, so the header never receives the light
 * variant the builder applies per page and would otherwise render its dark nav
 * against white. The ID selectors are safe to use unscoped because this
 * stylesheet is only enqueued on the legal pages.
 */
#header-mainbar {
	background-color: #fff;
	border-bottom: 1px solid transparent;
	border-image: linear-gradient(to right, #fff 6%, #05D16E 54%, #058659 100%) 1;
}

#header-mainbar .e-n-menu-title-text {
	color: #30303c;
}

#header-mainbar a > svg * {
	fill: #1d4f91;
}

#header-mainbar button > svg * {
	stroke: #1d4f91;
}