/*
 * Footer. Home: a 44px bar fixed to the bottom of the screen. Elsewhere: a
 * normal footer at the end of the page with the same content.
 */

.site-footer {
	border-top: 1px solid var(--hairline);
	color: var(--text-muted);
	font-size: 13px;
}
.site-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 32px var(--gutter);
}
.site-footer__privacy { color: var(--accent); font-weight: 600; }

.site-footer--bar {
	position: fixed;
	inset: auto 0 0;
	z-index: 15;
	background: var(--bg);
}
.site-footer--bar .site-footer__inner { height: var(--footer-bar-height); padding-block: 0; }
.has-footer-bar { padding-bottom: var(--footer-bar-height); }

@media (hover: hover) {
	.site-footer__privacy:hover { text-decoration: underline; text-underline-offset: 4px; }
}