.q-and-a-section
{
    display: grid;

    grid-template-columns: auto 32px;

    background: lightgrey;

    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 4px solid dimgrey;
    border-bottom: 4px solid dimgrey;

    margin-top: 5px;

    
    overflow-y: auto;
}

.collapse-button
{
    border: 0;
    background: 0;
    padding: 0;
    display: inline-block;
}

.collapse-button>img
{
    width: 32px;
    height: 32px;

    image-rendering: pixelated;
}

.section-content
{
    overflow-y: auto;
}

.section-title
{
    cursor:pointer;

    height: min-content;

    padding-top: 7px;

    margin: 0;
}



.section-content.invisible>p
{
    visibility: hidden;

    overflow: hidden;
    margin: 0;

    height: 0;
}

.section-content.invisible
{
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.q-and-a-section>.visible
{
    visibility: visible;
    height: auto;
}

.q-and-a-section>.section-content.visible
{
    background: white;
	
	text-indent: 20px;

	word-wrap: normal;

	
	border: 2px solid white;
	border-left: 4px solid dimgrey;
	border-top: 4px solid dimgrey;
	
	padding: 5px;
	
	margin: 5px;

}