@import url("../../fonts/fonts.css");
@import url("../../main.css");
@import url("variants/dark.css") (prefers-color-scheme: dark);
@import url("variants/light.css") (prefers-color-scheme: light);

/***********************************************************************/

main
{
	font-size: 1.75svw;
	margin: 6em 8em;
}

#intro
{
	margin: 8em 16em 2em 0;
	color: var(--light-color);
}

main > #intro > h1
{
	margin: 2.5em 0;
	font-size: 100%;
}

_main > #intro > h1 > a
{
	display: inline-block;
	text-shadow: .2ex .1ex .1ex rgba(0, 0, 0, 1);
}

_main > #intro > h1 > a:hover
{
	scale: 1.07;
	transition: 150ms scale ease-out;
	z-index: 1;
}

main .link
{
	display: inline-block;
	transition: 300ms scale ease-out;
}

main .link:hover
{
	scale: 1.1;
}


main > .table
{
	margin-top: 9em;
}

main > .table > .caption
{
	background-color: #ff52;
	padding: 1ex 1em;
	border-radius: 1ex 3em 0 0;
}

main > .table > .caption > h3,
main > .table > .caption > h4
{
	margin: 1ex;
}

main > .table > .head
{
	background-color: var(--thead-bg);
	padding: 1ex 1em;
}

main > .table > .body > div
{
	padding: 1ex;
	color: var(--light-color);
	background-color: var(--tbody-color);
	border-radius: 0 0 1ex 1em;
}

main > .table > .body ul > li,
main > .table > .body ul > li > div
{
	margin-bottom: .8em;
	line-height: 150%;
}

main > .table > .body > ul > li > ul
{
	list-style-type: disclosure-closed;
}