.container{padding-top:20px;}
.jumbotron{background:#fff; border-radius:14px; box-shadow:0 2px 14px rgba(219,39,119,.1); border:1.5px solid #fce7f3; padding:30px 28px;}
.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: #f9a8d4;
}
#testresult{ font-size:15px;}
.table th{text-align:center}
.spacer25{height:25px;}
.ct-question{
	font-size:18px;
	font-weight:700;
	color:#831843;
	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:#fce7f3; color:#9d174d; }
.ct-btn-2{ background:#fbcfe8; color:#9d174d; }
.ct-btn-3{ background:#f9a8d4; color:#831843; }
.ct-btn-4{ background:#f472b6; color:#fff; }
.ct-btn-5{ background:#db2777; 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:#fce7f3; margin-bottom:0; }
.progress-bar{ background:linear-gradient(90deg,#db2777,#f472b6); 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; }

.feature-list { background: #fff; border-radius: 12px; padding: 18px 20px; box-shadow: 0 2px 8px rgba(219,39,119,.08); border: 1.5px solid #fce7f3; }
.feature-list li { list-style: none; padding: 6px 0; font-size: 14px; color: #4b5563; border-bottom: 1px solid #fdf2f8; }
.feature-list li:last-child { border-bottom: none; }
.feature-list li i { color: #db2777; margin-right: 8px; width: 16px; text-align: center; }

/* 결과 페이지 점수 표시 */
.crush-result-hero { background:#fff; border:1.5px solid #fce7f3; border-radius:14px; padding:28px 20px; margin-bottom:14px; box-shadow:0 2px 14px rgba(219,39,119,.08); text-align:center; }
.crush-result-label { font-size:13px; color:#9d174d; font-weight:700; letter-spacing:.5px; margin-bottom:6px; }
.crush-pct { font-size:56px; font-weight:900; color:#db2777; line-height:1; font-variant-numeric: tabular-nums; }
.crush-tier-label { font-size:22px; font-weight:900; color:#831843; margin-top:10px; }
.crush-desc { font-size:14px; color:#4b5563; line-height:1.8; max-width:480px; margin:14px auto 0; }

/* 모바일 반응형 */
@media (max-width:480px){
	.crush-pct { font-size:42px; }
	.crush-tier-label { font-size:18px; }
	.crush-desc { font-size:13px; }
	.crush-result-hero { padding:22px 14px; }
}
@media (max-width:360px){
	.crush-pct { font-size:36px; }
}