/*
 * Legal pages: Privacy Policy (EN post 56) and Terms & Conditions (EN post 57).
 * Mirrors the Bricks build of /privacy-policy/ and /terms/ (identical layout).
 * Bricks breakpoints used: 991px, 478px.
 */

/* ---------- Hero (navy band, 720px column) ---------- */

.snh-legal-hero {
	padding: 140px 0 60px;
}

.snh-legal-hero__inner,
.snh-legal-content {
	box-sizing: border-box;
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
}

.snh-legal-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.snh-legal-hero p.snh-legal-hero__eyebrow {
	margin-bottom: 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #ffffffaa;
}

.snh-legal-hero .snh-legal-hero__inner h1.wp-block-heading {
	margin: 0 0 12px;
	font-family: inherit;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: normal;
	color: #fff;
}

.snh-legal-hero p.snh-legal-hero__updated {
	font-size: 14px;
	color: #ffffff66;
}

/* ---------- Body (rich text) ---------- */

.snh-legal-body {
	padding: 80px 0 120px;
}

/* Bricks' text sits in a flex container, so the first heading's top margin doesn't
   collapse through it. */
.snh-legal-content {
	display: flow-root;
	font-size: 16px;
	line-height: 1.8;
	color: #374151;
}

.snh-legal-content.snh-legal-content > h2.wp-block-heading {
	margin: 48px 0 16px;
	font-family: inherit;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: normal;
	color: var(--wp--preset--color--ink);
}

.snh-legal-content.snh-legal-content > p {
	margin: 0 0 16px;
}

.snh-legal-content.snh-legal-content > ul.wp-block-list {
	margin: 16px 0;
	padding-left: 24px;
}

.snh-legal-content li {
	margin-bottom: 8px;
}

.snh-legal-content strong {
	color: var(--wp--preset--color--ink);
}

.snh-legal-content a {
	color: inherit;
	text-decoration: none;
}

/* "To confirm" notes in the draft legal text (amber tag). */
.snh-legal-content .snh-legal-flag {
	display: inline-block;
	margin-left: 4px;
	padding: 2px 8px;
	border-radius: 4px;
	background: #fef3c7;
	color: #92400e;
	font-size: 13px;
	font-weight: 600;
}

/* Bricks: containers go full width with no side padding (text touches the screen edge). */
@media (max-width: 991px) {
	.snh-legal-hero {
		padding: 100px 0 40px;
	}

	.snh-legal-hero__inner,
	.snh-legal-content {
		width: 100%;
	}

	.snh-legal-body {
		padding: 48px 0 60px;
	}
}

@media (max-width: 478px) {
	.snh-legal-hero .snh-legal-hero__inner h1.wp-block-heading {
		font-size: 30px;
	}
}