html {
	scroll-padding-top: 8rem;
}
.dark\:bg-black-header:is(.dark *) {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 40%);
}
.bg-white-header {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 1) 40%);
}
.bg-black-header {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 1) 40%);
}
.prose :where(h1):not(:where([class~="not-prose"] *)) {
	margin: 0em 0em .8888889em -.5em;
}
.prose :where(h2):not(:where([class~="not-prose"] *)) {
	margin: 2em 0em 1em -.5em;
}
.prose :where(li):not(:where([class~="not-prose"] *)) {
	margin-top: 0em;
	margin-bottom: 0em
}
.table-striped thead tr th,
.table-striped thead tr td {
	background-color: #6b7280;
	color:white;
	font-weight: bolder;
}
.header-anchor {
	margin-top: .2em;
	font-weight: 100;
	color: rgb(0, 0, 0);
	font-size: .75em;
}
.header-anchor:before {
	content: "🔗"
}
.header-anchor:hover:before {
	color: rgb(0, 0, 0);
	text-decoration: none;
}
h1:hover .header-anchor,
h1 .header-anchor:focus,
h2:hover .header-anchor,
h2 .header-anchor:focus,
h3:hover .header-anchor,
h3 .header-anchor:focus,
h4:hover .header-anchor,
h4 .header-anchor:focus {
	opacity: .60;
}
.note {
	padding: 1em;
	background-color: #E9D8FD;
	color: #69337A;
	margin: 2em 2em 0 2em;
}
.note span p {
	margin: 0.1em 0 0 1em;
}
.dark .note span p,
.dark .note span p b {
	color: black;
}
.dark .note {
	background-color: #CCCCCC;
}
.table-striped thead tr th,
.table-striped thead tr td {
	background-color: #6b7280;
	color:white;
	font-weight: bolder;
}