:root {
	--hl-max-width: 72rem;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	line-height: 1.6;
	color: #1a1a1a;
}

.site-header,
.site-main,
.site-footer {
	max-width: var(--hl-max-width);
	margin-inline: auto;
	padding: 1rem;
}

.site-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-nav ul {
	display: flex;
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}