html {
	scroll-behavior: smooth;
	scroll-padding-top: 6rem;
}

body {
	overflow-x: hidden;
}

a,
a:hover,
a:focus,
a:focus-visible {
	text-decoration: none;
}

:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(28, 156, 154, 0.55);
	border-radius: 0.75rem;
}

.bal-skip {
	position: absolute;
	left: 1rem;
	top: -4rem;
	z-index: 60;
	padding: 0.75rem 1.25rem;
	border-radius: 9999px;
	background: #ffd166;
	color: #0f2a3d;
	font-weight: 800;
}

.bal-skip:focus {
	top: 1rem;
}

.bal-bar.is-raised {
	box-shadow: 0 12px 30px -18px rgba(15, 42, 61, 0.35);
}

.bal-tab {
	color: #0f2a3d;
	background: transparent;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.bal-tab:hover {
	background: #ffffff;
}

.bal-tab[aria-selected='true'] {
	background: #0f2a3d;
	color: #ffffff;
	box-shadow: 0 10px 24px -14px rgba(15, 42, 61, 0.6);
}

.bal-pane[hidden] {
	display: none;
}

.bal-pane:not([hidden]) {
	animation: bal-fade 0.35s ease;
}

@keyframes bal-fade {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

.bal-faq summary,
.bal-chapter summary {
	list-style: none;
}

.bal-faq summary::-webkit-details-marker,
.bal-chapter summary::-webkit-details-marker {
	display: none;
}

.bal-plus svg {
	transition: transform 0.25s ease;
}

details[open] > summary .bal-plus svg {
	transform: rotate(45deg);
}

.bal-prose a {
	color: #147a78;
	font-weight: 700;
}

.bal-prose a:hover {
	color: #0f2a3d;
}

.bal-select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%230f2a3d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1rem;
	padding-right: 2.75rem;
}

.bal-cookie {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.bal-cookie.is-visible {
	opacity: 1;
	transform: none;
}

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

	.bal-pane:not([hidden]),
	.bal-cookie {
		animation: none;
		transition: none;
	}
}