.wmrn-history-hub {
	margin-block: 2.5rem;
}

.wmrn-history-hub :where(h2, h3) {
	line-height: 1.2;
}

.wmrn-hub-header {
	border-block: 1px solid rgba(80, 68, 50, 0.24);
	padding-block: 1.5rem;
}

.wmrn-kicker {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin: 0 0 0.45rem;
	text-transform: uppercase;
}

.wmrn-hub-dek {
	font-size: clamp(1.05rem, 1rem + 0.2vw, 1.22rem);
	max-width: 68ch;
}

.wmrn-hub-toc {
	background: rgba(248, 246, 239, 0.72);
	border: 1px solid rgba(80, 68, 50, 0.16);
	margin-block: 1.75rem;
	padding: 1rem 1.15rem;
}

.wmrn-hub-toc h2 {
	font-size: 1.1rem;
	margin-block: 0 0.65rem;
}

.wmrn-hub-toc ul,
.wmrn-reference-list ul,
.wmrn-hub-related ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wmrn-hub-toc ul {
	display: grid;
	gap: 0.45rem 1rem;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

.wmrn-hub-section {
	border-block-start: 1px solid rgba(80, 68, 50, 0.16);
	padding-block: 1.8rem;
}

.wmrn-hub-section p {
	max-width: 72ch;
}

.wmrn-reference-list,
.wmrn-related-cluster {
	margin-block-start: 1rem;
}

.wmrn-reference-list h3,
.wmrn-related-cluster h3 {
	font-size: 1rem;
	margin-block: 0 0.65rem;
}

.wmrn-reference-list li,
.wmrn-related-cluster li {
	border-block-start: 1px solid rgba(80, 68, 50, 0.12);
	display: grid;
	gap: 0.2rem;
	padding-block: 0.65rem;
}

.wmrn-reference-list span,
.wmrn-related-cluster span {
	font-size: 0.9rem;
	opacity: 0.78;
}

.wmrn-hub-related {
	border-block-start: 2px solid rgba(80, 68, 50, 0.28);
	padding-block-start: 1.8rem;
}

@media (min-width: 760px) {
	.wmrn-reference-list ul,
	.wmrn-hub-related {
		max-width: 58rem;
	}

	.wmrn-related-cluster ul {
		display: grid;
		gap: 0 1.2rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}