/* Content + Sidebar layout */
#page {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 20px;
}

.site-header,
.site-footer {
	margin: 0 -20px;
}

.site-content {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-template-areas: "main sidebar";
	gap: 48px;
	padding: 40px 0;
	align-items: start;
}

#primary {
	grid-area: main;
	min-width: 0;
}

#secondary {
	grid-area: sidebar;
	min-width: 0;
}

@media screen and (max-width: 900px) {
	.site-content {
		grid-template-columns: 1fr;
		grid-template-areas:
			"main"
			"sidebar";
	}
}