.typemill-details {
	margin: 1em 0;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	background-color: #f9f9f9;
}

.typemill-details summary {
	padding: 0.75em 1em;
	cursor: pointer;
	font-weight: bold;
	user-select: none;
	list-style: none;
	position: relative;
}

.typemill-details summary::-webkit-details-marker {
	display: none;
}

.typemill-details summary::before {
	content: "\25B6";
	display: inline-block;
	margin-right: 0.5em;
	transition: transform 0.2s;
}

.typemill-details[open] summary::before {
	transform: rotate(90deg);
}

.typemill-details summary:hover {
	background-color: #f0f0f0;
}

.typemill-details > *:not(summary) {
	padding: 0 1em 1em 1em;
}

/* Dark mode support */
body.dark-mode .typemill-details {
	border-color: #444;
	background-color: #1e1e1e;
}

body.dark-mode .typemill-details summary {
	color: #e0e0e0;
}

body.dark-mode .typemill-details summary:hover {
	background-color: #2a2a2a;
}