.nav-toggle {
	display: none;
}

@media (max-width: 768px) {
	nav .container,
	.legal-page nav .container,
	.co-pilot-page nav .container {
		align-items: center !important;
		flex-direction: row !important;
		gap: 1rem !important;
		min-height: 68px;
		padding-bottom: .65rem !important;
		padding-top: .65rem !important;
		position: relative;
	}

	.logo-img {
		height: 42px;
		max-width: 180px;
	}

	.nav-toggle {
		align-items: center;
		background: transparent;
		border: 1px solid rgba(79, 65, 140, .28);
		border-radius: 8px;
		color: var(--primary-purple);
		cursor: pointer;
		display: inline-flex;
		flex: 0 0 auto;
		height: 42px;
		justify-content: center;
		margin-left: auto;
		padding: 0;
		width: 44px;
	}

	.nav-toggle:focus-visible {
		outline: 3px solid var(--secondary-purple);
		outline-offset: 3px;
	}

	.nav-toggle-lines,
	.nav-toggle-lines::before,
	.nav-toggle-lines::after {
		background: currentColor;
		border-radius: 999px;
		display: block;
		height: 2px;
		transition: transform .2s ease, opacity .2s ease;
		width: 20px;
	}

	.nav-toggle-lines {
		position: relative;
	}

	.nav-toggle-lines::before,
	.nav-toggle-lines::after {
		content: "";
		left: 0;
		position: absolute;
	}

	.nav-toggle-lines::before {
		top: -6px;
	}

	.nav-toggle-lines::after {
		top: 6px;
	}

	nav.is-menu-open .nav-toggle-lines {
		background: transparent;
	}

	nav.is-menu-open .nav-toggle-lines::before {
		transform: translateY(6px) rotate(45deg);
	}

	nav.is-menu-open .nav-toggle-lines::after {
		transform: translateY(-6px) rotate(-45deg);
	}

	nav .links,
	.legal-page nav .links,
	.co-pilot-page nav .links {
		align-items: stretch !important;
		background: var(--white) !important;
		border-bottom: 1px solid rgba(79, 65, 140, .14);
		box-shadow: 0 12px 24px rgba(46, 46, 46, .08);
		display: none !important;
		flex-direction: column !important;
		gap: 0 !important;
		grid-template-columns: none !important;
		left: 0;
		margin: 0 !important;
		padding: .5rem var(--page-gutter, 1rem) 1rem;
		position: absolute;
		right: 0;
		top: 100%;
		width: 100% !important;
		z-index: 1000;
	}

	nav.is-menu-open .links {
		display: flex !important;
	}

	nav .links a,
	.legal-page nav .links a,
	.co-pilot-page nav .links a {
		align-items: center;
		background: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		color: var(--text) !important;
		display: flex;
		font-size: .95rem !important;
		justify-content: flex-start;
		min-height: 0;
		padding: .72rem .2rem !important;
		text-align: left;
		width: 100%;
	}

	nav .links a + a {
		border-top: 1px solid rgba(79, 65, 140, .1) !important;
	}

	nav .links a:hover,
	nav .links a.active,
	.co-pilot-page nav .links a:hover,
	.co-pilot-page nav .links a.active {
		color: var(--primary-purple) !important;
	}
}