body
{
	font-size: 90%;
}

input
{
}

@media (min-height: 30rem)
{

header
{
	position: sticky; top: 0;
}

}

header
{
	max-width: 74rem; margin-left: auto; margin-right: auto; z-index: 7500;
}


header>nav
{
}

header>section
{
}

header>nav>ul.bar>li>a.home-logo
{
	width: 200px; padding: 0;
}

ul>li.spacer
{
	flex: 10 10 auto;
}

header>nav>ul>li>a.home-logo>img
{
	width: 100%;
}

main
{
	min-height: 20rem; overflow: hidden;
	max-width: 74rem; margin-left: auto; margin-right: auto; padding: 1rem;
	box-sizing: border-box;
}

header:empty, nav:empty, ul:empty, aside:empty, section:empty, footer:empty
{
	display: none
}

footer
{
	max-width: 74rem; margin-left: auto; margin-right: auto; padding: 0.2rem 1rem;
	text-align: center;
	box-sizing: border-box;
}

nav>ul
{
	display: flex; flex-flow: row wrap; padding: 0 1rem;
	list-style-type: none
}

nav>ul>li
{
	flex: 0 0 auto;
	position: relative;
}

nav>ul+ul
{
	margin-top: 0.6rem;
}

nav>ul>li a, nav>ul>li button.anchor
{
	text-decoration: none; display: block;
	outline: none;
}

nav>ul>li>a:focus, nav>ul>li>button.anchor:focus
{
	box-shadow: 0 0 1px 1px #333
}

nav>ul>li>ul
{
	position: absolute; left: 50%; transform: translateX(-50%); min-width: 100%; top: 100%;
	display: none; list-style-type: none;
	border-width: 1px; border-style: solid
}

nav>ul>li>ul>li>a, nav>ul>li>ul>li>div>a
{
	padding: 0.4em 0.8em;
}

nav>ul>li:hover>ul, nav>ul>li:focus-within>ul
{
	display: flex; flex-flow: column;
}

nav>ul.bar
{
	justify-content: start; align-items: center;
	column-gap: 0.1rem; border-bottom-style: solid; border-bottom-width: 1px;
}

nav>ul.bar>li>div>a, nav>ul.bar>li>a, nav>ul.bar>li>button.anchor
{
	padding: 0.4em 0.8em 0.5em;
	font-size: 110%; font-weight: bold;
}

nav>ul.bar>li>a.active
{
	text-decoration: underline;
}

nav>ul.tabs
{
	justify-content: center; align-items: end;
	column-gap: 0.2rem; padding-top: 2px;
	border-bottom-style: solid; border-bottom-width: 1px;
}

nav>ul.tabs>li>a
{
	border-style: solid; border-width: 1px;
	border-radius: 0.4rem 0.4rem 0 0;
	border-bottom: none;
	padding: 0.1rem 0.3rem; 
	font-size: 90%;
}

nav>ul.tabs>li>a.active
{
	position: relative; top: 1px;
}

nav>ul.buttons
{
	justify-content: start; align-items: center;
	column-gap: 1rem;
}

nav>ul.buttons>li>a
{
	border-style: solid; border-width: 1px;  border-radius: 0.3rem; box-sizing: border-box;
	text-align: center; min-width: 5rem; padding: 0.2rem 0.4rem;
}

nav>ul.buttons>li>a.active
{
}

nav>ul.buttons>li>a:hover
{
}

nav.switches
{
	max-width: 74rem; margin-left: auto; margin-right: auto; padding: 0.2rem 1rem;
	box-sizing: border-box;
}
nav.switches>ul
{
	display: flex; flex-flow: row wrap; justify-content: flex-end; align-items: center; column-gap: 1rem;
}

nav.switches>ul>li
{
	flex: 0 0 auto;
}

nav.switches>ul>li>a
{
	font-size: 75%; font-style: italic
}

.invisible-placeholder
{
	display: none
}
body
{
	background-color: ;
	font-family: Sans-Serif;
}

input, textarea, select
{
	font-family: Sans-Serif;
}

header
{
	background-color: ;
}

body.wide header>nav.bar
{
	background-color: ;
	border-bottom-color: ;
}

header>.bar_container>ul>li>a.home-logo>img
{
	object-fit: cover;
}

main
{
	background-color: ;
}

footer
{
	background-color: ;
}

.bar_container>ul.bar
{
}

ul.bar>li a, ul.tabs>li a, ul>li button.anchor, div.label_parent>a
{
	color: ;
	cursor: pointer;
}

.bar_container>ul.bar>li a.disabled, .bar_container>ul>li button.anchor[disabled]
{
	opacity: 0.4;
	cursor: not-allowed;
}

.bar_container>ul.bar>li>ul
{
	border-color: ;
	background-color: 
}

.bar_container>ul.bar>li>ul>li>a
{
	color: ;
}

.bar_container>ul.bar>li>ul>li:hover, .bar_container>ul.bar>li>ul>li:focus-within
{
	background-color: 
}

.bar_container>ul.bar>li>a.active
{
	text-decoration: underline;
}

body.wide ul.tabs
{
	border-color: ;
}

body.wide ul.tabs>li>a
{
	border-color: ;
	color:  ;
	background-color: ;
}

body.wide ul.tabs>li>a.active
{
	background-color: ;
}

body.wide .bar_container>ul.buttons>li>a
{
	border-color: ;
	color:  ;
	background-color: ;
}

body.wide .bar_container>ul.buttons>li>a.active
{
}

body.wide .bar_container>ul.buttons>li>a:hover
{
}

nav.switches
{
/*	background-color: ; */
}

body.wide nav.switches>ul>li>a
{
	color: 
}

body.wide nav.switches>ul>li>a.active
{
	color: ;
	text-decoration: underline;
}