.footer {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: var(--space-6);
	padding-top: var(--space-8);
	padding-bottom: var(--space-10);
	color: var(--text-fg-200);
	font-family: var(--font-serif);
	font-size: var(--text-sm);
	font-weight: var(--font-weight-medium);
}

.footer > p {
	flex: none;
	white-space: nowrap;
}

.footer > div {
	min-width: 0;
}

.footer a {
	color: var(--text-fg-200);
	text-decoration: none;
}

.footer a:hover,
.footer a:focus-visible {
	color: var(--text-accent);
	text-decoration: underline;
}