.ca-fcd65215-container {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.ca-fcd65215-item {
	background-color: #0b203c; /* fallback color based on screenshot */
	border-radius: 40px;
	margin-bottom: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.ca-fcd65215-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 30px;
	cursor: pointer;
	user-select: none;
	outline: none;
}

.ca-fcd65215-header:focus-visible {
	outline: 2px solid #0056b3;
	outline-offset: -2px;
}

.ca-fcd65215-title {
	font-weight: 600;
	font-size: 16px;
	color: #ffffff;
	flex: 1;
	padding-right: 15px;
}

.ca-fcd65215-icon {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.3s ease;
}

.ca-fcd65215-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.ca-fcd65215-content-wrapper {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.3s ease;
}

.ca-fcd65215-content-inner {
	overflow: hidden;
	color: #d1d5db;
	padding: 0 30px; /* Top and bottom padding applied dynamically if active */
	opacity: 0;
	transition: opacity 0.3s ease, padding 0.3s ease;
}

/* Active State Styles */
.ca-fcd65215-item.is-active .ca-fcd65215-content-wrapper {
	grid-template-rows: 1fr;
}

.ca-fcd65215-item.is-active .ca-fcd65215-content-inner {
	padding: 0 30px 30px 30px; /* Uncover padding smoothly */
	opacity: 1;
}

.ca-fcd65215-item.is-active .ca-fcd65215-icon {
	transform: rotate(180deg); /* default rotation, overridable by control */
}