.no-bullets {
	list-style-type: none !important;

	li::marker {
		content: none !important;
	}
}

.sr,
input[type=checkbox] {
	position: absolute;
	left: -100vw;
	opacity: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: none;
	word-wrap: normal;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.compressed-content {
	margin-left: auto;
	margin-right: auto;

	@media (min-width: 42rem) {
		max-width: var(--max-width);
	}

	&.wider {
		max-width: calc(var(--max-width) * 1.5);
	}

	&.double-wide {
		max-width: calc(var(--max-width) * 2);
	}
}