summary {
	border-width: 2px;
	border-style: outset;
	cursor: pointer;
	list-style-position: outside;
	/* background-color: var(--summary-background-color); */
	background: linear-gradient(90deg, var(--summary-background-color) 0%, var(--page-color) 33%);

	&:hover {
		border-style: inset;
	}
}

@media print {
	/* the two rule sets below will make collapsed `<details>` blocks disappear in printing mode, unless they're open/expanded. */
	summary {
		border: none;
		display: none;
		list-style-type: none;
		/* I actually like the background, so I won't disable it during printing. */
		/* background: unset; */
	}

	details[open] > summary {
		display: revert;
	}
}