@charset "UTF-8";

/*
 Style Sheet for Table of Contents

 Dottie
 https://www.gingerbeardman.com/apps/dottie/
*/

@import "common.css";

body > h1 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	margin-block-end: 1.4rem;
}

a {
	color: inherit !important;
}

ul {
	font-size: 15px;
	font-weight: 500;

	padding-inline: 0;
	list-style-type: none;
}
ul ul {
	padding-inline-start: 1.5rem;
}
li {
	margin-block: 0.4rem;
}
body > ul > li {
	margin-block: 0.6rem;
}

summary {
	display: block;
}
summary::before {
	content: url(../gfx/chevron.svg);
	opacity: 0.45;
	display: inline-block;
	vertical-align: middle;
	padding-inline-end: 0.4rem;
}
details[open] > summary::before {
	transform: translateY(1.5px) rotate(90deg);
}
@media (prefers-color-scheme: dark) {
	summary::before {
		content: url(../gfx/chevron-dark.svg);
	}
}