mattrbld/css/nav.css

nav {
	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	> ul {
		display: flex;
		gap: 1rem;
	}

	label {
		cursor: pointer;

		input {
			opacity: 0;
			position: absolute;
			pointer-events: none;
		}

		&:has(input:focus-visible) {
			outline: thin solid currentColor;
		}

		+ ul {
			display: none;
		}

		&:has(input:checked) + ul {
			display: unset;
		}
	}
}