/*
Theme Name: Broadly Epi
Theme URI: https://www.broadlyepi.com/
Author: Broadly Epi
Description: Evidence Fieldbook hybrid theme for the Broadly Epi publication.
Version: 0.1.0
Requires at least: 7.0
Requires PHP: 8.3
Text Domain: broadly-epi
*/

html {
	scroll-behavior: smooth;
}

/* Production discovery: homepage, search, and Epi Explained hub. */
.be-production-home, .be-search-results, .be-explained-hub { padding-block: clamp(2.5rem, 6vw, 5rem); }
.be-production-home__intro, .be-explained-hub > header, .be-search-results > header { max-width: 50rem; margin-bottom: 2rem; }
.be-production-home__intro h1, .be-explained-hub > header h1, .be-search-results h1 { max-width: 22ch; }
.be-production-home__feature { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(16rem, .85fr); gap: clamp(1.5rem, 4vw, 4rem); background: var(--be-navy, #102b50); color: #fff; padding: clamp(1.5rem, 4vw, 3.5rem); border-radius: .5rem; margin-bottom: clamp(3rem, 7vw, 5rem); }
.be-production-home__feature h2 { font-family: var(--wp--preset--font-family--source-serif, Georgia, serif); font-size: clamp(2rem, 4vw, 3.5rem); line-height: 1.02; margin-block: .5rem 1rem; }
.be-production-home__feature a { color: inherit; }
.be-production-home__signal { align-self: center; min-height: 13rem; display: grid; align-items: end; grid-template-columns: repeat(4, 1fr); gap: .75rem; padding: 1.5rem; background: linear-gradient(145deg, rgba(51,169,219,.85), rgba(255,255,255,.1)); border-radius: .3rem; }
.be-production-home__signal span { display: block; border-radius: .2rem .2rem 0 0; background: #fff; opacity: .9; }
.be-production-home__signal span:nth-child(1) { height: 35%; }.be-production-home__signal span:nth-child(2) { height: 58%; }.be-production-home__signal span:nth-child(3) { height: 84%; }.be-production-home__signal span:nth-child(4) { height: 48%; }
.be-production-home__row { margin-block: clamp(2.5rem, 5vw, 4rem); }.be-production-home__row > header { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; border-bottom: 1px solid var(--be-border, #dbe3ed); margin-bottom: 1rem; }.be-production-home__row > header a { white-space: nowrap; }
.be-production-home__cards, .be-explained-hub__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.be-production-home__cards article, .be-explained-hub__grid article, .be-search-results__list article { border:1px solid var(--be-border, #dbe3ed); border-radius:.35rem; padding:1.25rem; background:#fff; }.be-production-home__cards h3, .be-explained-hub__grid h2 { margin-block:.4rem .7rem; font-size:1.25rem; }.be-production-home__empty { padding:1.25rem; background:#f3f7fa; }
.be-explained-card { display:flex; flex-direction:column; overflow:hidden; padding:0 !important; }
.be-explained-card__image-link { aspect-ratio:16 / 9; background:var(--wp--preset--color--blue-tint); display:block; overflow:hidden; }
.be-explained-card__image { display:block; height:100%; object-fit:cover; width:100%; }
.be-explained-card__body { display:flex; flex:1; flex-direction:column; padding:1.25rem; }
.be-explained-card__body > a:last-child { margin-top:auto; padding-top:1.25rem; }
.be-search-results > header form { display:flex; gap:.75rem; margin-top:1.25rem; }.be-search-results input { min-width:0; flex:1; padding:.75rem; border:1px solid var(--be-border, #aebdca); border-radius:.25rem; font:inherit; }.be-search-results nav { display:flex; gap:.5rem; overflow-x:auto; padding-block:1rem; border-block:1px solid var(--be-border, #dbe3ed); }.be-search-results nav a { white-space:nowrap; padding:.35rem .65rem; border:1px solid var(--be-border, #dbe3ed); border-radius:999px; }.be-search-results nav a[aria-current="page"] { background:var(--be-navy, #102b50); color:#fff; }.be-search-results__count { margin:1.25rem 0; }.be-search-results__list { display:grid; gap:1rem; max-width:52rem; }.be-search-results__list h2 { margin:.3rem 0 .6rem; font-size:1.35rem; }
@media (max-width: 720px) { .be-production-home__feature { grid-template-columns:1fr; }.be-production-home__signal { min-height:8rem; }.be-production-home__cards, .be-explained-hub__grid { grid-template-columns:1fr; }.be-search-results > header form { flex-direction:column; } }

body {
	margin: 0;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--wp--preset--color--epi-blue);
	outline-offset: 3px;
}

a:hover {
	text-decoration-thickness: 0.14em;
}

h1,
h2,
h3 {
	font-family: var(--wp--preset--font-family--editorial);
	line-height: 1.12;
	text-wrap: balance;
}

p,
li {
	text-wrap: pretty;
}

button,
input,
select,
textarea {
	font: inherit;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 1rem;
	padding: 0.75rem 1rem;
	top: 1rem;
	width: auto;
	z-index: 100000;
}

.site-shell {
	margin-inline: auto;
	max-width: 80rem;
	padding-inline: clamp(1rem, 3vw, 4rem);
}

.site-content {
	margin-block: 3rem;
}

.site-header {
	background: var(--wp--preset--color--surface);
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.site-header__utility {
	align-items: center;
	display: flex;
	gap: 2.5rem;
	justify-content: space-between;
}

.site-header__utility {
	min-height: 5.25rem;
}

.site-branding {
	padding-block: 0.75rem;
}

.site-logo,
.custom-logo-link {
	display: block;
	width: min(14rem, 58vw);
}

.site-logo img,
.custom-logo {
	display: block;
	height: auto;
	max-width: 100%;
}

.site-tagline {
	color: var(--wp--preset--color--muted);
	font-size: 0.75rem;
	line-height: 1.3;
	margin: 0.2rem 0 0 0.4rem;
}

.primary-navigation .menu {
	display: flex;
	flex-wrap: wrap;
	gap: clamp(1rem, 2.5vw, 2.5rem);
	list-style: none;
	margin: 0;
	padding: 0;
}

.primary-navigation a {
	color: var(--wp--preset--color--ink);
	font-size: 0.875rem;
	text-decoration: none;
}

.primary-navigation a:hover {
	color: var(--wp--preset--color--blue-dark);
	text-decoration: underline;
}

.site-header__primary {
	border-block-start: 1px solid var(--wp--preset--color--rule);
}

.primary-navigation {
	min-height: 3.25rem;
}

.primary-navigation .menu {
	align-items: center;
	min-height: 3.25rem;
}

.primary-navigation .current-menu-item > a,
.mobile-primary-navigation .current-menu-item > a,
.footer-menu .current-menu-item > a {
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 0.15em;
	text-underline-offset: 0.35em;
}

.site-header__actions {
	align-items: center;
	display: flex;
	gap: 0.75rem;
}

.site-action {
	align-items: center;
	border: 1px solid transparent;
	border-radius: 0.375rem;
	color: var(--wp--preset--color--ink);
	display: inline-flex;
	font-size: 0.875rem;
	font-weight: 700;
	gap: 0.25rem;
	min-height: 2.5rem;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

.site-action:hover {
	color: var(--wp--preset--color--blue-dark);
}

.menu-trigger {
	background: var(--wp--preset--color--surface);
	cursor: pointer;
	display: none;
}

.site-footer {
	background: var(--wp--preset--color--navy);
	border-block-end: 0;
	color: var(--wp--preset--color--surface);
	margin-block-start: 5rem;
}

.site-footer a {
	color: var(--wp--preset--color--surface);
}

.site-footer__main {
	display: grid;
	gap: clamp(2rem, 4vw, 4rem);
	grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 1fr);
	max-width: 60rem;
	padding-block: clamp(3rem, 6vw, 5rem);
}

.site-footer__about p {
	color: var(--wp--preset--color--navy-tint);
	font-size: 1rem;
}

.site-footer__title {
	font-family: var(--wp--preset--font-family--editorial);
	font-size: 1.5rem;
}

.site-footer h2 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1rem;
	margin-block-start: 0;
}

.footer-menu,
.mobile-primary-navigation .menu,
.mobile-trust-navigation .menu {
	display: grid;
	gap: 0.625rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-menu a {
	font-size: 0.9375rem;
}

.site-footer__legal {
	border-block-start: 1px solid color-mix(in srgb, var(--wp--preset--color--surface) 25%, transparent);
	color: var(--wp--preset--color--navy-tint);
	font-size: 0.875rem;
	padding-block: 1.25rem;
}

.site-footer__legal p {
	margin: 0;
}

.site-dialog {
	background: transparent;
	border: 0;
	color: var(--wp--preset--color--ink);
	margin: auto;
	max-height: calc(100dvh - 2rem);
	max-width: min(42rem, calc(100vw - 2rem));
	padding: 0;
	width: 100%;
}

.site-dialog::backdrop {
	background: color-mix(in srgb, var(--wp--preset--color--navy-dark) 72%, transparent);
}

.site-dialog__inner {
	background: var(--wp--preset--color--surface);
	border-radius: 0.5rem;
	box-shadow: 0 1rem 3rem rgb(7 29 52 / 22%);
	max-height: inherit;
	overflow-y: auto;
	padding: clamp(1.25rem, 4vw, 2.5rem);
}

.site-dialog__header {
	align-items: center;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-block-end: 1.5rem;
	padding-block-end: 1rem;
}

.site-dialog__header h2 {
	font-size: clamp(1.5rem, 1.25rem + 1vw, 2rem);
	margin: 0;
}

.dialog-close {
	background: transparent;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	color: var(--wp--preset--color--ink);
	cursor: pointer;
	font: inherit;
	font-weight: 700;
	min-height: 2.75rem;
	padding: 0.5rem 0.75rem;
}

.mobile-primary-navigation a {
	color: var(--wp--preset--color--ink);
	font-family: var(--wp--preset--font-family--editorial);
	font-size: 1.375rem;
	font-weight: 700;
	text-decoration: none;
}

.mobile-trust-navigation {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	padding-block-start: 1.5rem;
}

.mobile-trust-navigation a {
	color: var(--wp--preset--color--muted);
	font-size: 0.9375rem;
}

.site-search-form {
	display: grid;
	gap: 0.75rem;
}

.site-search-form label {
	font-weight: 700;
}

.site-search-form__controls {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr auto;
}

.site-search-form input {
	border: 2px solid var(--wp--preset--color--muted);
	border-radius: 0.375rem;
	font: inherit;
	min-height: 3rem;
	padding: 0.625rem 0.75rem;
	width: 100%;
}

.be-lab {
	--be-reading-width: 45rem;
}

.be-lab__intro {
	background: var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	max-width: 66rem;
	padding: clamp(1.5rem, 5vw, 4rem);
}

.be-lab__eyebrow,
.be-overline {
	color: var(--wp--preset--color--epi-blue);
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	line-height: 1.4;
	margin-block: 0 0.75rem;
	text-transform: uppercase;
}

.be-lab__title {
	font-size: clamp(2.25rem, 1.35rem + 3.8vw, 4.25rem);
	margin-block: 0 1rem;
}

.be-lab__lede {
	color: var(--wp--preset--color--navy-tint);
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
	margin-block-end: 0;
}

.be-lab__section {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	margin-block-start: clamp(3rem, 7vw, 6rem);
	padding-block-start: clamp(2rem, 4vw, 3rem);
}

.be-lab__section > h2 {
	font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.125rem);
	margin-block: 0 0.75rem;
}

.be-lab__section-description {
	color: var(--wp--preset--color--muted);
	max-width: var(--be-reading-width);
}

.be-stack {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.be-cluster {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.be-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}

.be-token-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	margin-block-start: 2rem;
}

.be-color-token {
	background: var(--be-token-color);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	min-height: 8rem;
	padding: 4.5rem 1rem 1rem;
}

.be-color-token--dark {
	color: var(--wp--preset--color--surface);
}

.be-color-token span {
	display: block;
	font-size: 0.875rem;
}

.be-type-sample {
	margin-block: 0;
}

.be-type-sample--display {
	font-family: var(--wp--preset--font-family--editorial);
	font-size: clamp(2.25rem, 1.35rem + 3.8vw, 4.25rem);
	font-weight: 700;
	line-height: 1.05;
}

.be-type-sample--section {
	font-family: var(--wp--preset--font-family--editorial);
	font-size: clamp(2rem, 1.55rem + 1.8vw, 2.75rem);
	font-weight: 700;
	line-height: 1.12;
}

.be-type-quote {
	border-inline-start: 0.25rem solid var(--wp--preset--color--epi-blue);
	font-family: var(--wp--preset--font-family--editorial);
	font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	max-width: var(--be-reading-width);
	padding-inline-start: 1.25rem;
}

.be-type-quote p {
	margin: 0;
}

.be-meta {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
	line-height: 1.45;
}

.be-button {
	align-items: center;
	background: var(--wp--preset--color--navy);
	border: 2px solid var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	cursor: pointer;
	display: inline-flex;
	font-weight: 700;
	justify-content: center;
	line-height: 1.3;
	min-height: 2.75rem;
	padding: 0.625rem 1rem;
	text-decoration: none;
}

.be-button:hover {
	background: var(--wp--preset--color--navy-dark);
	border-color: var(--wp--preset--color--navy-dark);
	text-decoration: none;
}

.be-button--secondary {
	background: transparent;
	color: var(--wp--preset--color--navy);
}

.be-button--quiet {
	background: transparent;
	border-color: transparent;
	color: var(--wp--preset--color--blue-dark);
	text-decoration: underline;
}

.be-button:disabled,
.be-button[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: 0.55;
}

.be-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	transition: border-color 160ms ease, transform 160ms ease;
}

.be-card:hover {
	border-color: var(--wp--preset--color--epi-blue);
	transform: translateY(-2px);
}

.be-card h3 {
	font-size: clamp(1.375rem, 1.2rem + 0.7vw, 1.625rem);
	margin: 0;
}

.be-card p {
	margin: 0;
}

.be-card__link {
	font-weight: 700;
	margin-block-start: auto;
}

.be-form {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.5rem;
	max-width: 40rem;
	padding: clamp(1.25rem, 4vw, 2rem);
}

.be-field {
	display: grid;
	gap: 0.5rem;
}

.be-field label {
	font-weight: 700;
}

.be-field input {
	background: var(--wp--preset--color--surface);
	border: 2px solid var(--wp--preset--color--muted);
	border-radius: 0.375rem;
	color: var(--wp--preset--color--ink);
	min-height: 3rem;
	padding: 0.625rem 0.75rem;
	width: 100%;
}

.be-field input[aria-invalid="true"] {
	border-color: var(--wp--preset--color--danger);
}

.be-field__error {
	color: var(--wp--preset--color--danger);
	font-size: 0.875rem;
	font-weight: 700;
}

.be-status {
	border-inline-start: 0.375rem solid var(--be-status-accent, var(--wp--preset--color--epi-blue));
	padding: 1rem 1.25rem;
}

.be-status h3,
.be-status p {
	margin-block: 0;
}

.be-status p + p,
.be-status h3 + p {
	margin-block-start: 0.5rem;
}

.be-status--evidence {
	--be-status-accent: var(--wp--preset--color--epi-blue);
	background: var(--wp--preset--color--blue-tint);
}

.be-status--methods {
	--be-status-accent: var(--wp--preset--color--amber);
	background: var(--wp--preset--color--amber-tint);
}

.be-status--correction {
	--be-status-accent: var(--wp--preset--color--danger);
	background: color-mix(in srgb, var(--wp--preset--color--danger) 9%, white);
}

.be-status--success {
	--be-status-accent: var(--wp--preset--color--success);
	background: var(--wp--preset--color--success-tint);
}

.be-status__label {
	display: inline-block;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	margin-block-end: 0.5rem;
	text-transform: uppercase;
}

.be-empty-state {
	border: 1px dashed var(--wp--preset--color--muted);
	border-radius: 0.5rem;
	max-width: 40rem;
	padding: clamp(1.5rem, 4vw, 2.5rem);
	text-align: center;
}

.be-empty-state h3 {
	margin-block-start: 0;
}

.be-breadcrumbs {
	margin-block-end: 2rem;
}

.be-breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875rem;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-breadcrumbs li:not(:last-child)::after {
	color: var(--wp--preset--color--muted);
	content: "/";
	margin-inline-start: 0.5rem;
}

.be-article-identity {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	max-width: 58rem;
	padding-block-end: clamp(2rem, 5vw, 4rem);
}

.be-article-identity h1 {
	font-size: clamp(2.125rem, 1.45rem + 2.8vw, 3.75rem);
	margin-block: 0 1.25rem;
}

.be-article-identity__standfirst {
	color: var(--wp--preset--color--muted);
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
	max-width: 50rem;
}

.be-article-identity__meta {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.875rem;
	gap: 0.5rem 1.5rem;
	margin-block-start: 1.5rem;
}

.be-notice {
	background: color-mix(in srgb, var(--wp--preset--color--danger) 8%, white);
	border-inline-start: 0.375rem solid var(--wp--preset--color--danger);
	margin-block: 2rem;
	max-width: 58rem;
	padding: 1.25rem 1.5rem;
}

.be-notice h2 {
	font-size: 1.375rem;
	margin-block: 0 0.5rem;
}

.be-notice p:last-child {
	margin-block-end: 0;
}

.be-article-layout {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 45rem) minmax(14rem, 18rem);
	margin-block-start: clamp(3rem, 6vw, 5rem);
}

.be-article-layout__main {
	display: grid;
	gap: clamp(3rem, 6vw, 5rem);
}

.be-article-layout__rail {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.be-key-takeaways {
	background: var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.be-key-takeaways h2 {
	font-size: 1.75rem;
	margin-block-start: 0;
}

.be-key-takeaways ul {
	display: grid;
	gap: 0.75rem;
	margin-block-end: 0;
	padding-inline-start: 1.25rem;
}

.be-article-prose h2,
.be-evidence-boundary > h2,
.be-source-list h2,
.be-update-history h2 {
	font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.125rem);
}

.be-article-prose p,
.be-evidence-boundary p,
.be-source-list li,
.be-update-history p {
	font-size: 1.125rem;
}

.be-evidence-boundary {
	border-block: 1px solid var(--wp--preset--color--rule);
	padding-block: 2.5rem;
}

.be-evidence-boundary__grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.be-evidence-boundary__grid h3 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1rem;
}

.be-evidence-boundary__grid p {
	font-size: 1rem;
}

.be-source-list ol,
.be-update-history ol {
	display: grid;
	gap: 1.25rem;
	padding-inline-start: 1.5rem;
}

.be-source-list li span,
.be-source-list__type {
	display: block;
	font-size: 0.875rem;
}

.be-source-list__type {
	color: var(--wp--preset--color--success);
	text-transform: uppercase;
}

.be-update-history li {
	border-inline-start: 2px solid var(--wp--preset--color--rule);
	padding-inline-start: 1rem;
}

.be-update-history time,
.be-update-history strong {
	display: block;
}

.be-update-history p {
	font-size: 1rem;
	margin-block-end: 0;
}

.be-people-card {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.5rem;
	padding: 1.25rem;
}

.be-people-card h2,
.be-article-layout__rail .be-status h2 {
	font-size: 1.25rem;
	margin-block: 0 0.5rem;
}

.be-people-card p {
	font-size: 0.9375rem;
}

.be-people-card p:not(:last-child) {
	margin-block-end: 1rem;
}

.be-people-card p:last-child {
	margin-block-end: 0;
}

.be-related-pathway {
	background: var(--wp--preset--color--blue-tint);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.5rem;
	margin-block-start: clamp(4rem, 8vw, 7rem);
	max-width: 65rem;
	padding: clamp(1.5rem, 5vw, 3.5rem);
}

.be-related-pathway h2 {
	font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.125rem);
}

/* Homepage discovery system. */
.be-system-intro {
	max-width: 48rem;
	padding-block: 1rem clamp(2.5rem, 6vw, 4.5rem);
}

.be-system-intro h1 {
	font-size: clamp(2.5rem, 2rem + 2vw, 4.5rem);
	line-height: 1.02;
	margin-block: 0.5rem 1rem;
}

.be-system-intro > p:not(.be-system-intro__mission-link) {
	color: var(--wp--preset--color--muted);
	font-size: 1.1875rem;
}

.be-system-intro__mission-link {
	margin-block: 1rem 0;
}

.be-system-intro__mission-link a {
	font-size: 0.9375rem;
	font-weight: 700;
}

.be-home-layout {
	display: grid;
	gap: clamp(2rem, 4vw, 3rem);
	grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
}

.be-home-layout__main {
	display: grid;
	gap: clamp(3.5rem, 7vw, 6rem);
	min-width: 0;
}

.be-featured-story {
	background: linear-gradient(125deg, #082746 0%, #0b365d 65%, #104b72 100%);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(16rem, 0.9fr);
	overflow: hidden;
}

.be-featured-story__content {
	padding: clamp(1.75rem, 4vw, 3rem);
}

.be-featured-story h2 {
	font-size: clamp(2rem, 1.55rem + 1.7vw, 3rem);
	line-height: 1.06;
	margin-block: 0.75rem 1rem;
}

.be-featured-story__standfirst {
	font-size: 1.0625rem;
	max-width: 38rem;
}

.be-story-meta {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
}

.be-featured-story .be-story-meta {
	color: #c9d9e7;
}

.be-button--light {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--navy);
	margin-block-start: 0.75rem;
}

.be-featured-story__visual {
	align-items: flex-end;
	background-color: #eef7fa;
	background-image: linear-gradient(#d4e3eb 1px, transparent 1px), linear-gradient(90deg, #d4e3eb 1px, transparent 1px);
	background-size: 20% 20%;
	display: flex;
	gap: 12%;
	justify-content: center;
	min-height: 20rem;
	padding: 2rem 2rem 3.25rem;
	position: relative;
}

.be-featured-story__visual--image {
	background: var(--wp--preset--color--navy-dark);
	display: block;
	min-height: 100%;
}

.be-featured-story__visual--image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.be-chart-line {
	background: var(--wp--preset--color--epi-blue);
	border-radius: 999px 999px 0 0;
	box-shadow: 0 0 0 0.25rem rgb(22 143 196 / 12%);
	display: block;
	width: 0.625rem;
}

.be-chart-line--one { height: 28%; }
.be-chart-line--two { height: 54%; }
.be-chart-line--three { height: 82%; }

.be-featured-story__visual-label {
	bottom: 1rem;
	color: var(--wp--preset--color--navy);
	font-size: 0.75rem;
	font-weight: 700;
	left: 1rem;
	position: absolute;
}

.be-discovery-row__header {
	align-items: baseline;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-block-end: 1.25rem;
	padding-block-end: 0.75rem;
}

.be-discovery-row__header h2 {
	font-size: 1.75rem;
	margin: 0;
}

.be-discovery-row__header a {
	font-size: 0.875rem;
	white-space: nowrap;
}

.be-story-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.be-story-card {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
}

.be-story-card__visual {
	background-color: var(--wp--preset--color--blue-tint);
	background-image: linear-gradient(135deg, rgb(22 143 196 / 12%) 25%, transparent 25%), linear-gradient(315deg, rgb(11 43 76 / 10%) 25%, transparent 25%);
	background-size: 2rem 2rem;
	min-height: 7.5rem;
}

.be-story-card__image {
	aspect-ratio: 16 / 9;
	background: var(--wp--preset--color--blue-tint);
	display: block;
	overflow: hidden;
}

.be-story-card__image img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.be-story-card__visual--trend,
.be-story-card__visual--code,
.be-story-card__visual--table {
	background-color: #edf5f9;
	background-image: linear-gradient(165deg, transparent 47%, var(--wp--preset--color--epi-blue) 48%, var(--wp--preset--color--epi-blue) 51%, transparent 52%);
}

.be-story-card__visual--study {
	background-color: #eef6f1;
	background-image: radial-gradient(circle at 25% 55%, #2f8a68 0 8%, transparent 9%), radial-gradient(circle at 50% 40%, #2f8a68 0 10%, transparent 11%), radial-gradient(circle at 75% 55%, #2f8a68 0 8%, transparent 9%);
}

.be-story-card__visual--history {
	background-color: #f4f1e8;
	background-image: linear-gradient(90deg, transparent 12%, rgb(11 43 76 / 12%) 13%, transparent 14%), repeating-linear-gradient(0deg, transparent 0 1.45rem, rgb(11 43 76 / 10%) 1.5rem 1.55rem);
}

.be-story-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 1rem;
}

.be-story-card h3 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1.125rem;
	line-height: 1.2;
	margin-block: 0.375rem 0.625rem;
}

.be-story-card h3 a {
	color: var(--wp--preset--color--navy);
}

.be-story-card__body > p:not(.be-overline, .be-story-meta) {
	font-size: 0.9375rem;
}

.be-story-card .be-story-meta {
	margin-block: auto 0;
	padding-block-start: 0.75rem;
}

.be-home-rail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.be-rail-module {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	padding: 1.25rem;
}

.be-rail-module:first-child {
	background: var(--wp--preset--color--blue-tint);
}

.be-rail-module h2 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1.125rem;
	margin-block: 0.375rem 0.625rem;
}

.be-rail-module p:not(.be-overline),
.be-rail-module a {
	font-size: 0.875rem;
}

.be-topic-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
}

.be-topic-tags li {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 999px;
	font-size: 0.75rem;
	padding: 0.25rem 0.5rem;
}

/* Technical and learning system. */
.be-technical-identity {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	max-width: 62rem;
	padding-block: 1rem clamp(2.5rem, 6vw, 4.5rem);
}

.be-technical-identity h1 {
	font-size: clamp(2.5rem, 2rem + 2vw, 4.25rem);
	line-height: 1.04;
	margin-block: 0.5rem 1rem;
}

.be-technical-identity__standfirst {
	color: var(--wp--preset--color--muted);
	font-size: 1.1875rem;
	max-width: 48rem;
}

.be-technical-layout {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 45rem) minmax(15rem, 18rem);
	margin-block-start: clamp(3rem, 6vw, 5rem);
}

.be-technical-layout__main {
	display: grid;
	gap: clamp(3rem, 6vw, 5rem);
	min-width: 0;
}

.be-technical-layout__main > *,
.be-code-block {
	max-width: 100%;
	min-width: 0;
}

.be-learning-objectives {
	background: var(--wp--preset--color--blue-tint);
	border-inline-start: 0.375rem solid var(--wp--preset--color--epi-blue);
	padding: 1.5rem 2rem;
}

.be-learning-objectives h2 {
	font-size: 1.75rem;
	margin-block: 0.375rem 0.75rem;
}

.be-learning-objectives ul {
	display: grid;
	gap: 0.5rem;
	margin-block-end: 0;
}

.be-technical-figure {
	margin: 0;
}

.be-technical-figure svg {
	background: #f7fafc;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	display: block;
	height: auto;
	width: 100%;
}

.be-chart-grid path {
	fill: none;
	stroke: #c8d6df;
	stroke-width: 1;
}

.be-chart-bars rect {
	fill: var(--wp--preset--color--epi-blue);
}

.be-technical-figure figcaption {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
	padding-block-start: 0.75rem;
}

.be-code-block {
	background: #071a2b;
	border-radius: 0.375rem;
	color: #e8f3f8;
	overflow: hidden;
}

.be-code-block__bar {
	align-items: center;
	border-block-end: 1px solid #29435a;
	display: flex;
	font-size: 0.75rem;
	font-weight: 700;
	justify-content: space-between;
	letter-spacing: 0.06em;
	padding: 0.75rem 1rem;
	text-transform: uppercase;
}

.be-code-block pre {
	margin: 0;
	overflow-x: auto;
	padding: 1.25rem;
	tab-size: 2;
}

.be-copy-button {
	background: transparent;
	border: 1px solid #78b8d5;
	border-radius: 0.25rem;
	color: #e8f3f8;
	cursor: pointer;
	display: none;
	font: inherit;
	padding: 0.375rem 0.625rem;
}

.has-copy-enhancement .be-copy-button {
	display: inline-flex;
}

.be-copy-status {
	font-size: 0.875rem;
	margin: 0;
	min-height: 2.5rem;
	padding: 0 1.25rem 1rem;
}

.be-table-hint {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
}

.be-table-scroll {
	border: 1px solid var(--wp--preset--color--rule);
	overflow-x: auto;
}

.be-table-scroll table {
	border-collapse: collapse;
	min-width: 42rem;
	width: 100%;
}

.be-table-scroll caption {
	font-weight: 700;
	padding: 1rem;
	text-align: left;
}

.be-table-scroll th,
.be-table-scroll td {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	padding: 0.75rem 1rem;
	text-align: left;
}

.be-table-scroll thead {
	background: var(--wp--preset--color--blue-tint);
}

.be-formula {
	border-block: 1px solid var(--wp--preset--color--rule);
	padding-block: 2rem;
}

.be-formula h2 {
	font-size: 1.75rem;
	margin-block: 0.375rem;
}

.be-formula__expression {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.5rem);
	overflow-x: auto;
	padding-block: 1rem;
}

.be-practice-question {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
}

.be-practice-question summary {
	cursor: pointer;
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.375rem;
	font-weight: 700;
	padding: 1.25rem;
}

.be-practice-question div {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	padding: 1.25rem;
}

.be-practice-question p {
	margin: 0;
}

.be-technical-rail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.be-environment-panel,
.be-resource-status,
.be-download-card {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	padding: 1.25rem;
}

.be-environment-panel h2,
.be-resource-status h2 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1.125rem;
	margin-block: 0.375rem 0.75rem;
}

.be-environment-panel dl {
	margin: 0;
}

.be-environment-panel dl div {
	display: grid;
	grid-template-columns: 1fr auto;
	padding-block: 0.375rem;
}

.be-environment-panel dt {
	font-weight: 700;
}

.be-environment-panel dd {
	margin: 0;
}

.be-resource-status {
	background: #eef6f1;
	border-inline-start: 0.375rem solid var(--wp--preset--color--success);
}

.be-resource-status p:last-child {
	font-size: 0.875rem;
	margin-block-end: 0;
}

.be-download-card {
	display: grid;
	gap: 0.375rem;
}

.be-download-card span {
	color: var(--wp--preset--color--muted);
	font-size: 0.8125rem;
}

/* History hub. */
.be-history-intro {
	max-width: 58rem;
}

.be-fixture-note {
	background: #fff8e8;
	border-inline-start: 0.375rem solid var(--wp--preset--color--warning);
	font-size: 0.9375rem;
	margin-block: 0 3rem;
	max-width: 58rem;
	padding: 1rem 1.25rem;
}

.be-history-today {
	background: var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	display: grid;
	gap: clamp(1.5rem, 4vw, 3rem);
	grid-template-columns: minmax(9rem, 0.3fr) minmax(0, 1fr);
	padding: clamp(1.5rem, 5vw, 3.5rem);
}

.be-history-date {
	align-self: start;
	border: 1px solid rgb(255 255 255 / 35%);
	border-radius: 0.375rem;
	display: grid;
	padding: 1.25rem;
	text-align: center;
}

.be-history-date span {
	color: #9ed8ef;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.be-history-date strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.75rem;
}

.be-history-today h2 {
	font-size: clamp(2rem, 1.55rem + 1.7vw, 3rem);
	line-height: 1.08;
	margin-block: 0.5rem 1rem;
}

.be-history-today h2 a {
	color: inherit;
}

.be-history-collection,
.be-history-method {
	margin-block-start: clamp(4rem, 8vw, 7rem);
}

.be-history-story-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.be-history-story {
	border-block-start: 0.375rem solid var(--wp--preset--color--epi-blue);
	box-shadow: 0 0.25rem 1.5rem rgb(11 43 76 / 8%);
	padding: 1.5rem;
}

.be-history-story h3 {
	font-size: 1.5rem;
	margin-block: 0.5rem 0.75rem;
}

.be-history-method {
	background: var(--wp--preset--color--blue-tint);
	max-width: 58rem;
	padding: clamp(1.5rem, 5vw, 3rem);
}

.be-history-method h2 {
	font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.25rem);
}

.be-history-method ul {
	display: grid;
	gap: 0.75rem;
}

.be-history-empty {
	max-width: 44rem;
}

/* Production History articles. */
.be-history-article {
	--history-accent: var(--wp--preset--color--epi-blue);
}

.be-history-article--longform {
	--history-accent: var(--wp--preset--color--success);
}

.be-history-article__hero {
	background: var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	display: grid;
	gap: clamp(1.5rem, 5vw, 4rem);
	grid-template-columns: minmax(11rem, 0.32fr) minmax(0, 1fr);
	padding: clamp(1.5rem, 5vw, 4rem);
}

.be-history-article--longform .be-history-article__hero {
	background: linear-gradient(135deg, var(--wp--preset--color--navy), #123f67);
}

.be-history-article__date {
	align-self: start;
	border-block-start: 0.375rem solid var(--history-accent);
	background: rgb(255 255 255 / 8%);
	display: grid;
	gap: 0.4rem;
	padding: 1.25rem;
}

.be-history-article__date-rail {
	align-self: stretch;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.be-history-article__date span {
	color: #9ed8ef;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.be-history-article__date strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: clamp(1.4rem, 1.1rem + 1vw, 2rem);
	line-height: 1.15;
}

.be-history-article__date small {
	color: #d7e9f5;
	font-size: 0.875rem;
}

.be-history-article__identity h1 {
	font-size: clamp(2.25rem, 1.45rem + 3vw, 4.5rem);
	line-height: 1.02;
	margin-block: 0.5rem 1rem;
}

.be-history-article__standfirst {
	color: #d7e9f5;
	font-size: clamp(1.125rem, 1rem + 0.5vw, 1.4rem);
	max-width: 48rem;
}

.be-history-featured-media {
	margin: 0;
	min-width: 0;
}

.be-history-featured-media__image {
	background: var(--wp--preset--color--blue-tint);
	border: 0.25rem solid #f7fafc;
	box-shadow: 0 0 0 1px rgb(22 143 196 / 68%), 0 0.3rem 0.85rem rgb(4 24 43 / 24%);
	box-sizing: border-box;
	display: block;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
}

.be-history-article__date-rail .be-history-featured-media {
	background: rgb(255 255 255 / 8%);
}

.be-history-article__date-rail .be-history-featured-media figcaption {
	border-color: rgb(255 255 255 / 22%);
	color: #d7e9f5;
	font-size: 0.75rem;
	padding-inline: 0.25rem;
}

.be-history-article__date-rail .be-history-featured-media__caption {
	color: var(--wp--preset--color--surface);
}

.be-history-featured-media figcaption,
.be-history-article__content figcaption,
.be-history-article__content .wp-element-caption {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	color: var(--wp--preset--color--muted);
	display: grid;
	font-family: var(--wp--preset--font-family--ui);
	font-size: 0.875rem;
	gap: 0.35rem;
	line-height: 1.5;
	margin: 0;
	padding: 0.75rem 0;
	text-align: start;
}

.be-history-featured-media__caption {
	color: var(--wp--preset--color--navy);
	font-weight: 700;
}

.be-history-featured-media__details summary {
	cursor: pointer;
	font-weight: 700;
}

.be-history-featured-media__details[open] summary {
	margin-block-end: 0.35rem;
}

.be-history-article__date-rail .be-history-featured-media__details summary {
	color: var(--wp--preset--color--surface);
}

.be-history-featured-media__description > :first-child,
.be-history-featured-media__description > :last-child {
	margin-block: 0;
}

.be-history-featured-media--empty {
	align-items: center;
	background: var(--wp--preset--color--blue-tint);
	border: 1px dashed var(--wp--preset--color--epi-blue);
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr;
	padding: 0.75rem;
}

.be-history-featured-media--empty h2 {
	font-size: 1.125rem;
	margin-block: 0.25rem 0.5rem;
}

.be-history-featured-media--empty p:last-child {
	margin-block-end: 0;
}

.be-history-featured-media__placeholder {
	aspect-ratio: 16 / 10;
	background-color: var(--wp--preset--color--surface);
	background-image: linear-gradient(135deg, transparent 47%, rgb(22 143 196 / 32%) 48% 52%, transparent 53%), radial-gradient(circle at 32% 36%, rgb(22 143 196 / 28%) 0 8%, transparent 9%);
	border: 1px solid var(--wp--preset--color--rule);
}

.be-history-article__layout {
	display: grid;
	gap: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: minmax(0, 45rem) minmax(14rem, 18rem);
	margin-block-start: clamp(3rem, 7vw, 6rem);
}

.be-history-article__main {
	display: grid;
	gap: clamp(3rem, 7vw, 5rem);
}

.be-history-article__rail {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.be-history-article__content {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.1875rem;
	line-height: 1.75;
}

.be-history-article__content > :first-child {
	margin-block-start: 0;
}

.be-history-article__content h2,
.be-history-interpretation h2,
.be-history-evidence h2,
.be-history-concepts h2 {
	font-size: clamp(1.75rem, 1.45rem + 1.2vw, 2.25rem);
}

.be-history-article__content h2,
.be-history-article__content h3 {
	font-family: var(--wp--preset--font-family--ui);
	line-height: 1.2;
	margin-block-start: 2.5em;
}

.be-history-article__content blockquote {
	border-inline-start: 0.375rem solid var(--history-accent);
	font-size: 1.25rem;
	margin-inline: 0;
	padding-inline-start: 1.5rem;
}

.be-history-article__content figure {
	margin-block: 2.5rem;
	margin-inline: 0;
}

.be-history-article__content figure img {
	display: block;
	height: auto;
	max-width: 100%;
}

.be-history-article__content .alignwide,
.be-history-article__content .alignfull {
	max-width: 100%;
	width: 100%;
}

.be-history-interpretation {
	border-block: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding-block: 2.5rem;
}

.be-history-interpretation section {
	border-block-start: 0.25rem solid var(--history-accent);
	padding-block-start: 1.25rem;
}

.be-history-interpretation h2,
.be-history-evidence h2 {
	margin-block: 0.4rem 0.75rem;
}

.be-history-evidence {
	background: var(--wp--preset--color--blue-tint);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.be-history-evidence dl {
	display: grid;
	gap: 0.75rem;
	margin-block-end: 0;
}

.be-history-evidence dl:empty {
	display: none;
}

.be-history-evidence dl div {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: 0.25rem;
	grid-template-columns: minmax(8rem, 0.35fr) minmax(0, 1fr);
	padding-block-start: 0.75rem;
}

.be-history-evidence dt {
	font-weight: 700;
}

.be-history-evidence dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.be-history-facts {
	border-block-start: 0.375rem solid var(--history-accent);
	box-shadow: 0 0.25rem 1.5rem rgb(11 43 76 / 8%);
	padding: 1.25rem;
}

.be-history-facts h2 {
	font-size: 1.35rem;
	margin-block: 0.4rem 0.75rem;
}

.be-history-facts p:last-child {
	margin-block-end: 0;
}

.be-history-ai-note {
	color: var(--wp--preset--color--muted);
	font-size: 0.8125rem;
	margin: 0;
}

.be-history-concepts {
	background: var(--wp--preset--color--navy);
	border-radius: 0.5rem;
	color: var(--wp--preset--color--surface);
	margin-block-start: clamp(4rem, 8vw, 7rem);
	padding: clamp(1.5rem, 5vw, 3.5rem);
}

.be-history-concepts ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	padding: 0;
}

.be-history-concepts li {
	border: 1px solid rgb(255 255 255 / 35%);
	border-radius: 999px;
	padding: 0.35rem 0.75rem;
}

.be-history-concepts .be-button {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--navy);
}

.be-explainer-article {
	margin-block-end: clamp(4rem, 8vw, 7rem);
}

.be-explainer-article__hero {
	align-items: stretch;
	background: var(--wp--preset--color--navy);
	border-radius: var(--wp--custom--radius--large);
	color: var(--wp--preset--color--surface);
	display: grid;
	gap: clamp(2rem, 4vw, 3.5rem);
	grid-template-columns: minmax(0, 1.35fr) minmax(19rem, 0.85fr);
	margin-block: 1.5rem 1.25rem;
	padding: clamp(2rem, 4vw, 3.5rem);
}

.be-explainer-article__identity h1 {
	color: inherit;
	font-size: clamp(2.5rem, 2rem + 2.2vw, 4.25rem);
	line-height: 1.03;
	margin-block: 0.75rem 1.25rem;
	max-width: 16ch;
}

.be-explainer-article__question {
	color: var(--wp--preset--color--sky);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	margin-block: 1.25rem 0;
}

.be-explainer-article__standfirst {
	color: #e5edf7;
	font-size: clamp(1.1rem, 1rem + 0.45vw, 1.35rem);
	line-height: 1.6;
	max-width: 47rem;
}

.be-explainer-definition {
	align-self: start;
	background: var(--wp--preset--color--surface);
	border-block-start: 0.35rem solid var(--wp--preset--color--epi-blue);
	box-shadow: var(--wp--custom--shadow--card);
	color: var(--wp--preset--color--navy);
	padding: clamp(1.5rem, 3vw, 2.15rem);
}

.be-explainer-definition h2 {
	font-size: 1.35rem;
	margin-block: 0.4rem 1rem;
}

.be-explainer-definition p:last-child {
	font-family: var(--wp--preset--font-family--source-serif);
	font-size: clamp(1.18rem, 1.05rem + 0.45vw, 1.5rem);
	line-height: 1.42;
	margin: 0;
}

.be-explainer-article__layout {
	display: grid;
	gap: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: minmax(0, 47rem) minmax(15rem, 20rem);
	justify-content: center;
}

.be-explainer-article__main,
.be-explainer-article__rail {
	min-width: 0;
}

.be-explainer-article__rail {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.be-explainer-article__content {
	font-size: 1.075rem;
	line-height: 1.76;
	margin-block: 2.5rem 4rem;
}

.be-explainer-article__content > :first-child {
	margin-block-start: 0;
}

.be-explainer-article__content h2,
.be-explainer-article__content h3,
.be-explainer-application h2,
.be-explainer-pathway h2 {
	color: var(--wp--preset--color--navy);
}

.be-explainer-article__content h2 {
	font-size: clamp(1.8rem, 1.55rem + 0.8vw, 2.35rem);
	margin-block-start: 3.5rem;
}

.be-explainer-article__content h3 {
	font-size: 1.35rem;
	margin-block-start: 2.25rem;
}

.be-explainer-article__content figure,
.be-explainer-article__content .wp-block-table {
	margin-block: 2.5rem;
}

.be-explainer-article__content img {
	height: auto;
	max-width: 100%;
}

.be-concept-figure {
	margin-inline: 0;
}

.be-concept-figure svg {
	display: block;
	height: auto;
	max-width: 100%;
	width: 100%;
}

.be-equation {
	background: var(--wp--preset--color--mist);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--medium);
	margin-block: 2rem;
	overflow-x: auto;
	padding: clamp(1.25rem, 4vw, 2rem);
}

.be-equation math {
	display: block;
	font-size: clamp(1.2rem, 1rem + 0.75vw, 1.7rem);
	/* Keep the first glyph at the card edge instead of centering it inside an oversized scroll box. */
	inline-size: max-content;
	margin: 1rem 0;
	max-inline-size: none;
	min-width: 0;
	text-align: left;
}

.be-equation__symbols {
	display: grid;
	gap: 0.65rem 1.5rem;
	grid-template-columns: max-content minmax(0, 1fr);
	margin-block: 1.5rem;
}

.be-equation__symbols div {
	display: contents;
}

.be-equation__symbols dt {
	color: var(--wp--preset--color--navy);
	font-family: var(--wp--preset--font-family--source-serif);
	font-size: 1.15rem;
	font-weight: 700;
}

.be-equation__symbols dd {
	margin: 0;
}

.be-calculation-walkthrough {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--medium);
	margin-block: 2rem 3rem;
	padding: clamp(1.25rem, 4vw, 2rem);
}

.be-calculation-step {
	border-block-start: 1px solid var(--wp--preset--color--line);
	margin-block-start: 1.5rem;
	padding-block-start: 1.5rem;
}

.be-calculation-step h3 {
	margin-block-start: 0;
}

.be-calculation-expression,
.be-calculation-result {
	background: var(--wp--preset--color--mist);
	border-inline-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
	line-height: 1.7;
	overflow-x: auto;
	padding: 1rem 1.25rem;
	white-space: nowrap;
}

.be-calculation-result {
	background: color-mix(in srgb, var(--wp--preset--color--sky) 22%, white);
	font-size: 1.1rem;
	font-weight: 700;
}

.be-humanities-profile {
	background: #fbfaf6;
	border-block-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	box-shadow: var(--wp--custom--shadow--card);
	margin-block: 3rem;
	padding: clamp(1.5rem, 4vw, 2.25rem);
}

.be-humanities-profile h2 {
	margin-block-start: 0.35rem;
}

.be-humanities-profile__facts {
	color: var(--wp--preset--color--muted);
	font-weight: 700;
}

.be-explainer-article__content figcaption,
.be-explainer-article__content .wp-element-caption,
.be-explainer-featured-media figcaption {
	color: var(--wp--preset--color--muted);
	font-size: 0.82rem;
	line-height: 1.5;
	margin-block-start: 0.65rem;
}

.be-explainer-article__content .wp-block-table {
	overflow-x: auto;
}

.be-explainer-article__content table {
	border-collapse: collapse;
	min-width: 32rem;
	width: 100%;
}

.be-explainer-article__content th,
.be-explainer-article__content td {
	border: 1px solid var(--wp--preset--color--line);
	padding: 0.75rem;
	text-align: left;
}

.be-explainer-article__content th {
	background: var(--wp--preset--color--mist);
	color: var(--wp--preset--color--navy);
}

.be-explainer-application {
	border-inline-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	margin-block: 1.5rem 2.75rem;
	padding: 1.5rem 1.75rem;
}

.be-explainer-application {
	background: var(--wp--preset--color--mist);
}

.be-explainer-learning,
.be-explainer-prerequisite {
	background: var(--wp--preset--color--surface);
	border-block-start: 0.25rem solid var(--wp--preset--color--epi-blue);
	box-shadow: var(--wp--custom--shadow--card);
	padding: 1.5rem;
}

.be-explainer-learning h2,
.be-explainer-prerequisite h2 {
	font-size: 1.2rem;
	margin-block: 0.5rem 0.75rem;
}

.be-explainer-featured-media {
	background: #fbfaf6;
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--epi-blue) 42%, white);
	box-shadow: var(--wp--custom--shadow--card);
	margin: 0 auto clamp(3rem, 7vw, 5.5rem);
	max-width: 48rem;
	padding: clamp(0.5rem, 1.5vw, 0.85rem);
}

.be-explainer-featured-media__image {
	display: block;
	height: auto;
	width: 100%;
}

.be-explainer-featured-media details {
	margin-block-start: 0.5rem;
}

.be-explainer-ai-note {
	color: var(--wp--preset--color--muted);
	font-size: 0.82rem;
}

.be-explainer-pathway {
	background: var(--wp--preset--color--navy);
	border-radius: var(--wp--custom--radius--large);
	color: var(--wp--preset--color--surface);
	margin-block-start: clamp(3rem, 8vw, 7rem);
	padding: clamp(2rem, 5vw, 4rem);
}

.be-explainer-pathway h2 {
	color: inherit;
}

.be-explainer-pathway ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	list-style: none;
	margin: 1.5rem 0;
	padding: 0;
}

.be-explainer-pathway li {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--sky) 60%, transparent);
	border-radius: 999px;
	padding: 0.45rem 0.8rem;
}

.be-explainer-pathway .be-button {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--navy);
}

/* News and Analysis hub. */
.be-news-hub {
	margin-inline: auto;
	max-width: 75rem;
}

.be-news-hub__intro {
	align-items: end;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: clamp(1.5rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.7fr);
	padding-block: clamp(1rem, 3.5vw, 3rem);
}

.be-news-hub__intro h1 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	line-height: 1;
	margin: 0.4rem 0 0;
	max-width: 18ch;
}

.be-news-hub__intro > p {
	font-size: 1.15rem;
	line-height: 1.6;
	margin: 0;
}

.be-news-formats {
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	padding-block: 1rem;
	scrollbar-width: thin;
}

.be-news-formats a {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 999px;
	color: var(--wp--preset--color--navy);
	flex: 0 0 auto;
	font-size: 0.88rem;
	font-weight: 700;
	padding: 0.55rem 0.85rem;
	text-decoration: none;
}

.be-news-formats a[aria-current="page"] {
	background: var(--wp--preset--color--navy);
	border-color: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--surface);
}

.be-news-filter-summary {
	align-items: center;
	background: var(--wp--preset--color--blue-tint);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	margin-block: 0.75rem 1.5rem;
	padding: 0.75rem 1rem;
}

.be-news-filter-summary p {
	margin: 0;
}

.be-news-hub-feature {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--surface);
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	margin-block-start: 1.5rem;
	min-height: 28rem;
}

.be-news-hub-feature__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(1.75rem, 5vw, 4rem);
}

.be-news-hub__meta {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.78rem;
	font-weight: 700;
	gap: 0.45rem 0.8rem;
	letter-spacing: 0.035em;
	text-transform: uppercase;
}

.be-news-hub__meta span:first-child {
	color: var(--wp--preset--color--epi-blue);
}

.be-news-hub-feature h2 {
	font-size: clamp(2.4rem, 4.5vw, 4.25rem);
	line-height: 1;
	margin: 0.75rem 0 1rem;
	max-width: 14ch;
}

.be-news-hub-feature h2 a,
.be-news-hub-feature__footer a {
	color: inherit;
}

.be-news-hub-feature__copy > p {
	font-size: 1.12rem;
	line-height: 1.55;
	max-width: 42rem;
}

.be-news-hub-feature__footer {
	align-items: center;
	display: flex;
	font-weight: 700;
	gap: 1.5rem;
	margin-block-start: 1.25rem;
}

.be-news-hub-feature__visual {
	background: linear-gradient(145deg, #0f3b65, #168fc4);
	min-height: 20rem;
	overflow: hidden;
}

.be-news-hub-feature__visual img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.be-news-hub-feature__signal {
	align-items: end;
	display: flex;
	gap: clamp(0.5rem, 2vw, 1rem);
	height: 100%;
	justify-content: center;
	padding: 18% 12%;
}

.be-news-hub-feature__signal span {
	background: rgb(255 255 255 / 78%);
	border-radius: 0.2rem 0.2rem 0 0;
	flex: 1;
}

.be-news-hub-feature__signal span:nth-child(1) { height: 24%; }
.be-news-hub-feature__signal span:nth-child(2) { height: 48%; }
.be-news-hub-feature__signal span:nth-child(3) { height: 38%; }
.be-news-hub-feature__signal span:nth-child(4) { height: 76%; }
.be-news-hub-feature__signal span:nth-child(5) { height: 92%; }

.be-news-latest,
.be-news-beats,
.be-news-hub-newsletter {
	margin-block-start: clamp(4rem, 8vw, 7rem);
}

.be-news-latest__grid {
	display: grid;
	gap: 1px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	background: var(--wp--preset--color--rule);
	border: 1px solid var(--wp--preset--color--rule);
}

.be-news-hub-card {
	background: var(--wp--preset--color--surface);
	min-width: 0;
	padding: clamp(1.35rem, 3vw, 2rem);
}

.be-news-hub-card h3 {
	font-size: clamp(1.45rem, 2.2vw, 1.9rem);
	line-height: 1.12;
	margin: 0.6rem 0 0.75rem;
}

.be-news-hub-card h3 a {
	color: var(--wp--preset--color--navy);
}

.be-news-hub-card > p {
	line-height: 1.55;
}

.be-news-hub-card footer {
	color: var(--wp--preset--color--muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.82rem;
	gap: 0.35rem 0.8rem;
	margin-block-start: 1.25rem;
}

.be-news-beats {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(15rem, 0.7fr) minmax(0, 1.3fr);
}

.be-news-beats header {
	max-width: 30rem;
}

.be-news-beats h2 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2rem, 3vw, 2.75rem);
	margin: 0.4rem 0 1rem;
}

.be-news-beats ol {
	border-block-start: 1px solid var(--wp--preset--color--rule);
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-news-beats li {
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.be-news-beats a {
	align-items: center;
	color: var(--wp--preset--color--navy);
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 1rem 0;
	text-decoration: none;
}

.be-news-beats a:hover,
.be-news-beats a:focus-visible,
.be-news-beats a[aria-current="page"] {
	background: var(--wp--preset--color--blue-tint);
	box-shadow: 0.75rem 0 0 var(--wp--preset--color--blue-tint), -0.75rem 0 0 var(--wp--preset--color--blue-tint);
}

.be-news-beats a > span:first-child {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.25rem;
	font-weight: 700;
}

.be-news-beats small {
	color: var(--wp--preset--color--muted);
}

.be-news-hub-newsletter {
	align-items: center;
	background: var(--wp--preset--color--blue-tint);
	border-block-start: 0.35rem solid var(--wp--preset--color--epi-blue);
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.be-news-hub-newsletter h2 {
	margin: 0.25rem 0 0;
}

.be-news-hub__empty {
	margin-block-start: 2rem;
}

/* Production News articles. */
.be-news-article {
	--be-news-accent: var(--wp--preset--color--epi-blue);
	margin-inline: auto;
	max-width: 75rem;
}

.be-news-article--policy-watch {
	--be-news-accent: var(--wp--preset--color--success);
}

.be-news-article--evidence-review,
.be-news-article--study-analysis {
	--be-news-accent: var(--wp--preset--color--blue-dark);
}

.be-news-article__header {
	border-block-start: 0.4rem solid var(--be-news-accent);
	max-width: 65rem;
	padding: clamp(1.5rem, 3vw, 2.5rem) 0 clamp(1.75rem, 3vw, 2.5rem);
}

.be-news-article__header h1 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2.35rem, 4.5vw, 3.75rem);
	line-height: 1;
	margin: 0.65rem 0 1rem;
	max-width: 22ch;
	overflow-wrap: break-word;
}

.be-news-article__labels {
	align-items: center;
	color: var(--wp--preset--color--navy);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.84rem;
	font-weight: 650;
	gap: 0.5rem 0.8rem;
}

.be-news-article__format {
	background: var(--be-news-accent);
	border-radius: 999px;
	color: var(--wp--preset--color--navy);
	letter-spacing: 0.045em;
	padding: 0.3rem 0.7rem;
	text-transform: uppercase;
}

.be-news-article__standfirst {
	color: var(--wp--preset--color--ink);
	font-size: clamp(1.15rem, 2vw, 1.4rem);
	line-height: 1.55;
	max-width: 48rem;
}

.be-news-featured-media {
	background: var(--wp--preset--color--navy);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--epi-blue) 55%, transparent);
	margin: 0 0 clamp(2rem, 5vw, 4rem);
	padding: 0.75rem;
}

.be-news-featured-media img {
	display: block;
	height: auto;
	margin-inline: auto;
	max-height: 42rem;
	object-fit: contain;
	width: 100%;
}

.be-news-featured-media figcaption {
	color: var(--wp--preset--color--surface);
	font-size: 0.88rem;
	line-height: 1.45;
	padding: 0.75rem 0.25rem 0.15rem;
}

.be-news-featured-media details {
	margin-block-start: 0.4rem;
}

.be-news-article__layout {
	align-items: start;
	display: grid;
	gap: clamp(2rem, 5vw, 4.5rem);
	grid-template-columns: minmax(0, 46rem) minmax(15rem, 1fr);
}

.be-news-article__main,
.be-news-article__rail {
	min-width: 0;
}

.be-news-article__rail {
	display: grid;
	gap: 1rem;
}

.be-news-answer,
.be-news-next,
.be-news-facts,
.be-news-explainer-link {
	border-block-start: 0.25rem solid var(--be-news-accent);
	padding: 1.25rem;
}

.be-news-answer {
	background: color-mix(in srgb, var(--be-news-accent) 13%, white);
	margin-block-end: 1.5rem;
}

.be-news-answer h2,
.be-news-next h2,
.be-news-facts h2,
.be-news-explainer-link h2 {
	color: var(--wp--preset--color--navy);
	font-size: 1.25rem;
	margin: 0.2rem 0 0.6rem;
}

.be-news-answer > p:last-child {
	font-size: 1.2rem;
	line-height: 1.55;
}

.be-news-facts,
.be-news-explainer-link {
	background: var(--wp--preset--color--surface);
	box-shadow: 0 0.5rem 1.75rem rgb(15 42 75 / 8%);
}

.be-news-facts dl {
	margin: 0;
}

.be-news-facts dl div {
	border-block-start: 1px solid rgb(15 42 75 / 12%);
	padding-block: 0.75rem;
}

.be-news-facts dt {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.be-news-facts dd {
	margin: 0.2rem 0 0;
}

.be-news-facts a,
.be-news-explainer-link a {
	display: block;
	font-weight: 700;
	margin-block-start: 0.75rem;
}

.be-news-article__content {
	font-size: 1.08rem;
	line-height: 1.72;
}

.be-news-article__content :is(table, pre, .wp-block-table, .wp-block-code) {
	max-width: 100%;
	overflow-x: auto;
}

.be-news-next {
	background: var(--wp--preset--color--blue-tint);
	margin-block-start: 2.5rem;
}

.be-news-newsletter {
	align-items: center;
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--surface);
	display: flex;
	gap: 1.5rem;
	justify-content: space-between;
	margin-block-start: clamp(3rem, 7vw, 6rem);
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.be-news-newsletter h2 {
	color: inherit;
	margin: 0.2rem 0;
}

@media (max-width: 63.9375rem) {
	.be-news-hub__intro,
	.be-news-hub-feature,
	.be-news-beats {
		grid-template-columns: 1fr;
	}

	.be-news-hub__intro {
		align-items: start;
		gap: 1.25rem;
	}

	.be-news-hub-feature {
		min-height: 0;
	}

	.be-news-hub-feature__visual {
		min-height: 16rem;
		order: -1;
	}
	.be-article-layout {
		grid-template-columns: minmax(0, 45rem);
	}

	.be-history-article__layout {
		grid-template-columns: minmax(0, 45rem);
	}

	.be-explainer-article__layout {
		grid-template-columns: minmax(0, 47rem);
	}

	.be-news-article__layout {
		grid-template-columns: minmax(0, 47rem);
	}

	.be-news-article__rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}

	.be-explainer-article__rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}

	.be-history-article__rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}

	.be-article-layout__rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}

	.be-home-layout {
		grid-template-columns: 1fr;
	}

	.be-home-rail {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.be-technical-layout {
		grid-template-columns: minmax(0, 45rem);
	}

	.be-technical-rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
	}
}

@media (max-width: 47.9375rem) {
	.be-news-hub__intro h1 {
		font-size: clamp(2.3rem, 11vw, 3.25rem);
	}

	.be-news-hub-feature h2 {
		font-size: clamp(2rem, 10vw, 3rem);
	}

	.be-news-latest__grid {
		grid-template-columns: 1fr;
	}

	.be-news-hub-newsletter,
	.be-news-hub-feature__footer {
		align-items: stretch;
		flex-direction: column;
	}

	.be-evidence-boundary__grid {
		grid-template-columns: 1fr;
	}

	.be-featured-story,
	.be-story-grid,
	.be-home-rail {
		grid-template-columns: 1fr;
	}

	.be-featured-story__visual {
		min-height: 12rem;
	}

	.be-discovery-row__header {
		align-items: flex-start;
		flex-direction: column;
	}

	.be-history-today,
	.be-history-story-grid,
	.be-history-article__hero,
	.be-explainer-article__hero,
	.be-history-interpretation {
		grid-template-columns: 1fr;
	}

	.be-explainer-article__identity h1 {
		font-size: clamp(1.75rem, 9vw, 2.35rem);
		overflow-wrap: normal;
	}

	.be-explainer-article__hero {
		gap: 1.75rem;
		padding: 1.5rem;
	}

	.be-explainer-article__standfirst {
		font-size: 1rem;
		line-height: 1.55;
	}

	.be-equation__symbols {
		grid-template-columns: 1fr;
	}

	.be-equation__symbols div {
		display: block;
	}

	.be-equation__symbols dd {
		margin-block-start: 0.2rem;
	}

	.be-history-article__identity h1 {
		font-size: clamp(2.15rem, 1.75rem + 2vw, 3rem);
	}

	.be-history-article__identity {
		order: -1;
	}

	.be-news-article__header h1 {
		font-size: clamp(2.1rem, 10vw, 3.15rem);
		line-height: 1.03;
	}

	.be-news-newsletter {
		align-items: stretch;
		flex-direction: column;
	}


	.be-history-evidence dl div {
		grid-template-columns: 1fr;
	}
}

/* Production Study Center system. */
.be-study-hub,
.be-study-lesson {
	margin-inline: auto;
	max-width: 75rem;
}

.be-study-hub__intro {
	align-items: end;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: clamp(2rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
	padding-block: clamp(1rem, 3.5vw, 3rem);
}

.be-study-hub__intro h1,
.be-study-header h1 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	line-height: 1.02;
	margin: 0.4rem 0 0;
}

.be-study-hub__intro > p,
.be-study-header__standfirst {
	font-size: 1.15rem;
	line-height: 1.6;
}

.be-study-track-notice {
	align-items: center;
	background: var(--wp--preset--color--navy);
	color: #fff;
	display: flex;
	gap: 2rem;
	justify-content: space-between;
	margin-block-start: 1.5rem;
	padding: clamp(1.5rem, 4vw, 2.5rem);
}

.be-study-track-notice h2 {
	color: inherit;
	margin-block: 0.25rem;
}

.be-study-track-notice p:last-child {
	margin-block-end: 0;
}

.be-study-track-notice a {
	color: #fff;
	flex: 0 0 auto;
	font-weight: 700;
}

.be-study-independent,
.be-study-filter-summary {
	background: var(--wp--preset--color--blue-tint);
	margin-block: 0;
	padding: 0.9rem 1rem;
}

.be-study-filter-summary {
	border-block-start: 1px solid var(--wp--preset--color--rule);
}

.be-study-filter-summary a {
	margin-inline-start: 0.5rem;
}

.be-study-start {
	background: linear-gradient(145deg, #102e51, #071a2b);
	color: #fff;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.65fr);
	margin-block: clamp(2rem, 5vw, 4rem);
	padding: clamp(2rem, 5vw, 4rem);
}

.be-study-start h2 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.05;
	margin-block: 0.5rem 1rem;
}

.be-study-start h2 a {
	color: inherit;
}

.be-study-start aside {
	align-self: center;
	background: #fff;
	color: var(--wp--preset--color--navy);
	padding: 1.5rem;
}

.be-study-start aside h3 {
	font-size: 1.35rem;
	line-height: 1.25;
}

.be-study-curriculum,
.be-study-lessons {
	margin-block: clamp(3rem, 7vw, 6rem);
}

.be-study-curriculum > header,
.be-study-lessons > header {
	max-width: 48rem;
}

.be-study-curriculum > header h2,
.be-study-lessons > header h2 {
	font-size: clamp(2rem, 3vw, 3rem);
	margin-block: 0.3rem 1rem;
}

.be-study-curriculum ol {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin-block-start: 2rem;
	padding: 0;
}

.be-study-curriculum a {
	align-items: center;
	border: 1px solid var(--wp--preset--color--rule);
	color: var(--wp--preset--color--navy);
	display: grid;
	gap: 1rem;
	grid-template-columns: auto minmax(0, 1fr) auto;
	min-height: 6.5rem;
	padding: 1rem;
	text-decoration: none;
}

.be-study-curriculum a:hover,
.be-study-curriculum a:focus-visible,
.be-study-curriculum a[aria-current="page"] {
	background: var(--wp--preset--color--blue-tint);
	border-color: var(--wp--preset--color--epi-blue);
}

.be-study-domain-number {
	align-items: center;
	background: var(--wp--preset--color--navy);
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-weight: 700;
	height: 2.5rem;
	justify-content: center;
	width: 2.5rem;
}

.be-study-curriculum strong,
.be-study-curriculum small {
	display: block;
}

.be-study-curriculum small {
	color: var(--wp--preset--color--muted);
	margin-block-start: 0.3rem;
}

.be-study-lesson-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block-start: 2rem;
}

.be-study-lesson-grid article {
	border: 1px solid var(--wp--preset--color--rule);
	border-block-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.be-study-lesson-grid h3 {
	font-size: 1.5rem;
	line-height: 1.15;
	margin-block: 0.4rem 0.75rem;
}

.be-study-lesson-grid h3 a {
	color: var(--wp--preset--color--navy);
}

.be-study-empty {
	background: var(--wp--preset--color--blue-tint);
	padding: 2rem;
}

.be-study-header {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	max-width: 65rem;
	padding-block: 1rem clamp(2rem, 5vw, 4rem);
}

.be-study-header h1 {
	font-size: clamp(2.5rem, 4vw, 3.75rem);
	max-width: 18ch;
}

.be-study-header__standfirst {
	color: var(--wp--preset--color--muted);
	max-width: 50rem;
}

.be-study-disclaimer {
	align-items: start;
	background: #fff8e7;
	border-inline-start: 0.35rem solid #b87909;
	display: grid;
	gap: 0.25rem;
	margin-block: 1.5rem 0;
	padding: 1rem 1.25rem;
}

.be-study-disclaimer p {
	margin: 0;
}

.be-study-layout {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 45rem) minmax(15rem, 18rem);
	margin-block-start: clamp(2rem, 5vw, 4rem);
}

.be-study-main {
	display: grid;
	gap: clamp(2.5rem, 5vw, 4.5rem);
	min-width: 0;
}

.be-study-objectives {
	background: var(--wp--preset--color--blue-tint);
	border-inline-start: 0.375rem solid var(--wp--preset--color--epi-blue);
	padding: 1.5rem 2rem;
}

.be-study-objectives h2,
.be-study-key-terms h2,
.be-study-summary h2 {
	font-size: 1.8rem;
	margin-block: 0.3rem 0.75rem;
}

.be-study-key-terms {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	padding-block-end: 2rem;
}

.be-study-key-terms ul {
	display: grid;
	gap: 0.85rem;
	grid-template-columns: 1fr;
	margin-block-end: 0;
	padding-inline-start: 1.4rem;
}

.be-study-key-terms li {
	max-width: 42rem;
	padding-inline-start: 0.15rem;
}

.be-study-content #practice-questions {
	margin-block-end: 1.5rem;
}

/* The authored question blocks remain the source of truth. These adjacent
 * selectors turn each existing question, answer list, and native disclosure
 * into one readable card without duplicating or rewriting the lesson body. */
.be-study-content :is(h3, h4)[id^="question-"] {
	background: #f7fafc;
	border: 1px solid var(--wp--preset--color--rule);
	border-block-end: 0;
	color: var(--wp--preset--color--navy);
	font-family: "Source Serif 4", Georgia, serif;
	font-size: clamp(1.5rem, 3vw, 2rem);
	line-height: 1.15;
	margin: 2.25rem 0 0;
	padding: clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 4vw, 2.5rem) 0;
}

.be-study-content :is(h3, h4)[id^="question-"]::before {
	color: var(--wp--preset--color--blue);
	content: "Practice question";
	display: block;
	font-family: "Source Sans 3", Arial, sans-serif;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-block-end: 0.75rem;
	text-transform: uppercase;
}

.be-study-content :is(h3, h4)[id^="question-"] + p,
.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol),
.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol) + details {
	background: #f7fafc;
	border-inline: 1px solid var(--wp--preset--color--rule);
	margin-block: 0;
	padding-inline: clamp(1.25rem, 4vw, 2.5rem);
}

.be-study-content :is(h3, h4)[id^="question-"] + p {
	padding-block: 1.25rem;
}

.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol) {
	display: grid;
	gap: 0.5rem;
	margin: 0;
	padding-block: 0 1.5rem;
	padding-inline-start: clamp(3rem, 6vw, 4.5rem);
	padding-inline-end: clamp(1.25rem, 4vw, 2.5rem);
}

.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol) + details {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	padding-block: 1.25rem;
}

.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol) + details summary {
	cursor: pointer;
	font-weight: 700;
}

.be-study-content :is(h3, h4)[id^="question-"] + p + :is(ul, ol) + details > :not(summary) {
	padding-block-start: 1rem;
}

.be-study-summary {
	border-block: 1px solid var(--wp--preset--color--rule);
	padding-block: 2rem;
}

.be-study-rail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.be-study-rail section {
	border: 1px solid var(--wp--preset--color--rule);
	padding: 1.25rem;
}

.be-study-rail h2 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1.15rem;
	margin-block: 0.3rem 0.75rem;
}

.be-study-rail dl {
	margin: 0;
}

.be-study-rail dl div {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr auto;
	padding-block: 0.35rem;
}

.be-study-rail dt {
	font-weight: 700;
}

.be-study-rail dd {
	margin: 0;
}

.be-study-rail ul {
	padding-inline-start: 1.2rem;
}

@media (max-width: 63.9375rem) {
	.be-study-hub__intro,
	.be-study-start,
	.be-study-layout {
		grid-template-columns: 1fr;
	}

	.be-study-rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	}
}

@media (max-width: 47.9375rem) {
	.be-study-hub__intro h1,
	.be-study-header h1 {
		font-size: clamp(2.3rem, 11vw, 3.25rem);
	}

	.be-study-track-notice {
		align-items: start;
		flex-direction: column;
	}

	.be-study-curriculum ol,
	.be-study-lesson-grid,
	.be-study-key-terms ul {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 47.9375rem) {
	.site-header__utility,
	.site-footer__main {
		align-items: flex-start;
		gap: 0.5rem;
		padding-block: 1rem;
	}

	.site-tagline {
		display: none;
	}

	.site-header__utility {
		min-height: 4.5rem;
	}

	.site-logo,
	.custom-logo-link {
		width: min(9rem, 46vw);
	}

	.site-header__actions {
		gap: 0.25rem;
	}

	.site-header__actions .site-action {
		padding-inline: 0.5rem;
	}

	.has-site-dialogs .menu-trigger {
		display: inline-flex;
	}

	.has-site-dialogs .primary-navigation {
		display: none;
	}

	.primary-navigation {
		padding-block: 0.75rem;
	}

	.primary-navigation .menu {
		flex-wrap: wrap;
		gap: 0.625rem 1rem;
		min-height: auto;
	}

	.site-footer__main {
		display: grid;
		grid-template-columns: 1fr;
		padding-block: 3rem;
	}

	.site-search-form__controls {
		grid-template-columns: 1fr;
	}

	.site-menu-dialog {
		height: 100dvh;
		margin: 0 0 0 auto;
		max-height: 100dvh;
		max-width: min(30rem, 92vw);
	}

	.site-menu-dialog .site-dialog__inner {
		border-radius: 0;
		min-height: 100%;
	}

	.site-content {
		margin-block: 2rem;
	}

	.be-button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.be-card {
		transition: none;
	}

	.be-card:hover {
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

/* Production Data & Code system. */
.be-data-code-hub,
.be-data-code-article {
	margin-inline: auto;
	max-width: 75rem;
}

.be-data-code-hub__intro {
	align-items: end;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: clamp(2rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
	padding-block: clamp(1rem, 3.5vw, 3rem);
}

.be-data-code-hub__intro h1,
.be-data-code-header h1 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	line-height: 1.02;
	margin: 0.4rem 0 0;
}

.be-data-code-hub__intro > p,
.be-data-code-header__standfirst {
	font-size: 1.15rem;
	line-height: 1.6;
}

.be-data-code-languages {
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	padding-block: 1rem;
	scrollbar-width: thin;
}

.be-data-code-languages a {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 999px;
	color: var(--wp--preset--color--navy);
	flex: 0 0 auto;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.55rem 1rem;
	text-decoration: none;
}

.be-data-code-languages a:hover,
.be-data-code-languages a:focus-visible,
.be-data-code-languages a[aria-current="page"] {
	background: var(--wp--preset--color--navy);
	border-color: var(--wp--preset--color--navy);
	color: #fff;
}

.be-data-code-filter-summary {
	background: var(--wp--preset--color--blue-tint);
	margin: 0 0 1.5rem;
	padding: 0.75rem 1rem;
}

.be-data-code-filter-summary a {
	margin-inline-start: 0.5rem;
}

.be-data-code-feature {
	background: var(--wp--preset--color--navy);
	color: #fff;
	display: grid;
	grid-template-columns: minmax(15rem, 0.75fr) minmax(0, 1.25fr);
	margin-block: 1.5rem clamp(3rem, 7vw, 6rem);
	min-height: 25rem;
}

.be-data-code-feature > div:last-child {
	align-self: center;
	padding: clamp(2rem, 5vw, 4rem);
}

.be-data-code-feature h2 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.05;
	margin-block: 0.5rem 1rem;
}

.be-data-code-feature h2 a {
	color: inherit;
}

.be-data-code-feature__signal {
	align-items: center;
	background: linear-gradient(145deg, #118fc3, #0b547d);
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.be-data-code-feature__signal a,
.be-data-code-feature__signal img {
	display: block;
	height: 100%;
	width: 100%;
}

.be-data-code-feature__signal img {
	object-fit: cover;
}

.be-data-code-feature__signal span {
	border: 2px solid rgb(255 255 255 / 55%);
	border-radius: 0.5rem;
	font-family: monospace;
	font-size: clamp(3rem, 7vw, 6rem);
	font-weight: 700;
	padding: 1.5rem;
}

.be-data-code-latest,
.be-data-code-tasks {
	margin-block: clamp(3rem, 7vw, 6rem);
}

.be-data-code-latest > header h2,
.be-data-code-tasks > header h2 {
	font-size: clamp(2rem, 3vw, 3rem);
	margin-block: 0.3rem 1rem;
}

.be-data-code-card-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.be-data-code-card {
	border: 1px solid var(--wp--preset--color--rule);
	border-block-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.be-data-code-card__image {
	display: block;
	margin: calc(-1 * clamp(1.25rem, 3vw, 2rem)) calc(-1 * clamp(1.25rem, 3vw, 2rem)) 1.25rem;
	overflow: hidden;
}

.be-data-code-card__image img {
	display: block;
	height: 12rem;
	object-fit: cover;
	width: 100%;
}

.be-data-code-card h3 {
	font-size: 1.55rem;
	line-height: 1.15;
	margin-block: 0.4rem 0.75rem;
}

.be-data-code-card h3 a {
	color: var(--wp--preset--color--navy);
}

.be-data-code-tasks {
	display: grid;
	gap: clamp(2rem, 6vw, 5rem);
	grid-template-columns: minmax(15rem, 0.6fr) minmax(0, 1fr);
}

.be-data-code-tasks ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-data-code-tasks li {
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.be-data-code-tasks a {
	align-items: center;
	color: var(--wp--preset--color--navy);
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 0.9rem 0;
	text-decoration: none;
}

.be-data-code-tasks a:hover,
.be-data-code-tasks a:focus-visible,
.be-data-code-tasks a[aria-current="page"] {
	background: var(--wp--preset--color--blue-tint);
	box-shadow: 0.75rem 0 0 var(--wp--preset--color--blue-tint), -0.75rem 0 0 var(--wp--preset--color--blue-tint);
}

.be-data-code-tasks a > span:first-child {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.15rem;
	font-weight: 700;
}

.be-data-code-tasks small {
	color: var(--wp--preset--color--muted);
}

.be-data-code-empty {
	background: var(--wp--preset--color--blue-tint);
	padding: 2rem;
}

.be-data-code-header {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	max-width: 65rem;
	padding-block: 1rem clamp(2rem, 5vw, 4rem);
}

.be-data-code-header h1 {
	max-width: 16ch;
}

.be-data-code-header__standfirst {
	color: var(--wp--preset--color--muted);
	max-width: 50rem;
}

.be-data-code-layout {
	align-items: start;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem);
	margin-block-start: clamp(2rem, 5vw, 4rem);
}

.be-data-code-layout--single-column {
	grid-template-columns: minmax(0, 1fr);
}

.be-data-code-main {
	display: grid;
	gap: clamp(2.5rem, 5vw, 4.5rem);
	min-width: 0;
}

.be-tutorial-outcome {
	background: var(--wp--preset--color--blue-tint);
	border-inline-start: 0.375rem solid var(--wp--preset--color--epi-blue);
	inline-size: 100%;
	min-inline-size: 0;
	padding: 1.5rem 2rem;
}

.be-tutorial-outcome h2,
.be-tutorial-prerequisites h2,
.be-tutorial-next h2 {
	font-size: 1.8rem;
	margin-block: 0.3rem 0.75rem;
}

.be-tutorial-prerequisites {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	padding-block-end: 2rem;
}

.be-data-code-content > * {
	max-width: 100%;
}

.be-data-code-content {
	color: var(--wp--preset--color--navy);
}

.be-data-code-content > * + * {
	margin-block-start: 1.25rem;
}

.be-data-code-content > h2 {
	margin-block-start: 2.5rem;
}

.be-data-code-content .wp-block-table {
	margin-block: 1.5rem;
	overflow-x: auto;
}

.be-data-code-content .wp-block-table table {
	background: var(--wp--preset--color--surface);
	border-collapse: collapse;
	width: 100%;
}

.be-data-code-content .wp-block-table :is(th, td) {
	border: 1px solid var(--wp--preset--color--rule);
	padding: 0.75rem 0.9rem;
	text-align: left;
	vertical-align: top;
}

.be-data-code-content .wp-block-table th {
	background: var(--wp--preset--color--blue-tint);
	color: var(--wp--preset--color--navy);
}

.be-data-code-content .wp-block-table figcaption {
	color: var(--wp--preset--color--muted);
	font-size: 0.9rem;
	margin-block-start: 0.55rem;
}

.be-data-code-content pre.wp-block-code {
	background: #071a2b;
	color: #e8f3f8;
	margin: 0;
	overflow-x: auto;
	padding: 1.25rem;
}

/* Keep our dark navy background when Prism tomorrow theme is active. */
.be-data-code-content pre[class*="language-"],
.be-data-code-content code[class*="language-"] {
	background: #071a2b;
}

.be-data-code-content .token.comment,
.be-data-code-content .token.block-comment,
.be-data-code-content .token.prolog,
.be-data-code-content .token.doctype,
.be-data-code-content .token.cdata {
	color: #6b9ab8;
}

.be-data-code-content .token.function {
	color: #7ec8e3;
}

.be-data-code-content .token.string {
	color: #8dd3b0;
}

.be-data-code-content .token.keyword,
.be-data-code-content .token.rule {
	color: #c792ea;
}

.be-data-code-content .token.number {
	color: #f07178;
}

.be-data-code-content .token.operator,
.be-data-code-content .token.punctuation {
	color: #89ddff;
}

.be-data-code-content .be-code-block {
	margin-block: 1.5rem;
}

.be-data-code-content .wp-block-preformatted {
	background: #f4f8fb;
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	color: var(--wp--preset--color--navy);
	overflow-x: auto;
	padding: 1rem 1.25rem;
}

.be-equation__formula {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-family: var(--wp--preset--font-family--source-serif, Georgia, serif);
	font-size: clamp(1.7rem, 4vw, 2.4rem);
	gap: 0.55rem;
	line-height: 1.2;
	margin-block: 0.5rem 1rem;
}

.be-equation__fraction {
	display: inline-grid;
	font-size: 0.9em;
	gap: 0.15rem;
	line-height: 1.05;
	text-align: center;
}

.be-equation__fraction span:first-child {
	border-block-end: 2px solid currentColor;
	padding-block-end: 0.15rem;
}

.be-equation__fraction span:last-child {
	padding-block-start: 0.15rem;
}

.be-gist-embed {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 0.375rem;
	margin-block: 1.5rem;
	overflow-x: auto;
	padding: 1rem;
}

.be-gist-embed .gist {
	margin-block-end: 0;
}

.be-data-code-content .be-code-block__bar .be-copy-status {
	font-weight: 400;
	letter-spacing: 0;
	margin-inline-start: auto;
	min-height: 0;
	padding: 0;
	text-transform: none;
}

.be-data-code-rail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	min-width: 0;
}

.be-data-code-rail h3 {
	font-size: 0.9rem;
	margin-block: 1rem 0.25rem;
}

.be-data-code-rail ul {
	margin: 0;
	padding-inline-start: 1.2rem;
}

.be-resource-status--preserved {
	background: #fff8e7;
	border-inline-start-color: #b87909;
}

.be-resource-status--archived {
	background: #f4f4f4;
	border-inline-start-color: var(--wp--preset--color--muted);
}

.be-tutorial-files {
	border: 1px solid var(--wp--preset--color--rule);
}

.be-tutorial-files--intro {
	max-inline-size: 30rem;
}

.be-tutorial-files a {
	align-items: center;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	color: var(--wp--preset--color--navy);
	display: flex;
	gap: 1rem;
	justify-content: space-between;
	padding: 1rem;
	text-decoration: none;
}

.be-tutorial-files a:last-child {
	border-block-end: 0;
}

@media (max-width: 63.9375rem) {
	.be-data-code-hub__intro,
	.be-data-code-feature,
	.be-data-code-tasks,
	.be-data-code-layout {
		grid-template-columns: 1fr;
	}

	.be-data-code-feature__signal {
		min-height: 14rem;
	}

	.be-data-code-rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	}
}

@media (max-width: 47.9375rem) {
	.be-data-code-hub__intro h1,
	.be-data-code-header h1 {
		font-size: clamp(2.3rem, 11vw, 3.25rem);
	}

	.be-data-code-card-grid {
		grid-template-columns: 1fr;
	}

	.be-data-code-feature {
		min-height: 0;
	}

	.be-data-code-feature__signal {
		min-height: 11rem;
	}
}

/* Production Resources system. */
.be-resources-hub,
.be-resource-guide {
	margin-inline: auto;
	max-width: 75rem;
}

.be-resources-hub__intro {
	align-items: end;
	border-block-end: 1px solid var(--wp--preset--color--rule);
	display: grid;
	gap: clamp(2rem, 6vw, 6rem);
	grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.65fr);
	padding-block: clamp(1rem, 3.5vw, 3rem);
}

.be-resources-hub__intro h1,
.be-resource-header h1 {
	color: var(--wp--preset--color--navy);
	font-size: clamp(2.5rem, 4.5vw, 4rem);
	line-height: 1.02;
	margin: 0.4rem 0 0;
}

.be-resources-hub__intro > p,
.be-resource-header__standfirst {
	font-size: 1.15rem;
	line-height: 1.6;
}

.be-resource-types {
	display: flex;
	gap: 0.5rem;
	overflow-x: auto;
	padding-block: 1rem;
	scrollbar-width: thin;
}

.be-resource-types a {
	border: 1px solid var(--wp--preset--color--rule);
	border-radius: 999px;
	color: var(--wp--preset--color--navy);
	flex: 0 0 auto;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 0.55rem 1rem;
	text-decoration: none;
}

.be-resource-types a:hover,
.be-resource-types a:focus-visible,
.be-resource-types a[aria-current="page"] {
	background: var(--wp--preset--color--navy);
	border-color: var(--wp--preset--color--navy);
	color: #fff;
}

.be-resources-filter-summary {
	background: var(--wp--preset--color--blue-tint);
	margin: 0 0 1.5rem;
	padding: 0.75rem 1rem;
}

.be-resources-filter-summary a {
	margin-inline-start: 0.5rem;
}

.be-resources-feature {
	background: var(--wp--preset--color--navy);
	color: #fff;
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 1.2fr) minmax(16rem, 0.65fr);
	margin-block: 1.5rem clamp(3rem, 7vw, 6rem);
	padding: clamp(2rem, 5vw, 4rem);
}

.be-resources-feature h2 {
	font-size: clamp(2rem, 4vw, 3.5rem);
	line-height: 1.05;
	margin-block: 0.5rem 1rem;
}

.be-resources-feature h2 a {
	color: inherit;
}

.be-resources-feature aside {
	align-self: center;
	background: #fff;
	color: var(--wp--preset--color--navy);
	padding: 1.5rem;
}

.be-resources-feature aside h3 {
	font-size: 1.35rem;
}

.be-resource-collections,
.be-resources-list {
	margin-block: clamp(3rem, 7vw, 6rem);
}

.be-resource-collections {
	display: grid;
	gap: clamp(2rem, 6vw, 5rem);
	grid-template-columns: minmax(15rem, 0.6fr) minmax(0, 1fr);
}

.be-resource-collections > header h2,
.be-resources-list > header h2 {
	font-size: clamp(2rem, 3vw, 3rem);
	margin-block: 0.3rem 1rem;
}

.be-resource-collections ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.be-resource-collections li {
	border-block-end: 1px solid var(--wp--preset--color--rule);
}

.be-resource-collections a {
	align-items: center;
	color: var(--wp--preset--color--navy);
	display: grid;
	gap: 0.75rem;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 1rem 0;
	text-decoration: none;
}

.be-resource-collections a:hover,
.be-resource-collections a:focus-visible,
.be-resource-collections a[aria-current="page"] {
	background: var(--wp--preset--color--blue-tint);
	box-shadow: 0.75rem 0 0 var(--wp--preset--color--blue-tint), -0.75rem 0 0 var(--wp--preset--color--blue-tint);
}

.be-resource-collections a > span:first-child {
	font-family: var(--wp--preset--font-family--serif);
	font-size: 1.2rem;
	font-weight: 700;
}

.be-resource-collections small {
	color: var(--wp--preset--color--muted);
}

.be-resource-card-grid {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-block-start: 2rem;
}

.be-resource-card {
	border: 1px solid var(--wp--preset--color--rule);
	border-block-start: 0.3rem solid var(--wp--preset--color--epi-blue);
	padding: clamp(1.25rem, 3vw, 2rem);
}

.be-resource-card--archived {
	background: #f4f4f4;
	border-block-start-color: var(--wp--preset--color--muted);
}

.be-resource-card h3 {
	font-size: 1.5rem;
	line-height: 1.15;
	margin-block: 0.4rem 0.75rem;
}

.be-resource-card h3 a {
	color: var(--wp--preset--color--navy);
}

.be-resources-empty {
	background: var(--wp--preset--color--blue-tint);
	padding: 2rem;
}

.be-resource-archive-notice {
	background: #f4f4f4;
	border-inline-start: 0.35rem solid var(--wp--preset--color--muted);
	margin-block-end: 1.5rem;
	padding: 1rem 1.25rem;
}

.be-resource-archive-notice p {
	margin-block-end: 0;
}

.be-resource-header {
	border-block-end: 1px solid var(--wp--preset--color--rule);
	max-width: 65rem;
	padding-block: 1rem clamp(2rem, 5vw, 4rem);
}

.be-resource-header h1 {
	font-size: clamp(2.5rem, 4vw, 3.75rem);
	max-width: 18ch;
}

.be-resource-header__standfirst {
	color: var(--wp--preset--color--muted);
	max-width: 50rem;
}

.be-resource-layout {
	display: grid;
	gap: clamp(2rem, 5vw, 5rem);
	grid-template-columns: minmax(0, 45rem) minmax(15rem, 18rem);
	margin-block-start: clamp(2rem, 5vw, 4rem);
}

.be-resource-main {
	display: grid;
	gap: clamp(2.5rem, 5vw, 4.5rem);
	min-width: 0;
}

.be-resource-fit {
	background: var(--wp--preset--color--blue-tint);
	border-inline-start: 0.375rem solid var(--wp--preset--color--epi-blue);
	padding: 1.5rem 2rem;
}

.be-resource-fit h2,
.be-resource-emergency h2 {
	font-size: 1.8rem;
	margin-block: 0.3rem 0.75rem;
}

.be-resource-fit dl {
	margin: 0;
}

.be-resource-fit dl div {
	border-block-start: 1px solid rgb(18 48 83 / 15%);
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(8rem, 0.45fr) minmax(0, 1fr);
	padding-block: 0.65rem;
}

.be-resource-fit dt {
	font-weight: 700;
}

.be-resource-fit dd {
	margin: 0;
}

.be-resource-emergency {
	background: #fff8e7;
	border-inline-start: 0.35rem solid #b87909;
	padding: 1.5rem 2rem;
}

.be-resource-rail {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.be-resource-rail section,
.be-resource-report {
	border: 1px solid var(--wp--preset--color--rule);
	padding: 1.25rem;
}

.be-resource-rail h2 {
	font-family: var(--wp--preset--font-family--ui);
	font-size: 1.15rem;
	margin-block: 0.3rem 0.75rem;
}

.be-resource-rail dl {
	margin: 0;
}

.be-resource-rail dl div {
	display: grid;
	gap: 1rem;
	grid-template-columns: 1fr auto;
	padding-block: 0.35rem;
}

.be-resource-rail dt {
	font-weight: 700;
}

.be-resource-rail dd {
	margin: 0;
}

.be-resource-report {
	color: var(--wp--preset--color--navy);
	display: grid;
	gap: 0.3rem;
	text-decoration: none;
}

.be-resource-report span {
	color: var(--wp--preset--color--muted);
	font-size: 0.875rem;
}

@media (max-width: 63.9375rem) {
	.be-resources-hub__intro,
	.be-resources-feature,
	.be-resource-collections,
	.be-resource-layout {
		grid-template-columns: 1fr;
	}

	.be-resource-rail {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
	}
}

@media (max-width: 47.9375rem) {
	.be-resources-hub__intro h1,
	.be-resource-header h1 {
		font-size: clamp(2.3rem, 11vw, 3.25rem);
	}

	.be-resource-card-grid {
		grid-template-columns: 1fr;
	}

	.be-resource-fit dl div {
		grid-template-columns: 1fr;
	}
}