.opa-history-view,
.opa-history-view #page {
	background: var(--opa-portal-surface, #fff);
}

.opa-history-layout,
.opa-history-index {
	--opa-history-rule: #dce4ed;
}

.opa-history-layout {
	color: var(--opa-portal-text, #18334f);
	font-family: Manrope, Arial, Helvetica, sans-serif;
	margin-inline: auto;
	max-width: 1280px;
	padding: var(--opa-page-top-space) clamp(1.25rem, 3.2vw, 2.625rem) 3rem;
}

.opa-history-story-label {
	border-block-end: 1px solid var(--opa-history-rule);
	padding-block-end: 0.85rem;
}

.opa-history-story-header h1 {
	margin: 0;
	overflow-wrap: anywhere;
}

.opa-history-kicker,
.opa-history-more h2 {
	color: var(--opa-portal-primary, #153c6d);
	font-size: 0.72rem;
	font-weight: 750;
	letter-spacing: 0.09em;
	line-height: 1.45;
	margin: 0 0 0.6rem;
	text-transform: uppercase;
}

.opa-history-period {
	border-inline-start: 1px solid currentColor;
	margin-inline-start: 0.55rem;
	padding-inline-start: 0.55rem;
}

.opa-history-card a,
.opa-history-story-label a {
	color: inherit;
	text-decoration: none;
}

.opa-history-story-label a:is(:hover, :focus-visible) {
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

.opa-history-card .opa-news-kicker {
	margin-block-start: 0;
}

.opa-history-lead {
	background: var(--opa-portal-footer-background, #15253e);
	border-radius: 8px;
	color: #fff;
	display: grid;
	margin-block-start: 1rem;
	overflow: hidden;
}

.opa-history-lead .opa-news-cover {
	margin: 0;
}

.opa-history-lead .opa-news-cover img {
	aspect-ratio: 16 / 10;
	border-radius: 0;
	height: 100%;
}

.opa-history-lead .opa-news-card-body {
	align-self: center;
	padding: clamp(1.4rem, 4vw, 3rem);
}

.opa-history-lead :is(.opa-history-kicker, .opa-news-card-title) {
	color: inherit;
}

.opa-history-lead a:is(:hover, :focus-visible) {
	color: var(--opa-portal-accent, #f45d43);
}

.opa-history-lead .opa-news-excerpt {
	color: #e1e9f4;
	font-size: 1rem;
	margin-block-start: 0.7rem;
}

.opa-history-read {
	border-block-end: 2px solid var(--opa-portal-accent, #f45d43);
	display: inline-block;
	font-size: 0.9rem;
	font-weight: 750;
	margin-block-start: 1.2rem;
	padding-block-end: 0.25rem;
}

.opa-history-more {
	border-block-start: 1px solid var(--opa-history-rule);
	margin-block-start: 2rem;
	padding-block-start: 1rem;
}

.opa-history-story-label {
	color: var(--opa-portal-primary, #153c6d);
	font-size: 1.05rem;
	font-weight: 750;
}

.opa-history-story-header,
.opa-history-story-reading {
	margin-inline: auto;
	max-width: 760px;
}

.opa-history-story-header {
	padding-block: 1.15rem 1.6rem;
}

.opa-history-story-deck {
	color: #53637a;
	font-size: clamp(1.05rem, 2vw, 1.25rem);
	line-height: 1.55;
	margin: 1rem 0;
}

.opa-history-byline {
	color: #53637a;
	font-size: 0.8rem;
	font-weight: 650;
	margin: 0.9rem 0 0;
}

.opa-history-story-cover {
	margin: 0 auto;
	max-width: 1024px;
}

.opa-history-story-cover img {
	border-radius: 6px;
	display: block;
	height: auto;
	width: 100%;
}

.opa-history-story-cover figcaption {
	color: #53637a;
	font-size: 0.75rem;
	padding-block-start: 0.45rem;
}

.opa-history-story .entry-content {
	font-size: clamp(1rem, 1.8vw, 1.1rem);
	line-height: 1.78;
	margin-block-start: 1.5rem;
	overflow-wrap: anywhere;
}

.opa-history-story .entry-content h2 {
	border-block-start: 1px solid var(--opa-history-rule);
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.35rem, 2.5vw, 1.75rem);
	font-weight: 700;
	margin-block: 1.75rem 0.75rem;
	padding-block-start: 0.8rem;
}

.opa-history-return {
	font-size: 0.9rem;
	font-weight: 700;
	margin-block-start: 1.5rem;
}

@media (min-width: 721px) {
	.opa-history-lead:has(> .opa-news-cover) {
		grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
	}
}