/* Eloralintide Research: magazine layer (1.4.3).
   Loaded only on the homepage, The Briefing hub and Briefing stories.
   Builds on tokens.css and components.css; nothing here changes another page.
   Serif (Spectral) is used for the homepage hero and Briefing headlines only. */

@font-face {
	font-family: Spectral;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/spectral-500.woff2") format("woff2");
}

@font-face {
	font-family: Spectral;
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/spectral-600.woff2") format("woff2");
}

@font-face {
	font-family: Spectral;
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/spectral-400-italic.woff2") format("woff2");
}

.elr-mag {
	--elr-serif: Spectral, Georgia, "Times New Roman", serif;
	--elr-amber-light: #E8B777;
	--mint: #6FE3CF;
}

/* ---------------------------------------------------------------
   Page rhythm
   --------------------------------------------------------------- */

.wp-block-group.elr-home > *,
.wp-block-group.elr-editindex > * {
	margin-block: 0;
}

.elr-wrap {
	padding-inline: var(--gutter);
}

.elr-wrap > * {
	max-width: var(--container-max);
	margin-inline: auto;
}

.elr-wrap--wide > * {
	max-width: var(--container-wide);
}

.elr-sec-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-4);
	margin-block-end: var(--space-4);
}

.elr-sec-head h2 {
	margin: 0;
	font-family: var(--elr-serif);
	font-weight: 600;
	font-size: clamp(1.6rem, 1.3rem + 1vw, 2rem);
}

.elr-sec-head__all {
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	font-weight: var(--fw-medium);
	color: var(--petrol-700);
	text-decoration: none;
	white-space: nowrap;
}

.elr-sec-head__all:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------------
   Buttons used on dark bands
   --------------------------------------------------------------- */

.elr-btn--amber {
	background: var(--amber-500);
	border: 1px solid var(--amber-500);
	color: var(--ink-900);
}

.elr-btn--amber:hover {
	background: #D9922F;
	border-color: #D9922F;
	color: var(--ink-900);
}

.elr-btn--light {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, .55);
	color: var(--white);
}

.elr-btn--light:hover {
	background: rgba(255, 255, 255, .12);
	color: var(--white);
}

/* ---------------------------------------------------------------
   Notice bar on the dark pages
   --------------------------------------------------------------- */

.elr-mag--dark-header .elr-invest {
	background: var(--petrol-700);
	border-block-end: 0;
	color: #E2F0F1;
}

.elr-mag--dark-header .elr-invest__inner,
.elr-mag--dark-header .elr-invest__inner strong,
.elr-mag--dark-header .elr-invest__inner a {
	color: #E2F0F1;
}

.elr-mag--dark-header .elr-invest__inner a {
	text-decoration-color: var(--mint);
}

/* ---------------------------------------------------------------
   Hero
   --------------------------------------------------------------- */

.elr-mhero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	align-items: center;
	min-height: clamp(24rem, 27vw, 30rem);
	color: var(--white);
	background:
		radial-gradient(60rem 30rem at 85% 40%, rgba(18, 128, 138, .45), transparent 70%),
		linear-gradient(120deg, #04282C 0%, var(--petrol-900) 55%, var(--petrol-700) 130%);
}

.elr-mhero__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	margin: 0;
	display: block;
}

.elr-mhero__bg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 70% center;
}

.elr-mhero__trace {
	position: absolute;
	inset: auto 0 0 0;
	width: 100%;
	height: 100%;
}

.elr-mhero__veil {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(3, 30, 33, .92) 0%, rgba(3, 30, 33, .72) 38%, rgba(3, 30, 33, 0) 72%);
}

.elr-mhero__inner {
	position: relative;
	width: 100%;
	max-width: var(--container-wide);
	margin-inline: auto;
	padding: var(--space-8) var(--gutter);
}

.elr-mhero__text {
	max-width: 42rem;
}

.elr-mhero__eyebrow {
	margin: 0 0 var(--space-3);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: var(--fw-semibold);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--mint);
}

.elr-mhero__title {
	margin: 0;
	font-family: var(--elr-serif);
	font-weight: 600;
	font-size: clamp(2.3rem, 1.2rem + 3vw, 3.7rem);
	line-height: 1.04;
	letter-spacing: -.012em;
	color: var(--white);
}

.elr-mhero__hl {
	color: var(--mint);
}

.elr-mhero__strap {
	margin: var(--space-4) 0 0;
	font-family: var(--elr-serif);
	font-size: clamp(1.15rem, 1rem + .6vw, 1.5rem);
	line-height: 1.3;
	color: #E7F4F5;
}

.elr-mhero__lead {
	margin: var(--space-3) 0 0;
	max-width: 58ch;
	font-size: var(--fs-body);
	line-height: 1.55;
	color: #D6E8EA;
}

.elr-mhero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-block-start: var(--space-6);
}

.elr-mhero__words {
	position: absolute;
	inset-block: 50% auto;
	inset-inline-start: 46%;
	transform: translateY(-50%);
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--font-sans);
	font-size: .8rem;
	letter-spacing: .38em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .72);
}

.elr-mhero__words li {
	margin-block: var(--space-3);
}

.elr-mhero__quote {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: var(--gutter);
	transform: translateY(-50%);
	margin: 0;
	max-width: 15rem;
	font-family: var(--elr-serif);
	font-style: italic;
	font-size: clamp(1.3rem, 1rem + 1vw, 1.9rem);
	line-height: 1.2;
	color: rgba(255, 255, 255, .92);
	text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}

.elr-mhero__quote::after {
	content: "";
	display: block;
	width: 4.5rem;
	height: 2px;
	margin-block-start: var(--space-4);
	background: var(--mint);
}

/* The Ask plugin's old hero card is replaced by the Ask box lower down. */
.elr-mhero > .elrask-hero {
	display: none;
}

@media (max-width: 1099px) {
	.elr-mhero__words,
	.elr-mhero__quote {
		display: none;
	}
}

@media (max-width: 720px) {
	.elr-mhero {
		min-height: 0;
		align-items: flex-end;
	}

	.elr-mhero__inner {
		padding-block: var(--space-12) var(--space-8);
	}

	.elr-mhero__bg img {
		object-position: center top;
	}

	.elr-mhero__veil {
		background: linear-gradient(180deg, rgba(3, 30, 33, .35) 0%, rgba(3, 30, 33, .9) 62%);
	}

	.elr-mhero__cta .elr-btn {
		flex: 1 1 100%;
	}
}

/* ---------------------------------------------------------------
   Story cards (The Briefing)
   --------------------------------------------------------------- */

.elr-scardrow,
.elr-scardgrid {
	display: grid;
	gap: var(--space-6);
}

.elr-scardrow {
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.elr-scardgrid {
	grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
}

.elr-scard {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--white);
	border: 1px solid var(--ink-300);
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-1);
	transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
}

.elr-scard:hover,
.elr-scard:focus-within {
	box-shadow: var(--shadow-2);
	transform: translateY(-2px);
}

.elr-scard__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--petrol-900);
}

.elr-scard__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.elr-scard__ph {
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, #063B40 0%, #12808A 100%);
}

.elr-scard[data-cat="comparisons"] .elr-scard__ph { background: linear-gradient(135deg, #3A2A12 0%, #8C5A1D 100%); }
.elr-scard[data-cat="clinical-results"] .elr-scard__ph { background: linear-gradient(135deg, #14304A 0%, #3A5A7A 100%); }
.elr-scard[data-cat="the-science"] .elr-scard__ph { background: linear-gradient(135deg, #042F2B 0%, #0B6B5B 100%); }

.elr-scard__tag {
	position: absolute;
	inset: auto auto var(--space-2) var(--space-2);
	padding: 5px 9px;
	border-radius: 3px;
	background: rgba(6, 59, 64, .9);
	color: var(--white);
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: var(--fw-semibold);
	line-height: 1;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.elr-scard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: var(--space-2);
	padding: var(--space-4) var(--space-4) var(--space-4);
}

.elr-scard__title {
	margin: 0;
	font-family: var(--elr-serif);
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.22;
}

.elr-scard__title a {
	color: var(--ink-900);
	text-decoration: none;
}

.elr-scard__title a:hover {
	color: var(--petrol-700);
	text-decoration: underline;
	text-decoration-color: var(--amber-700);
	text-underline-offset: 3px;
}

.elr-scard__dek {
	margin: 0;
	font-size: var(--fs-small);
	line-height: 1.55;
	color: var(--ink-700);
}

.elr-scard__more {
	margin-block-start: auto;
	padding-block-start: var(--space-2);
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	font-weight: var(--fw-semibold);
	color: var(--petrol-700);
	text-decoration: none;
}

.elr-scard__more:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.elr-scard--placeholder {
	border-style: dashed;
	box-shadow: none;
}

.elr-scard--placeholder:hover {
	transform: none;
	box-shadow: none;
}

/* ---------------------------------------------------------------
   Four story cards with trending topics and the Ask box
   --------------------------------------------------------------- */

.elr-featured {
	padding-block: var(--space-6) var(--space-4);
}

.elr-featured__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 18.5rem;
	gap: var(--space-6);
	align-items: start;
}

.elr-featured__cards .elr-scardrow {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-4);
}

.elr-featured__side {
	display: grid;
	gap: var(--space-4);
}

.elr-featured__main {
	min-width: 0;
}

.elr-featured--solo {
	display: block;
}

.elr-featured--solo .elr-featured__side {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
}

.elr-trend,
.elr-askbox {
	padding: var(--space-4) var(--space-6);
	border: 1px solid var(--ink-300);
	border-radius: var(--radius-sm);
	background: var(--white);
	box-shadow: var(--shadow-1);
}

.elr-trend__h,
.elr-askbox h2 {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin: 0 0 var(--space-2);
	font-family: var(--font-sans);
	font-size: .8125rem;
	font-weight: var(--fw-semibold);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--petrol-700);
}

.elr-askbox h2 {
	font-family: var(--elr-serif);
	font-size: 1.35rem;
	letter-spacing: 0;
	text-transform: none;
	color: var(--petrol-900);
}

.elr-trend ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.elr-trend li a {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	align-items: baseline;
	gap: var(--space-2);
	padding: 9px 0;
	color: var(--ink-900);
	font-family: var(--font-sans);
	font-size: .98rem;
	line-height: 1.35;
	text-decoration: none;
}

.elr-trend li a:hover .elr-trend__t {
	color: var(--petrol-700);
	text-decoration: underline;
	text-decoration-color: var(--amber-700);
	text-underline-offset: 3px;
}

.elr-trend__n {
	font-family: var(--font-sans);
	font-weight: var(--fw-semibold);
	color: var(--petrol-500);
}

.elr-askbox__lead {
	margin: 0 0 var(--space-3);
	font-size: var(--fs-small);
	line-height: 1.45;
	color: var(--ink-700);
}

.elr-askbox form {
	display: grid;
	gap: var(--space-2);
}

.wp-site-blocks .elr-askbox form input[type="text"] {
	width: 100%;
	box-sizing: border-box;
	padding: 11px 12px;
	border: 1.5px solid var(--ink-500);
	border-radius: var(--radius-sm);
	background: var(--white);
	color: var(--ink-900);
	font: inherit;
	font-size: 16px;
}

.wp-site-blocks .elr-askbox form button[type="submit"] {
	padding: 11px 16px;
	border: 0;
	border-radius: var(--radius-sm);
	background: var(--petrol-900);
	color: var(--white);
	font: inherit;
	font-weight: var(--fw-semibold);
	cursor: pointer;
}

.wp-site-blocks .elr-askbox form button[type="submit"]:hover {
	background: var(--petrol-700);
}

.elr-askbox__ex {
	margin: var(--space-3) 0 0;
	padding: 0;
	list-style: none;
	font-size: 13.5px;
	line-height: 1.4;
}

.elr-askbox__ex li + li {
	margin-block-start: 6px;
}

.elr-askbox__ex a {
	color: var(--petrol-700);
}

.elr-askbox__note {
	margin: var(--space-3) 0 0;
	font-size: 12px;
	line-height: 1.45;
	color: var(--ink-500);
}

@media (max-width: 1279px) {
	.elr-featured__cards .elr-scardrow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1023px) {
	.elr-featured__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.elr-featured__side,
	.elr-featured--solo .elr-featured__side {
		grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	}
}

@media (max-width: 600px) {
	.elr-featured__cards .elr-scardrow {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------------------------------------------------------------
   Explore by topic: one compact row
   --------------------------------------------------------------- */

.elr-tiles {
	padding-block: var(--space-6) 0;
}

.elr-tiles__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: var(--space-3);
}

.elr-tile {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: var(--radius-sm);
	background: var(--petrol-900);
	color: var(--white);
	text-decoration: none;
	box-shadow: var(--shadow-1);
}

.elr-tile:hover {
	box-shadow: var(--shadow-2);
	color: var(--white);
}

.elr-tile__img,
.elr-tile__ph {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform var(--dur-base) var(--ease);
}

.elr-tile:hover .elr-tile__img,
.elr-tile:hover .elr-tile__ph {
	transform: scale(1.04);
}

.elr-tile__ph {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	padding: var(--space-2);
	background: linear-gradient(135deg, #063B40 0%, #0B5B62 100%);
	color: rgba(255, 255, 255, .25);
}

.elr-tile__ph svg {
	width: 2.75rem;
	height: 2.75rem;
}

.elr-tile__ph--2 { background: linear-gradient(135deg, #042F2B 0%, #0B6B5B 100%); }
.elr-tile__ph--3 { background: linear-gradient(135deg, #14304A 0%, #3A5A7A 100%); }
.elr-tile__ph--4 { background: linear-gradient(135deg, #0B4A52 0%, #12808A 100%); }
.elr-tile__ph--5 { background: linear-gradient(135deg, #1B2F3A 0%, #3E6A7A 100%); }
.elr-tile__ph--6 { background: linear-gradient(135deg, #063B40 0%, #2F6F6B 100%); }

.elr-tile::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(3, 30, 33, 0) 40%, rgba(3, 30, 33, .88) 100%);
	pointer-events: none;
}

.elr-tile__body {
	position: absolute;
	inset: auto var(--space-2) var(--space-2) var(--space-2);
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--space-2);
}

.elr-tile__title {
	font-family: var(--font-sans);
	font-size: .875rem;
	font-weight: var(--fw-semibold);
	line-height: 1.2;
}

.elr-tile__arrow {
	flex: none;
	font-size: 1rem;
	color: var(--mint);
}

@media (max-width: 1099px) {
	.elr-tiles__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.elr-tiles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------------------------------------------------------------
   Combination research panel
   --------------------------------------------------------------- */

.elr-cpanel {
	margin-block: var(--space-12) var(--space-8);
}

.elr-cpanel__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	gap: var(--space-12);
	align-items: center;
	padding: var(--space-12);
	border-radius: var(--radius-lg);
	background: var(--petrol-100);
	border: 1px solid #C5DEE0;
}

.elr-cpanel__eyebrow,
.elr-vband__eyebrow {
	margin: 0 0 var(--space-2);
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: var(--fw-semibold);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--petrol-700);
}

.elr-cpanel h2 {
	margin: 0 0 var(--space-3);
	font-size: var(--fs-h2);
}

.elr-cpanel p {
	margin: 0;
}

.elr-cpanel__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	margin-block-start: var(--space-6);
}

.elr-cpanel__fig {
	margin: 0;
	padding: var(--space-6);
	border-radius: var(--radius-md);
	background: var(--white);
	box-shadow: var(--shadow-1);
}

.elr-cpanel__pair {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.elr-cpanel__pair p {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.elr-cpanel__num {
	font-family: var(--font-sans);
	font-size: clamp(2rem, 1.4rem + 2vw, 3rem);
	font-weight: var(--fw-semibold);
	line-height: 1;
	color: var(--petrol-700);
}

.elr-cpanel__num--b {
	color: var(--ink-500);
}

.elr-cpanel__lab {
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	color: var(--ink-700);
}

.elr-cpanel__vs {
	font-family: var(--font-mono);
	font-size: var(--fs-small);
	color: var(--ink-500);
}

.elr-cpanel figcaption {
	margin-block-start: var(--space-4);
	padding-block-start: var(--space-3);
	border-block-start: 1px solid var(--ink-100);
	font-family: var(--font-sans);
	font-size: 13px;
	line-height: 1.5;
	color: var(--ink-500);
}

.elr-cpanel figcaption strong {
	font-weight: var(--fw-semibold);
	color: var(--ink-700);
}

@media (max-width: 900px) {
	.elr-cpanel__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-6);
		padding: var(--space-6);
	}
}

/* ---------------------------------------------------------------
   Analytical science band
   --------------------------------------------------------------- */

.elr-vband {
	margin-block: var(--space-8);
	background:
		radial-gradient(40rem 20rem at 90% 0%, rgba(18, 128, 138, .35), transparent 70%),
		var(--petrol-900);
	color: var(--white);
}

.elr-vband__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	gap: var(--space-12);
	align-items: center;
	max-width: var(--container-max);
	margin-inline: auto;
	padding: var(--space-16) var(--gutter);
}

.elr-vband__eyebrow {
	color: var(--elr-amber-light);
}

.elr-vband h2 {
	margin: 0 0 var(--space-4);
	font-size: clamp(1.8rem, 1.3rem + 1.8vw, 2.5rem);
	line-height: 1.15;
	color: var(--white);
}

.elr-vband h2 em {
	font-style: normal;
	color: var(--elr-amber-light);
}

.elr-vband p {
	margin: 0 0 var(--space-4);
	color: #D6E8EA;
}

.elr-vband__covers {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0 0 var(--space-6);
	padding: 0;
	list-style: none;
}

.elr-vband__covers li {
	padding: 6px 14px;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	color: var(--white);
}

.elr-vband .elr-vband__note {
	margin: var(--space-4) 0 0;
	font-size: 13px;
	color: #B5D3D6;
}

.elr-vband__links {
	display: grid;
	gap: var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.elr-vband__links a {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: var(--space-4) var(--space-6);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: var(--radius-md);
	background: rgba(255, 255, 255, .06);
	color: var(--white);
	text-decoration: none;
}

.elr-vband__links a:hover {
	background: rgba(255, 255, 255, .13);
	border-color: rgba(255, 255, 255, .5);
}

.elr-vband__links strong {
	font-family: var(--font-sans);
	font-weight: var(--fw-semibold);
}

.elr-vband__links span {
	font-size: var(--fs-small);
	color: #C9E1E3;
}

.elr-vband a:focus-visible,
.elr-mhero a:focus-visible {
	outline: 3px solid var(--elr-amber-light);
	outline-offset: 2px;
}

@media (max-width: 900px) {
	.elr-vband__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-8);
		padding-block: var(--space-12);
	}
}

/* ---------------------------------------------------------------
   Closing line
   --------------------------------------------------------------- */

.elr-quote {
	display: flex;
	align-items: center;
	gap: var(--space-6);
	margin-block: var(--space-8) var(--space-8);
}

.elr-quote::before,
.elr-quote::after {
	content: "";
	flex: 1 1 0;
	height: 1px;
	background: var(--ink-300);
}

.elr-quote blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

.elr-quote p {
	margin: 0;
	font-family: var(--elr-serif);
	font-style: italic;
	font-size: clamp(1.15rem, 1rem + .7vw, 1.5rem);
	line-height: 1.35;
	color: var(--petrol-700);
}

@media (max-width: 600px) {
	.elr-quote::before,
	.elr-quote::after {
		display: none;
	}
}

/* ---------------------------------------------------------------
   The Briefing hub
   --------------------------------------------------------------- */

.elr-editindex__head {
	padding: var(--space-16) var(--gutter) var(--space-12);
	background:
		radial-gradient(40rem 20rem at 85% 30%, rgba(18, 128, 138, .4), transparent 70%),
		linear-gradient(120deg, #04282C, var(--petrol-900));
	color: var(--white);
}

.elr-editindex__head > * {
	max-width: var(--container-max);
	margin-inline: auto;
}

.elr-editindex__head .is-style-eyebrow {
	color: var(--elr-amber-light);
}

.elr-editindex__head h1 {
	margin-block-end: 0;
	font-family: var(--elr-serif);
	font-weight: 600;
	font-size: clamp(2.4rem, 1.6rem + 3vw, 3.8rem);
	line-height: 1.08;
	color: var(--white);
}

.elr-editindex .elr-wrap {
	padding-block-start: var(--space-8);
}

.elr-editindex .elr-wrap > * {
	max-width: var(--container-max);
}

.elr-editindex .elr-wrap > p.is-style-lead,
.elr-editindex .elr-wrap > p:first-child {
	max-width: 62ch;
	margin-inline: 0;
}

.elr-edit-filter ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: var(--space-6) 0;
	padding: 0;
	list-style: none;
}

.elr-edit-filter a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid var(--ink-300);
	border-radius: 999px;
	background: var(--white);
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	font-weight: var(--fw-medium);
	color: var(--ink-700);
	text-decoration: none;
}

.elr-edit-filter a:hover {
	border-color: var(--petrol-700);
	color: var(--petrol-700);
}

.elr-edit-filter a[aria-current="true"] {
	background: var(--petrol-700);
	border-color: var(--petrol-700);
	color: var(--white);
}

/* ---------------------------------------------------------------
   An Briefing story
   --------------------------------------------------------------- */

.elr-editstory h1 {
	max-width: 22ch;
	font-family: var(--elr-serif);
	font-weight: 600;
	font-size: clamp(2.1rem, 1.5rem + 2.4vw, 3.2rem);
	line-height: 1.1;
	letter-spacing: -.01em;
}

.elr-edithead__by {
	margin: var(--space-3) 0 0;
	font-family: var(--font-sans);
	font-size: var(--fs-small);
	color: var(--ink-500);
}

.elr-edit-hero {
	margin: var(--space-6) 0 var(--space-8);
}

.elr-edit-hero img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--radius-lg);
}

.elr-care {
	margin-block: var(--space-8);
	padding: var(--space-6);
	border-inline-start: 4px solid var(--amber-500);
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	background: #FBF3E8;
}

.elr-care h2 {
	margin: 0 0 var(--space-2);
	font-size: var(--fs-h4);
}

.elr-care p {
	margin: 0 0 var(--space-3);
}

.elr-care p:last-child {
	margin-bottom: 0;
}

.elr-toevidence {
	margin-block: var(--space-8);
	padding: var(--space-6);
	border-radius: var(--radius-lg);
	background: var(--petrol-100);
}

.elr-toevidence p {
	margin: 0 0 var(--space-3);
}

.elr-toevidence p:last-child {
	margin-bottom: 0;
}

.elr-toevidence__label {
	font-family: var(--font-sans);
	font-size: var(--fs-eyebrow);
	font-weight: var(--fw-semibold);
	letter-spacing: var(--tracking-eyebrow);
	text-transform: uppercase;
	color: var(--petrol-700);
}

.elr-toevidence__note {
	font-size: var(--fs-small);
	color: var(--ink-700);
}

.elr-sources {
	margin-block: var(--space-8);
}

.elr-sources h2 {
	font-size: var(--fs-h4);
}

.elr-sources ol {
	padding-inline-start: 1.25rem;
}

.elr-sources__tier {
	font-size: var(--fs-small);
	color: var(--ink-700);
}

/* ---------------------------------------------------------------
   Print: drop the decoration
   --------------------------------------------------------------- */

@media print {
	.elr-mhero__bg,
	.elr-mhero__veil {
		display: none;
	}

	.elr-mhero,
	.elr-vband {
		background: none;
		color: #000;
	}

	.elr-mhero__title,
	.elr-mhero__lead,
	.elr-vband h2,
	.elr-vband p {
		color: #000;
	}
}

.elr-tiles__note {
	margin: var(--space-2) 0 0;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--ink-500);
}

/* Right-hand quote sits on the brightest part of the artwork: a soft dark halo keeps it readable. */
.elr-mhero__quote {
	text-shadow: 0 1px 14px rgba(3, 30, 33, .85), 0 0 2px rgba(3, 30, 33, .7);
}

.elr-mhero__quote::before {
	content: "";
	position: absolute;
	inset: -3rem -3rem -2.5rem -3.5rem;
	z-index: -1;
	background: radial-gradient(closest-side, rgba(3, 30, 33, .82) 0%, rgba(3, 30, 33, .6) 55%, rgba(3, 30, 33, 0) 100%);
	pointer-events: none;
}

.elr-mhero__words {
	text-shadow: 0 1px 10px rgba(3, 30, 33, .9);
}

.elr-edit-hero__cap {
	margin: var(--space-2) 0 0;
	font-size: 12.5px;
	line-height: 1.4;
	color: var(--ink-500);
}

/* 1.4.4: the grouped Research Library menu. Every link the earlier header carried,
   grouped under its section head so none is lost. */
.elr-nav__groupsub {
	margin: 0;
	padding: 0;
	list-style: none;
}

.elr-nav__group {
	list-style: none;
}

.elr-header .elr-nav__sub--mega a.elr-nav__grouphead {
	font-weight: 600;
	color: var(--petrol-700);
	padding-bottom: .15rem;
}

.elr-header .elr-nav__sub--mega .elr-nav__groupsub a {
	font-size: .86rem;
	padding-top: .25rem;
	padding-bottom: .25rem;
}

@media (min-width: 1100px) {
	.elr-header .elr-nav__item--open > .elr-nav__sub--mega,
	.elr-header .elr-nav__item--has-sub:focus-within > .elr-nav__sub--mega {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: .25rem 1rem;
		width: min(46rem, 94vw);
		left: auto;
		right: -6rem;
		padding: 1rem 1rem 1.1rem;
	}

	.elr-header .elr-nav__sub--mega .elr-nav__group {
		padding: .25rem 0;
	}
}

@media (max-width: 1099px) {
	.elr-nav__groupsub {
		padding-left: 1rem;
	}
}