.about-split {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px 24px;
}

.about-text {
	flex: 1 1 360px;
	min-width: 0;
}

.loss-figure {
	flex: none;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.loss-surface {
	margin: 0;
	font-family: inherit;
	font-size: 8px;
	line-height: 1.2;
	white-space: pre;
	user-select: none;
}

.loss-figure figcaption {
	font-size: 0.6875rem;
	color: var(--muted);
}

/* Magma colour scheme */
.ls-0 { color: #076678; }
.ls-1 { color: #458588; }
.ls-2 { color: #b16286; }
.ls-3 { color: #d3869b; }
.ls-4 { color: #fb4934; }
.ls-5 { color: #fe8019; }
.ls-6 { color: #fabd2f; }
.ls-trail { color: #ebdbb2; }
.ls-ball { color: #fbf1c7; font-weight: 700; }

:root[data-theme="light"] .ls-0 { color: #076678; }
:root[data-theme="light"] .ls-1 { color: #427b58; }
:root[data-theme="light"] .ls-2 { color: #8f3f71; }
:root[data-theme="light"] .ls-3 { color: #b16286; }
:root[data-theme="light"] .ls-4 { color: #9d0006; }
:root[data-theme="light"] .ls-5 { color: #af3a03; }
:root[data-theme="light"] .ls-6 { color: #b57614; }
:root[data-theme="light"] .ls-trail { color: #665c54; }
:root[data-theme="light"] .ls-ball { color: #282828; }