/* Header styles shared across all pages */

header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: var(--background);
	border-bottom: 2px solid var(--secondary);
	padding: 1rem 2rem;
	margin: -2rem -2rem 2rem -2rem;
}

.header-content {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.site-title {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--text);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.site-title:hover {
	color: var(--primary);
}