.container {
	width: 100%;
	max-width: var(--listiko-container-width);
	margin-inline: auto;
	padding-inline: var(--listiko-container-padding);
}

.skip-link {
	position: absolute;
	left: -9999px;
	top: auto;
	z-index: 100;
	padding: var(--listiko-space-2) var(--listiko-space-3);
	background: var(--listiko-color-accent);
	color: var(--listiko-color-accent-contrast);
}

.skip-link:focus {
	left: var(--listiko-space-2);
	top: var(--listiko-space-2);
}

.site-content {
	display: block;
}

.site-content .container {
	display: grid;
	gap: var(--listiko-space-5);
	padding-block: var(--listiko-space-5);
}

.site-content.has-sidebar .container {
	grid-template-columns: 1fr;
}

@media (min-width: 768px) {
	.site-content.has-sidebar .container {
		grid-template-columns: 2fr 1fr;
	}
}

.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}