summary::-webkit-details-marker {
	display: none
}

.accordion {
	row-gap: 1rem;
}

.csdetail {
	border-bottom: 1px solid #ccc !important;
	position: relative;
	margin-bottom: 0rem;
	row-gap: 0;
	overflow: hidden;
}

.csdetail h4 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
	cursor: pointer;
	font-size: clamp(16px, 1.4vw, 22px);
	font-size: var(--base-font-size);
}

.csdetail h4::after {
	content: '+';
	content: "\2715";
	content: "\f067";
	font-family: "Font Awesome 6 Free";
	font: var(--fa-font-solid);
}

.csdetail.active h4::after {
	content: '-';
	content: "\f068";
	transition-duration: 0.4;
}

.cssummary,
.csdetail:not(.active) .cssummary {
	/* display: none; */
	margin: 0;
	height: 0;
	max-height: 0;
	transition: max-height 1.5s ease-out, padding-top 0.6s ease-out, padding-bottom 0.6s ease-out;
	overflow: hidden;
}

.csdetail.active .cssummary {
	/* display: block; */
	height: auto;
	max-height: 100vh;
}