
.T04 .box_01_10h__cell-framed {
	background-color: #b2b7be;
}
.T04 .box_01_10h__cell-framed > div,.T04 .box_01_10h__cell-unframed >div {
	background-color: white;
	width: 100%;
	display: flex;
	aspect-ratio: 1 / 1;
	align-items: center;
	justify-content: center;
}
.T04 [class^="circle_"]{
	width: 80%;
	height: 80%;
	border-radius: 50%;
}
.T04 .circle_red_01h {
	background-color: red;
}
.T04 .circle_blue_01h {
	background-color: blue;
}
.T04 .circle_yellow_01h {
	background-color: yellow;
}
.T04 .circle_green_01h {
	background-color: green;
}
.T04 .circle_pink_01h {
	background-color: #FFC0CB;
}
.T04 .circle_orange_01h {
	background-color: orange;
}
.T04 .circle_purple_01h {
	background-color: purple;
}
.T04 .circle_red_01h {
	background-color: red;
}
.T04 .circle_aqua_01h {
	background-color: aqua;
}
.T04 .circle_mint_01h {
	background-color: #3EB489;
}
.T04 .circle_lilac_01h {
	background-color: #C8A2C8;
}
.T04 .circle_coral_01h {
	background-color: coral;
}
.T04 .circle_peach_01h {
	background-color: #FFE5B4;
}
.T04 .circle_violet_01h {
	background-color: violet;
}
.T04 .circle_gold_01h {
	background-color: gold;
}
.T04 .circle_cyan_01h {
	background-color: cyan;
}
.T04 .circle_indigo_01h {
	background-color: indigo;
}

/* #region answer-option style */
.T04 .answer-option {
	background-color: #ffd966; /* bright yellow */
	border: 3px solid #ff9900; /* orange border */
	border-radius: 50%;
	color: #4a4a4a; /* dark grey for good contrast */
	font-size: 1.5rem;
	font-weight: bold;
	width: 3.5rem;
	height: 3.5rem;
	line-height: 1.5rem;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	transition: transform 0.2s, background-color 0.2s;
}
.T04 .answer-option--selected {
	background-color: #a4c2f4;  /* light blue */
	border-color: #6d9eeb;
	color: #ffffff;
	transform: scale(1.05);
}
.T04 .answer-option:hover {
	background-color: #ffe599;
	transform: scale(1.1);
}
.T04 .answer-option:active {
background-color: #f1c232;
transform: scale(0.95);
}

.T04 .answer-option--correct{
	background-color: greenyellow !important;
}
.T04 .answer-option--incorrect{
	background-color:brown !important;
	color: white !important;
}
/* #endregion */