.oe-homepage-lead,
.oe-section-heading,
.oe-section-link,
.oe-walk-ride-drive,
.oe-latest-magazine,
.oe-field-tests-reviews {
	box-sizing: border-box;
	color: var(--oe-colour-text);
	font-family: var(--oe-font-interface);
}

.oe-homepage-lead *,
.oe-section-heading *,
.oe-section-link *,
.oe-walk-ride-drive *,
.oe-latest-magazine *,
.oe-field-tests-reviews * { box-sizing: border-box; }

.oe-section { padding-block: 0 var(--oe-section-tail-space); }
.oe-section--major { padding-block: 0 var(--oe-section-tail-space); }

.oe-container {
	width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-content));
	margin-inline: auto;
}
.oe-container--wide { width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-wide)); }

.oe-homepage-lead {
	background: var(--oe-colour-paper);
	margin-top: -40px;
	padding-top: 20px;
	padding-bottom: var(--oe-section-tail-space);
}
.oe-homepage-lead__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.92fr) minmax(300px, 0.92fr);
	gap: clamp(32px, 4vw, 56px);
	align-items: start;
}
.oe-homepage-lead__supporting { display: grid; gap: 32px; }

.oe-article-card { min-width: 0; }
.oe-article-card__image-link { display: block; color: inherit; }
.oe-article-card__image-frame {
	margin: 0;
	overflow: hidden;
	background: var(--oe-colour-rule);
	aspect-ratio: 3 / 2;
}
.oe-article-card--supporting .oe-article-card__image-frame { aspect-ratio: 4 / 3; }
.oe-article-card__image { display: block; width: 100%; height: 100%; object-fit: cover; }
.oe-article-card__content { padding-top: 18px; }
.oe-article-card__label {
	margin-bottom: 10px;
	color: var(--oe-colour-navy);
	font-size: var(--oe-font-size-label);
	font-weight: 600;
	letter-spacing: .045em;
	line-height: 1.35;
	text-transform: uppercase;
}
.oe-article-card__title {
	margin: 0;
	font-family: var(--oe-font-editorial);
	font-size: var(--oe-font-size-card-title);
	font-weight: 600;
	line-height: 1.16;
}
.oe-article-card--lead .oe-article-card__title { font-size: var(--oe-font-size-lead-title); line-height: 1.06; }
.oe-article-card--supporting .oe-article-card__content { padding-top: 14px; }
.oe-article-card--supporting .oe-article-card__label { margin-bottom: 7px; }
.oe-article-card--supporting .oe-article-card__title { font-size: var(--oe-font-size-support-title); line-height: 1.1; }
.oe-article-card__title a { color: var(--oe-colour-text); text-decoration: none; }
.oe-article-card__title a:hover { color: var(--oe-colour-navy); }
.oe-article-card__title a:focus-visible,
.oe-section-link__anchor:focus-visible { outline: 2px solid var(--oe-colour-navy); outline-offset: 4px; }
.oe-article-card__excerpt {
	max-width: var(--oe-width-reading);
	margin: 18px 0 0;
	color: var(--oe-colour-text-muted);
	font-size: 1rem;
	line-height: 1.6;
}
.oe-homepage-lead__statement {
	margin: 52px 0 0;
	padding-top: 0;
	border-top: 0;
	font-size: 1rem;
	font-family: var(--oe-font-editorial);
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
}

.oe-section-heading {
	width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-content));
	margin-inline: auto;
	padding-top: 18px;
	border-top: 1px solid var(--oe-colour-navy);
}
.oe-section-heading__title {
	margin: 0;
	font-family: var(--oe-font-editorial);
	font-size: var(--oe-font-size-section-title);
	font-weight: 600;
	line-height: 1.08;
}
.oe-section-link {
	width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-content));
	margin: 32px auto 0;
}
.oe-walk-ride-drive {
	width: 100%;
	margin: 0;
}
.oe-section-link__anchor {
	color: var(--oe-colour-navy);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}
.oe-section-link__anchor:hover { text-decoration-thickness: 2px; }


.oe-walk-ride-drive {
	background: var(--oe-colour-paper);
	padding-top: 0;
}
.oe-section-heading--embedded {
	width: 100%;
	margin: 0;
}
.oe-walk-ride-drive .oe-section-heading__title,
.oe-latest-magazine .oe-section-heading__title {
	font-size: var(--oe-font-heading-l);
}
.oe-walk-ride-drive__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(28px, 3vw, 40px);
	margin-top: 36px;
}
.oe-article-card--category-feature .oe-article-card__image-frame {
	aspect-ratio: 3 / 2;
}
.oe-article-card--category-feature .oe-article-card__title {
	font-size: var(--oe-font-size-support-title);
	line-height: 1.1;
}
.oe-article-card--category-feature .oe-article-card__excerpt {
	margin-top: 14px;
	font-size: 1rem;
	line-height: 1.55;
}
.oe-editor-warning {
	padding: 16px;
	border: 1px solid #cc1818;
	background: #fff;
	color: #5a0000;
	font-family: var(--oe-font-interface);
}

@media (max-width: 1023px) {
	.oe-walk-ride-drive__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
	.oe-homepage-lead__grid { grid-template-columns: 1fr; }
	.oe-homepage-lead__supporting { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.oe-walk-ride-drive__grid { grid-template-columns: 1fr; gap: 48px; margin-top: 28px; }
	.oe-homepage-lead {
		margin-top: -68px;
		padding-top: 16px;
	}
	.oe-article-card--lead .oe-article-card__title {
		font-size: 2rem;
		line-height: 1.08;
	}
	.oe-homepage-lead__supporting { grid-template-columns: 1fr; gap: 36px; }
	.oe-homepage-lead__statement { margin-top: 40px; }
	.oe-article-card__content { padding-top: 14px; }
}

/* Latest Magazine */
.oe-latest-magazine,
.oe-latest-magazine * { box-sizing: border-box; }
.oe-latest-magazine {
	width: 100%;
	margin: 0;
	padding-top: 0;
	background: var(--oe-colour-paper);
	color: var(--oe-colour-text);
	font-family: var(--oe-font-interface);
}
.oe-latest-magazine .oe-container {
	width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-content));
}
.oe-latest-magazine__grid {
	display: grid;
	grid-template-columns: minmax(230px, .72fr) minmax(0, 1.28fr);
	gap: clamp(44px, 7vw, 96px);
	align-items: center;
	margin-top: 40px;
}
.oe-latest-magazine__cover { display: flex; justify-content: center; }
.oe-latest-magazine__cover a { display: block; width: min(100%, 360px); }
.oe-latest-magazine__image { display: block; width: 100%; height: auto; }
.oe-latest-magazine__label {
	margin: 0 0 12px;
	font-size: var(--oe-font-size-label);
	font-weight: 600;
	letter-spacing: .045em;
	line-height: 1.35;
	text-transform: uppercase;
}
.oe-latest-magazine__label a { color: var(--oe-colour-navy); text-decoration: none; }
.oe-latest-magazine__label a:hover { text-decoration: underline; text-underline-offset: .2em; }
.oe-latest-magazine__title {
	margin: 0;
	font-family: var(--oe-font-editorial);
	font-size: clamp(1.5rem, 1.9vw, 1.875rem);
	font-weight: 600;
	line-height: 1.06;
}
.oe-latest-magazine__title a { color: var(--oe-colour-text); text-decoration: none; }
.oe-latest-magazine__title a:hover { color: var(--oe-colour-navy); }
.oe-latest-magazine__excerpt {
	max-width: 660px;
	margin: 24px 0 0;
	color: var(--oe-colour-text-muted);
	font-size: 1rem;
	line-height: 1.65;
}
.oe-latest-magazine__actions { display: flex; flex-wrap: wrap; gap: 18px 26px; align-items: center; margin-top: 30px; }
.oe-button { display: inline-flex; align-items: center; justify-content: center; font-weight: 500; text-decoration: none; }
.oe-button--primary { min-height: 40px; padding: 8px 18px; background: var(--oe-colour-navy); color: #fff; }
.oe-button--primary:hover { opacity: .9; color: #fff; }
.oe-button--text { color: var(--oe-colour-navy); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.oe-button--text:hover { text-decoration-thickness: 2px; }
.oe-latest-magazine a:focus-visible { outline: 2px solid var(--oe-colour-navy); outline-offset: 4px; }

.oe-article-card__label a { color: var(--oe-colour-navy); text-decoration: none; }
.oe-article-card__label a:hover { text-decoration: underline; text-underline-offset: .2em; }
.oe-article-card__label a:focus-visible { outline: 2px solid var(--oe-colour-navy); outline-offset: 3px; }

@media (max-width: 767px) {
	.oe-latest-magazine__grid { grid-template-columns: 1fr; gap: 34px; margin-top: 28px; }
	.oe-latest-magazine__cover { justify-content: flex-start; }
	.oe-latest-magazine__cover a { width: min(76vw, 330px); }
	.oe-latest-magazine__title { font-size: 1.625rem; }
}

/* Field Tests & Reviews */
.oe-field-tests-reviews,
.oe-field-tests-reviews * { box-sizing: border-box; }
.oe-field-tests-reviews {
	width: 100%;
	margin: 0;
	padding-top: 0;
	background: var(--oe-colour-paper);
	color: var(--oe-colour-text);
	font-family: var(--oe-font-interface);
}
.oe-field-tests-reviews .oe-section-heading__title { font-size: var(--oe-font-heading-l); }
.oe-field-tests-reviews__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(22px, 2.4vw, 32px);
	margin-top: 32px;
}
.oe-article-card--compact-grid .oe-article-card__image-frame { aspect-ratio: 3 / 2; }
.oe-article-card--compact-grid .oe-article-card__content { padding-top: 12px; }
.oe-article-card--compact-grid .oe-article-card__label { margin-bottom: 6px; }
.oe-article-card--compact-grid .oe-article-card__title {
	font-size: var(--oe-font-heading-s);
	line-height: 1.12;
}
@media (max-width: 1023px) {
	.oe-field-tests-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; }
}
@media (max-width: 767px) {
	.oe-field-tests-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 18px; margin-top: 28px; }
	.oe-article-card--compact-grid .oe-article-card__title { font-size: 1rem; }
}

/* Advertisement */
.oe-advertisement,
.oe-advertisement * { box-sizing: border-box; }
.oe-advertisement {
	width: 100%;
	margin: 0;
	background: var(--oe-colour-paper);
	color: var(--oe-colour-text);
	font-family: var(--oe-font-interface);
}
.oe-section--advertisement { padding-bottom: var(--oe-section-tail-space); }
.oe-advertisement__inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 50px;
	text-align: center;
}
.oe-advertisement__inner > * { max-width: 100%; }
.oe-advertisement__placeholder {
	display: grid;
	gap: 6px;
	width: min(calc(100% - (2 * var(--oe-page-gutter))), var(--oe-width-content));
	margin-inline: auto;
	padding: 20px;
	border: 1px dashed var(--oe-colour-text-muted);
	color: var(--oe-colour-text-muted);
	font-family: var(--oe-font-interface);
	font-size: .875rem;
	text-align: center;
}
.oe-advertisement__placeholder strong { color: var(--oe-colour-text); font-weight: 600; }

/*
 * Front-end editorial lock.
 *
 * Themes commonly apply highly specific heading, link and button rules inside
 * the page content area. These selectors deliberately scope the OE design
 * system to OE components only, keeping the public page visually identical to
 * the Gutenberg preview without affecting the rest of the website.
 */
body .oe-homepage-lead,
body .oe-walk-ride-drive,
body .oe-latest-magazine,
body .oe-field-tests-reviews,
body .oe-advertisement,
body .oe-section-heading,
body .oe-section-link {
	color: var(--oe-colour-text) !important;
	font-family: var(--oe-font-interface) !important;
}

body .oe-homepage-lead .oe-article-card__title,
body .oe-walk-ride-drive .oe-article-card__title,
body .oe-field-tests-reviews .oe-article-card__title,
body .oe-latest-magazine .oe-latest-magazine__title,
body .oe-section-heading .oe-section-heading__title {
	font-family: var(--oe-font-editorial) !important;
	font-style: normal !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

body .oe-homepage-lead .oe-article-card--lead .oe-article-card__title {
	font-size: var(--oe-font-heading-xl) !important;
	line-height: 1.06 !important;
	margin: 0 !important;
}

body .oe-homepage-lead .oe-article-card--supporting .oe-article-card__title,
body .oe-walk-ride-drive .oe-article-card--category-feature .oe-article-card__title,
body .oe-field-tests-reviews .oe-article-card__title {
	font-size: var(--oe-font-heading-m) !important;
	line-height: 1.1 !important;
	margin: 0 !important;
}

body .oe-section-heading .oe-section-heading__title,
body .oe-walk-ride-drive .oe-section-heading__title,
body .oe-latest-magazine .oe-section-heading__title,
body .oe-field-tests-reviews .oe-section-heading__title {
	font-size: var(--oe-font-heading-l) !important;
	line-height: 1.08 !important;
	margin: 0 !important;
}

body .oe-latest-magazine .oe-latest-magazine__title {
	font-size: clamp(1.5rem, 1.9vw, 1.875rem) !important;
	line-height: 1.06 !important;
	margin: 0 !important;
}

body .oe-homepage-lead .oe-article-card__excerpt,
body .oe-latest-magazine .oe-latest-magazine__excerpt {
	font-family: var(--oe-font-interface) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.6 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

body .oe-homepage-lead .oe-article-card__label,
body .oe-walk-ride-drive .oe-article-card__label,
body .oe-field-tests-reviews .oe-article-card__label,
body .oe-latest-magazine .oe-latest-magazine__label {
	font-family: var(--oe-font-interface) !important;
	font-size: var(--oe-font-category) !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
}

body .oe-homepage-lead a,
body .oe-walk-ride-drive a,
body .oe-field-tests-reviews a,
body .oe-latest-magazine a {
	box-shadow: none !important;
}

body .oe-homepage-lead .oe-article-card__title a,
body .oe-walk-ride-drive .oe-article-card__title a,
body .oe-field-tests-reviews .oe-article-card__title a,
body .oe-latest-magazine .oe-latest-magazine__title a {
	color: var(--oe-colour-text) !important;
	font: inherit !important;
	text-decoration: none !important;
}

body .oe-homepage-lead .oe-article-card__title a:hover,
body .oe-walk-ride-drive .oe-article-card__title a:hover,
body .oe-field-tests-reviews .oe-article-card__title a:hover,
body .oe-latest-magazine .oe-latest-magazine__title a:hover {
	color: var(--oe-colour-navy) !important;
}

body .oe-homepage-lead .oe-article-card__label a,
body .oe-walk-ride-drive .oe-article-card__label a,
body .oe-field-tests-reviews .oe-article-card__label a,
body .oe-latest-magazine .oe-latest-magazine__label a {
	color: var(--oe-colour-navy) !important;
	font: inherit !important;
	text-decoration: none !important;
}

body .oe-latest-magazine .oe-button {
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	font-family: var(--oe-font-interface) !important;
	font-size: 1rem !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}

body .oe-latest-magazine .oe-button--primary {
	min-height: 40px !important;
	padding: 8px 18px !important;
	background: var(--oe-colour-navy) !important;
	color: var(--oe-colour-white) !important;
	text-decoration: none !important;
}

body .oe-latest-magazine .oe-button--text {
	padding: 0 !important;
	background: transparent !important;
	color: var(--oe-colour-navy) !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: .2em !important;
}

body .oe-homepage-lead__statement {
	font-family: var(--oe-font-editorial) !important;
	font-size: 1rem !important;
	font-style: italic !important;
	font-weight: 400 !important;
	line-height: 1.4 !important;
}

@media (max-width: 767px) {
	body .oe-homepage-lead .oe-article-card--lead .oe-article-card__title {
		font-size: 2rem !important;
		line-height: 1.08 !important;
	}
}