/* Контейнер details */
details {
	border: 1px solid #444;
	border-radius: 6px;
	padding: 0.5rem 1rem;
	margin: 1rem 0;
	background: #1b1b1b; /* тёмный фон под стиль midnight */
	transition: all 0.2s ease;
}

/* summary (заголовок) */
details summary {
	cursor: pointer;
	font-weight: bold;
	color: #4da3ff; /* синий в тему midnight */
	list-style: none; /* убираем стрелку браузера */
	position: relative;
	padding-left: 1.2rem;
}

/* Добавляем кастомный треугольник вместо стандартного */
details summary::before {
	content: '▶';
	position: absolute;
	left: 0;
	color: #aaa;
	transition: transform 0.2s ease;
}

/* Когда открыт */
details[open] summary::before {
	transform: rotate(90deg);
	color: #4da3ff;
}

/* Содержимое */
details > *:not(summary) {
	margin-top: 0.5rem;
	color: #ddd;
}