
/**
 * ACE Diagram Question — Premium Review Card
 */
.ace-diagram-feedback-card{
	margin:28px auto 36px;
	max-width:980px;
	background:#fff;
	border:1px solid #dfe5ec;
	border-radius:24px;
	box-shadow:0 18px 48px rgba(15,23,42,.10);
	overflow:hidden;
	color:#172033;
}
.ace-diagram-feedback-card__hero{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
	padding:26px 28px;
	background:linear-gradient(135deg,#f8fafc 0%,#eef4ff 100%);
	border-bottom:1px solid #e5eaf0;
}
.ace-diagram-feedback-card__hero-copy{min-width:0}
.ace-diagram-feedback-card__eyebrow{
	display:block;
	margin:0 0 6px;
	font-size:.72rem;
	font-weight:800;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:#64748b;
}
.ace-diagram-feedback-card__hero h2{
	margin:0;
	font-size:1.45rem;
	line-height:1.2;
	color:#0f172a;
}
.ace-diagram-feedback-card__hero p{
	margin:7px 0 0;
	font-size:.9rem;
	line-height:1.5;
	color:#64748b;
}
.ace-diagram-feedback-card__score{
	flex:0 0 auto;
	min-width:92px;
	padding:13px 16px;
	text-align:center;
	border-radius:16px;
	border:1px solid #dbe3ec;
	background:#fff;
	box-shadow:0 6px 18px rgba(15,23,42,.07);
}
.ace-diagram-feedback-card__score strong,
.ace-diagram-feedback-card__score span{display:block}
.ace-diagram-feedback-card__score strong{font-size:1.15rem}
.ace-diagram-feedback-card__score span{
	margin-top:2px;
	font-size:.75rem;
	font-weight:800;
	color:#64748b;
}
.ace-diagram-feedback-card__score.is-correct{
	background:#f0fdf4;
	border-color:#bbf7d0;
	color:#15803d;
}
.ace-diagram-feedback-card__score.is-review{
	background:#fff7f7;
	border-color:#fecaca;
	color:#b91c1c;
}
.ace-diagram-feedback-card__summary{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:1px;
	background:#e8edf3;
	border-bottom:1px solid #e8edf3;
}
.ace-diagram-feedback-card__summary>div{
	padding:14px 18px;
	background:#fff;
}
.ace-diagram-feedback-card__summary span{
	display:block;
	margin-bottom:4px;
	font-size:.68rem;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:.08em;
	color:#64748b;
}
.ace-diagram-feedback-card__summary strong{font-size:.94rem;color:#172033}
.is-correct-text{color:#15803d!important}
.is-review-text{color:#b91c1c!important}
.ace-diagram-feedback-card__body{padding:8px 24px}
.ace-diagram-feedback-row{
	position:relative;
	margin:14px 0;
	padding:19px 20px 18px 23px;
	border:1px solid #e4e9ef;
	border-left:5px solid #94a3b8;
	border-radius:16px;
	background:#fff;
	box-shadow:0 5px 16px rgba(15,23,42,.045);
}
.ace-diagram-feedback-row--correct{
	background:#f7fdf9;
	border-color:#ccebd7;
	border-left-color:#16a34a;
}
.ace-diagram-feedback-row--incorrect{
	background:#fff8f8;
	border-color:#f2caca;
	border-left-color:#dc2626;
}
.ace-diagram-feedback-row--unanswered{
	background:#fafafa;
	border-left-color:#94a3b8;
}
.ace-diagram-feedback-row__top{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
}
.ace-diagram-feedback-row__question{
	display:flex;
	align-items:flex-start;
	gap:11px;
	min-width:0;
	font-size:.94rem;
	line-height:1.5;
}
.ace-diagram-feedback-row__number{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:48px;
	padding:5px 8px;
	border-radius:9px;
	background:#eef2f7;
	color:#334155;
	font-size:.76rem;
	font-weight:800;
}
.ace-diagram-feedback-row--correct .ace-diagram-feedback-row__number{
	background:#dcfce7;color:#166534;
}
.ace-diagram-feedback-row--incorrect .ace-diagram-feedback-row__number{
	background:#fee2e2;color:#991b1b;
}
.ace-diagram-feedback-status{
	flex:0 0 auto;
	padding:6px 10px;
	border-radius:999px;
	font-size:.72rem;
	font-weight:800;
	white-space:nowrap;
}
.ace-diagram-feedback-status--correct{background:#dcfce7;color:#166534}
.ace-diagram-feedback-status--incorrect{background:#fee2e2;color:#991b1b}
.ace-diagram-feedback-status--unanswered{background:#e5e7eb;color:#475569}
.ace-diagram-feedback-row__answers{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:12px;
	margin-top:14px;
}
.ace-diagram-feedback-answer{
	padding:11px 13px;
	border-radius:11px;
	background:#f8fafc;
	border:1px solid #e6ebf1;
}
.ace-diagram-feedback-answer--correct{
	background:#f0fdf4;
	border-color:#bbf7d0;
}
.ace-diagram-feedback-label{
	display:block;
	margin-bottom:4px;
	font-size:.67rem;
	font-weight:800;
	letter-spacing:.07em;
	text-transform:uppercase;
	color:#64748b;
}
.ace-diagram-feedback-answer strong{font-size:.88rem;line-height:1.4}
.ace-diagram-feedback-explanation{
	margin-top:12px;
	padding:12px 14px;
	background:#f8fafc;
	border:1px solid #e7edf3;
	border-radius:11px;
}
.ace-diagram-feedback-explanation p{
	margin:0;
	font-size:.84rem;
	line-height:1.6;
	color:#334155;
}
.ace-diagram-feedback-row__marks{
	margin-top:12px;
	text-align:right;
	font-size:.76rem;
	font-weight:800;
	color:#64748b;
}
.ace-diagram-feedback-card__footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:20px 24px 24px;
	background:#fbfcfe;
	border-top:1px solid #e8edf3;
}
.ace-diagram-feedback-card__footer-note{
	font-size:.78rem;
	color:#64748b;
}
.ace-diagram-feedback-card .ace-feedback-actions{
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:10px;
	margin:0;
}
@media(max-width:720px){
	.ace-diagram-feedback-card__hero,
	.ace-diagram-feedback-card__footer{flex-direction:column;align-items:stretch}
	.ace-diagram-feedback-card__score{align-self:flex-start}
	.ace-diagram-feedback-card__summary{grid-template-columns:1fr}
	.ace-diagram-feedback-row__top{flex-direction:column}
	.ace-diagram-feedback-status{align-self:flex-start}
	.ace-diagram-feedback-row__answers{grid-template-columns:1fr}
	.ace-diagram-feedback-card .ace-feedback-actions{justify-content:stretch}
	.ace-diagram-feedback-card .ace-button{width:100%}
}
