@media (min-width: 48rem) {
	.site-header__inner {
		padding-inline: var(--space-6);
		flex-wrap: wrap;
	}

	.site-header__actions {
		order: 3;
	}

	.has-js .menu-toggle {
		display: none;
	}

	.primary-navigation,
	.has-js .primary-navigation:not(.is-open) {
		display: block;
		width: auto;
		margin-inline-start: auto;
		padding-bottom: 0;
	}

	.primary-menu {
		flex-wrap: wrap;
		justify-content: flex-end;
		flex-direction: row;
		align-items: center;
	}

	.primary-menu .menu-item-has-children {
		position: relative;
	}

	.primary-menu .sub-menu {
		position: absolute;
		top: 100%;
		inset-inline-start: 0;
		display: none;
		min-width: 12rem;
		padding: var(--space-2);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-lg);
		background: var(--color-surface);
		box-shadow: 0 0.75rem 2rem rgb(23 26 33 / 10%);
	}

	.primary-menu .menu-item-has-children:hover > .sub-menu,
	.primary-menu .menu-item-has-children:focus-within > .sub-menu {
		display: block;
	}

	.content-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer__inner {
		grid-template-columns: auto 1fr auto;
		align-items: center;
	}

	.footer-navigation {
		justify-self: center;
	}
}

@media (min-width: 64rem) {
	.site-container {
		width: min(100% - 3rem, var(--container-width));
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}