@layer basic {
	* {
		box-sizing: border-box;
	}

	html, body {
		margin: 0;
		padding: 0;
	}

	a {
		color: var(--color-link);
		&:visited {
			color: var(--color-link-visited);
		}
	}
	.visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		border: 0;
		padding: 0;

		white-space: nowrap;
		clip-path: inset(100%);
		clip: rect(0 0 0 0);
		overflow: hidden;
	}

	@media screen and (min-width: 600px) {
		.mobile-only {
			display: none;
		}
	}
	@media screen and (max-width: 599px) {
		.desktop-only {
			display: none;
		}
	}
}