.accordion-section input {
	display: none;
}

.accordion-section label {
	display: block;
	background: #eee;
	padding: 10px;
	cursor: pointer;
	margin-top: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
}

.accordion-section .content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	background: #f9f9f9;
	padding: 0 10px;
}

.accordion-section input:checked~.content {
	max-height: 1000px;
	/* cukup besar untuk semua isi */
	padding: 10px;
}


/*--------------------------------------------*/

/* accordion form input nilai */

details {
	width: 100%;
	padding: 0.7rem;
	border: 1px solid #686666ad;
	border-radius: 10px;
	font-size: 1rem;
	margin-bottom: 1.5rem;
	cursor: pointer;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

summary {
	font-weight: 500;
	cursor: pointer;
	list-style: none;
	position: relative;
	padding-left: 1.5em;
}

summary::before {
	content: "+";
	/* default saat tertutup */
	position: absolute;
	left: 0;
	font-weight: bold;
	color: #555;
}

/* Saat <details> terbuka, ubah bullet jadi minus */
details[open]>summary::before {
	content: "−";
	/* perhatikan ini bukan dash biasa tapi minus simbol */
}

details[open] {
	background-color: #99979712;
	/* warna latar belakang saat terbuka */
}

input[type="number"] {
	width: 100%;
	padding: 0.7rem;
	margin-top: 4px;
	cursor: text;
}