/* Start:/local/components/sibcode/catalog.glossary.list/templates/.default/style.css?17848796391318*/
.cgl {
	width: 100%;
}

.cgl__title {
	margin: 0 0 20px;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.3;
	color: #222;
}

.cgl__letters {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 24px;
}

.cgl__letters-row {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 4px;
	-webkit-overflow-scrolling: touch;
}

.cgl__letter {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	padding: 6px 10px;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	background: #fff;
	color: #0b63ce;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

a.cgl__letter:hover {
	border-color: #0b63ce;
	background: #f3f8ff;
}

.cgl__letter--active {
	border-color: #999;
	background: #eee;
	color: #666;
	cursor: default;
}

.cgl__items {
	display: flex;
	gap: 32px;
	align-items: flex-start;
}

.cgl__col {
	flex: 1 1 50%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cgl__item {
	margin: 0 0 8px;
}

.cgl__item:last-child {
	margin-bottom: 0;
}

.cgl__item-link {
	color: #0b63ce;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: none;
}

.cgl__item-link:hover {
	text-decoration: underline;
}

@media (max-width: 640px) {
	.cgl__items {
		flex-direction: column;
		gap: 8px;
	}
}

/* End */
/* /local/components/sibcode/catalog.glossary.list/templates/.default/style.css?17848796391318 */