/* ------- Page layout ------------------------------ */

#main {
	display: contents;
}

#content {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows:    auto 1fr auto;
}

.feed {
	grid-column: 2;
}

#sidebar {
	grid-column: 1;
	grid-row: 1 / span 3;
}

#footer {
	grid-row: 3;
	grid-column: 2;
}

@media (min-width: 650px) {
	.sidebar-toggle {
		display: none;
	}
}

@media (max-width: 650px) {
	#sidebar {
		position: fixed;
		left: 0px;
		border-right: var(--sidebar-border-width) solid white;
	}

	#content {
		grid-template-columns: 1fr;
	}

	#main #intro {
		grid-column: 1;
	}

	#main #feed {
		grid-column: 2;
	}

	#main #static {
		grid-column: 1;
	}

	#footer {
		grid-column: 1;
	}
}