/* non-functional non-layout styling changes */

#menu > ul > li > a, /* applies to the top level links and clickable */
#menu > ul > li > details > summary { font-weight: 600; }
#menu { font-size: 1.1em; }

.hidden { display: none; }

/* link styling */
a:hover { color: var(--mediumgray); }
a:link, a:visited, a:focus {
	color: var(--darkgray);
	text-decoration: none;
}

nav > *:first-child, main > *:first-child { margin-top: 0; }

/* BEGIN TEXT STYLING */

h3 { font-size: 1.5em }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
b {
	font-weight: 600;
	color: black;
}
p { text-indent: 1.5em; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p,
p:first-of-type { text-indent: 0; }

nav h1 { font-size: 1.3em; }

main h2 {
	text-align: center;
	font-size: 3em;
}

nav h2 {
	text-align: center;
	font-size: 1em;
	font-weight: 600;
}

dt { font-weight: 600; }
dd { margin-bottom: 1em; }

blockquote {
	color: var(--darkgray);
	font-style: italic;
}

/* END TEXT STYLING */