.shen-terms {
	border-top: 1px solid #e6e9f0;
	border-bottom: 1px solid #e6e9f0;
	background-color: #fafbfd;
}

.shen-terms__inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	--shen-widget-inner-padding-top: 18px;
	--shen-widget-inner-padding-right: 26px;
	--shen-widget-inner-padding-bottom: 18px;
	--shen-widget-inner-padding-left: 26px;
}

.shen-terms__label {
	color: #8b93a3;
	font-size:13px;
	line-height: 1.6;
	flex: 0 0 auto;
}

.shen-terms__list {
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.shen-terms__item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 5px 12px;
	border-radius: 3px;
	background-color: #e8edf7;
	color: #3b4a6b;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 1.5;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

a.shen-terms__item:hover,
a.shen-terms__item:focus-visible {
	border-color: #0052CC;
	background-color: #0052CC;
	color: #fff;
}

.shen-terms__count {
	color: #8b93a3;
	font-size: .85em;
	letter-spacing: 0;
}
a.shen-terms__item:hover .shen-terms__count,
a.shen-terms__item:focus-visible .shen-terms__count {
	color: currentColor;
	opacity: .85;
}

@media (max-width: 767px) {
	.shen-terms__inner {
		align-items: flex-start;
		--shen-widget-inner-padding-top: 15px;
		--shen-widget-inner-padding-right: 16px;
		--shen-widget-inner-padding-bottom: 15px;
		--shen-widget-inner-padding-left: 16px;
	}

	.shen-terms__label,
	.shen-terms__list {
		width: 100%;
	}

	.shen-terms__item {
		max-width: 100%;
		white-space: normal;
	}
}

@media (prefers-reduced-motion: reduce) {
	.shen-terms__item { transition: none; }
}
