.glossary{
	.accordion-header{
		scroll-margin-top: 100px;
	}
	.glossary-letters{
		overflow: auto;
		display: flex;
		justify-content: space-between;
		gap: 12px;
		margin: 0 var(--snap) 80px;
		padding: 16px var(--bs-offset);
		background: var(--wp--preset--color--gray-2);
		font-size: 24px;
		font-weight: 700;
		line-height: 1.1;
		color: var(--wp--preset--color--gray-20);
		text-transform: uppercase;

		a, a:hover{
			color: var(--wp--preset--color--orange);
			text-decoration: none;
		}
		a:hover{
			text-decoration: underline;
		}
	}
	.glossary-letter{
		margin: 60px 0 24px;
		font-size: 24px;
		font-weight: 700;
		line-height: 1.1;
		color: var(--wp--preset--color--gray-80);
		text-transform: uppercase;
	}
}