#topbar
{
	border-width: 1px;
	border-radius: 0 0 0.1em 0.1em;
	margin: 0 0.1em 0.1em 0.1em;
	padding:0.1em 0.1em 0.1em 0.1em;
}



.button-link
{
	padding: 0.1em;
	border: 0.1em outset hsl(120,45%,65%);
	border-radius: 0.1em 0;
}


.button-link:hover
{
	border-radius: 0 0.1em;
}


.button-link:active
{
}



.leaf
{
}



div.leaf
{
	border-style: outset;
	border-width: 1px;
	border-radius: 0.1em;
	margin: 0.1em 0.1em 0.1em 0.1em;
	padding:0.1em 0.1em 0.1em 0.1em;
}


table
{
	border-spacing: 0.1em 0.1em;
}

td
{
	border: 1px var(--leafBorderColor) outset;
}


.question
{
	text-align: left;
	width:100%;
	max-width: 100%;
	display: block;
}



.answers
{
	text-align: left;
	width:100%;
	max-width:100%;
	display: block;
	padding-bottom: 2em;
	
}





label
{
	padding:0.1em;
	margin: 0.1em 0 0.1em 0;
	border-width: 1px;
	border-radius: 0.1em;
}

label:hover, label:has(input:checked)
{
	background: var(--surveyAnswerBorderColor);
	border-radius: 0.1em;
}