.GLOSSARY::before,
.GLOSSARY::after {
	content: "";
	display: block;
	overflow: hidden;
}

.GLOSSARY .letter {
	text-transform: uppercase;
	background: var(--light-grey);
	padding: 2rem 12rem;
}

.GLOSSARY .term {
	font-weight: 600;
	line-height: 1.25;
}

.GLOSSARY .b-column .b-column[data-width="1/1"]:not(:first-child) {
	margin-top: 32rem;
}

.GLOSSARY .letters {
	position: sticky;
	top: 128rem;
	margin-right: 16rem;
}

.GLOSSARY .letters a {
	display: inline-block;
	width: 32rem;
	height: 32rem;
	line-height: 32rem;
	text-align: center;
	font-size: 16rem;
	font-weight: 500;
	border-radius: 8rem;
	background: var(--light-grey);
	transition: background 0.25s;
	margin: 0 4rem 8rem 0;
	color: var(--navy);
}

.GLOSSARY .letters a:hover {
	background: var(--light-green);
}

.GLOSSARY .letters a.disabled {
	color: var(--grey);
	pointer-events: none;
}

@media screen and (min-width: 961px) {
	.GLOSSARY .b-column .b-columns {margin-top: -8rem}
	.GLOSSARY .b-column .b-column {padding-top: 8rem;}
}

@media screen and (max-width: 960px) {
	.GLOSSARY .b-column[data-width="3"] {display: none;}
	.GLOSSARY .b-column .b-column[data-width="1/3"] {width: 50%;}
}