:root {
	--em-research-ink: #0b1422;
	--em-research-heading: #0a1e33;
	--em-research-muted: #5c6878;
	--em-research-line: #d3dae1;
	--em-research-brand: #123552;
	--em-research-accent: #0b6e63;
	--em-research-accent-soft: #dceee9;
	--em-research-paper: #f5f3ed;
	--em-research-surface: #ffffff;
}

.em-research {
	box-sizing: border-box;
	color: var(--em-research-ink);
	font-size: clamp(1rem, .98rem + .12vw, 1.0625rem);
	line-height: 1.7;
}

.em-research :where(h2, h3) {
	color: var(--em-research-heading);
	line-height: 1.25;
}

.em-key-takeaways {
	margin-block: clamp(2rem, 5vw, 3.5rem);
	padding: clamp(1.4rem, 4vw, 2.25rem);
	border-radius: 12px;
	background: var(--em-research-brand);
	color: #ffffff;
}

.em-key-takeaways :where(h2, h3) { color: #ffffff; }
.em-key-takeaways h3 { font-size: 1rem; color: #a7d8cf; }
.em-key-takeaways .wp-block-column { padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.24); }

.em-data-cutoff {
	width: fit-content;
	max-width: 100%;
	margin-block: 1rem 2rem;
	padding: .6rem .85rem;
	gap: .5rem .8rem;
	border: 1px solid #aec5c0;
	border-radius: 8px;
	background: var(--em-research-accent-soft);
	color: #164a42;
	font-size: .8125rem;
	font-variant-numeric: tabular-nums;
}

.em-data-cutoff p { margin: 0; }

.em-fact-grid { margin-block: 2.5rem; }
.em-fact-grid .wp-block-column {
	padding: 1.25rem;
	border-top: 4px solid var(--em-research-accent);
	background: var(--em-research-surface);
}

.em-fact-grid .wp-block-column:nth-child(2) { border-color: #8a672e; }
.em-fact-grid .wp-block-column:nth-child(3) { border-color: #647588; }
.em-fact-grid h3 { font-size: 1.1rem; }
.em-fact-grid p { color: var(--em-research-muted); }

.em-source-panel,
.em-disclosure {
	margin-block: 2rem;
	padding: clamp(1.25rem, 4vw, 1.75rem);
	border: 1px solid var(--em-research-line);
	border-radius: 8px;
	background: var(--em-research-surface);
}

.em-source-panel h2,
.em-disclosure h2 { font-size: clamp(1.35rem, 2.5vw, 1.75rem); }
.em-source-panel li + li { margin-top: .5rem; }
.em-disclosure { background: var(--em-research-paper); }

.em-data-table__scroll {
	max-width: 100%;
	overflow-x: auto;
	border: 1px solid var(--em-research-line);
	border-radius: 8px;
	background: var(--em-research-surface);
}

.em-data-table table { min-width: 640px; width: 100%; border-collapse: collapse; }
.em-data-table caption { padding: .9rem 1rem; text-align: left; font-weight: 700; }
.em-data-table :where(th, td) { padding: .75rem 1rem; border-top: 1px solid var(--em-research-line); text-align: left; }
.em-data-table thead th { background: #edf1f3; }
.em-data-table figcaption { margin-top: .6rem; color: var(--em-research-muted); font-size: .8125rem; }

.em-research :focus-visible,
.em-data-table__scroll:focus-visible { outline: 3px solid #1668d8; outline-offset: 3px; }

@media (max-width: 600px) {
	.em-research { font-size: 1rem; }
	.em-key-takeaways .wp-block-columns,
	.em-fact-grid .wp-block-columns { display: grid; }
	.em-data-cutoff { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.em-research *,
	.em-research *::before,
	.em-research *::after { animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms; }
}
