.toc-h3 {
	margin-left: 25px;
}

#toc ul {
	padding-top: 0;
}

#toc.toc-box {
	margin: 50px 0;
	padding: 28px 28px 18px;
	border: 1px solid #dedede;
	border-radius: 10px;
	background: #fff;
}

#toc.toc-box .toc-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

#toc.toc-box .toc-head .title-3 {
	margin-top: 0;
}

#toc.toc-box .toc-body {
	position: relative;
	margin: 0;
	padding: 0;
}

#toc.toc-box ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#toc.toc-box .toc-body li:last-child {
	margin-bottom: 0 !important;
}

#toc.toc-box.toc-collapsed .toc-hidden-item {
	display: none;
}

#toc.toc-box.toc-collapsed .toc-body {
	-webkit-mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 43%,
		rgba(0, 0, 0, .65) 57%,
		rgba(0, 0, 0, .12) 70%,
		transparent 84%
	);
	mask-image: linear-gradient(
		to bottom,
		#000 0%,
		#000 43%,
		rgba(0, 0, 0, .65) 57%,
		rgba(0, 0, 0, .12) 87%,
		transparent 99%
	);
}

#toc.toc-box .toc-toggle {
	flex: 0 0 auto;
	padding: 7px 14px;
	border: 0;
	border-radius: 6px;
	background: rgb(95, 149, 47);
	color: #fff;
	font: inherit;
	font-weight: 500;
	line-height: 1.3;
	cursor: pointer;
	transition: background-color .2s;
	margin-top:5px;
}

#toc.toc-box .toc-toggle:hover {
	background: rgb(112, 166, 62);
}

/*
#toc.toc-box .toc-toggle:focus-visible {
	outline: 2px solid #df3531;
	outline-offset: 3px;
}*/

@media (max-width: 767px) {
	#toc.toc-box {
		padding: 20px;
	}

	#toc.toc-box .toc-head {
		gap: 10px;
	}

	#toc.toc-box .toc-toggle {
		padding: 5px 9px;
		font-size: 13px;
	}

	#toc.toc-box ul {
		padding-left: 21px;
	}

	#toc.toc-box .toc-h3 {
		margin-left: 15px;
	}
}