.act-score-card { display: flex; align-items: center; gap: 26px; width: 100%; box-sizing: border-box; padding: 24px 28px; border: 1px solid #bdccee; border-radius: 18px; background: #f1f5ff; color: #293b59; text-align: left; }
.act-score-value { flex: 0 0 130px; text-align: center; padding: 17px 14px; box-sizing: border-box; border-radius: 14px; background: #fff; border: 1px solid #d4def3; }
.act-score-value > span { display: block; font-size: 13px; font-weight: 800; color: #3153a3; }
.act-score-value > strong { display: block; margin-top: 5px; font-size: 48px; line-height: 1.1; color: #1743b7; }
.act-score-value small { font-size: 18px; color: #66758e; font-weight: 600; white-space: nowrap; }
.act-score-copy { min-width: 0; }
.act-score-copy h2 { margin: 0 0 8px; font-size: 24px; color: #20365c; }
.act-score-copy p { margin: 7px 0 0; font-size: 16px; line-height: 1.5; }
.act-score-copy .act-score-raw { color: #324e7c; }
.test-complete-card > .act-score-card { width: calc(100% - 48px); margin: 0 24px 24px; }
.test-complete-card > .test-result-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.act-score-unavailable { padding: 16px 20px; border: 1px solid #d9e1ee; border-radius: 12px; color: #44556c; background: #f8fafc; }
@media (max-width: 640px) {
    .act-score-card { align-items: stretch; flex-direction: column; gap: 18px; padding: 20px; }
    .act-score-value { flex: 0 0 auto; }
    .act-score-copy h2 { font-size: 21px; }
    .test-complete-card > .act-score-card { width: calc(100% - 28px); margin: 0 14px 20px; }
    .test-complete-card > .test-result-grid { grid-template-columns: 1fr; }
}