.site-header {
	background: var(--color-surface);
	border-bottom: 1px solid var(--color-border);
}

.site-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	padding: var(--space-4) var(--space-6);
}

.site-logo {
	color: var(--color-text);
	font-weight: 700;
	font-size: 1.2rem;
	text-decoration: none;
}

.site-link {
	color: var(--color-accent);
	text-decoration: none;
}

.site-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
}