.container{padding-top:20px;}
.jumbotron .row{padding-bottom:20px;font-size:14px;}
.jumbotron p{font-size:15px;}
.roundborder{
	width:100%;
	border-style: solid;
	border-width: 1px;
	border-radius:15px;
	padding:15px;
	border-color: #c4b5fd;
}
#testresult{ font-size:15px;}
.table th{text-align:center}
.spacer25{height:25px;}
.ct-question{
	font-size:18px;
	font-weight:700;
	color:#3d2b6b;
	line-height:1.7;
	margin-bottom:20px;
	word-break:keep-all;
}
.ct-btn-group{
	display:flex;
	gap:8px;
	flex-wrap:nowrap;
}
.ct-btn{
	flex:1;
	min-height:60px;
	font-size:12px;
	font-weight:700;
	border-radius:10px;
	border:none;
	cursor:pointer;
	line-height:1.4;
	transition:transform .1s, opacity .15s;
	padding:8px 4px;
	word-break:keep-all;
}
.ct-btn:active{ transform:scale(.96); }
.ct-btn-1{ background:#e0f2fe; color:#0369a1; }
.ct-btn-2{ background:#dbeafe; color:#1d4ed8; }
.ct-btn-3{ background:#ede9fe; color:#5b21b6; }
.ct-btn-4{ background:#c4b5fd; color:#3d2b6b; }
.ct-btn-5{ background:#7c3aed; color:#fff; }
.ct-btn:hover{ opacity:.88; }
@media (max-width:480px){
	.ct-question{ font-size:16px; }
	.ct-btn{ font-size:11px; min-height:54px; }
	.ct-btn-group{ gap:5px; }
}
.progress{ height:22px; border-radius:8px; background:#ede9fe; margin-bottom:0; }
.progress-bar{ background:linear-gradient(90deg,#7c3aed,#a855f7); border-radius:8px; min-width:2em; transition:width .3s ease; line-height:22px; }
.progress-bar .skill{ font-size:12px; font-weight:700; line-height:22px; }