.body__content {
	/*background: linear-gradient(to right, #ff9a8b, #ff6a88, #d5a6f5);
	background-image: linear-gradient(to right, #ff9a8b, #ff6a88, #d5a6f5);*/
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	gap: 15px;
	padding: 15px;
	max-width: 1280px;
	margin: 0 auto;
}
.main {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start; /* Align content to the top */
	background-color: white;
}
.main__content{
	background-color: white;	
	padding: 15px;		
	width: 100%;
	max-width: 1200px;
}
.hidden  {
display: none !important;
}


/* #TEST GROUP structure */
.TTTG1 .tracker {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem;
	margin-top:5px;
}
.TTTG1 .tracker__item {
	display: flex;
	justify-content: center; 
  	align-items: center;  
}
.TTTG1 .score {
	display: grid;
	gap:15px;
	justify-items: center;
}

.TTTG1.main__content{
	display: grid;
	gap:30px;
}
.TTTG1 .main__score {
	justify-self: center;
}

.TTTG1 .workspace__user-answers	{ 
	grid-area: user-answers;
}
.TTTG1 .exercise__current-number 	{ 
	grid-area: current-number;
}
.TTTG1 .exercise__subject-title 	{
	grid-area: subject-title;
}
.TTTG1 .exercise__statement		{ 
	grid-area: statement 
}
.TTTG1 .workspace__area		{ 
	grid-area: workspace 
}
.TTTG1 .workspace__toolbar		{ 
	grid-area: toolbar 
}


.TTTG1 .exercise__current-number {
	display: flex;
	justify-content: center; 
  	align-items: center;  
	flex: 0 0 auto;   /* don’t shrink below min-width */
}
.TTTG1 .exercise__workspace {
	display: grid;	
	gap:15px;
	flex: 1 1 auto;
}

.TTTG1 .exercise {
	display: flex;
	gap: 15px;
}
.TTTG1 .exercise__workspace {
	grid-template-areas: 
		"statement"
		"workspace"
		"user-answers"
		"toolbar";
}