.sitefooter {
	/* Extra room on small screens so the fixed burger never covers the links. */
	padding-top: var(--space-xl);
	padding-bottom: calc(var(--space-xl) + 4.5rem);
	background-color: var(--color-surface-lowest);
	color: var(--color-text-muted);
}

.sitefooter__inner {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
}

.sitefooter__text {
	font-size: 0.9375rem;
	line-height: 1.6;
	opacity: 0.85;
}

.sitefooter__note {
	color: var(--color-outline);
	font-style: italic;
}

.sitefooter__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-sm) var(--space-lg);
}

.sitefooter__list a {
	color: var(--color-text-muted);
}

.sitefooter__list a:hover {
	color: var(--color-primary);
}

.sitefooter__list li + li::before {
	content: '◆';
	margin-right: var(--space-lg);
	color: var(--color-outline-variant);
}

@media (min-width: 48rem) {
	.sitefooter {
		padding-bottom: var(--space-xl);
	}

	.sitefooter__inner {
		flex-direction: row;
		align-items: baseline;
		justify-content: space-between;
	}
}