.complete { width: min(1100px,calc(100% - 28px)); margin: auto; padding: 38px 0; }
.result-mark { margin-bottom: 14px; }
.complete h1 { margin: 8px 0; }
.complete > p { max-width: 680px; color: #b6c7d7; }
.result-grid { width: 100%; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin: 22px 0; align-items: start; }
.result-card { display: flex; flex-direction: column; gap: 10px; min-height: 142px; padding: 20px; border: 1px solid #315575; border-radius: 16px; text-align: left; background: #0b243e; overflow: hidden; }
.result-card .result-skill { color: #91a9bc; font-size: .78rem; font-weight: 900; letter-spacing: .08em; }
.result-card strong { font-size: 1.8rem; }
.result-card.pending strong { color: #ffd06a; font-size: 1.05rem; }
.result-explanation { margin: 0; color: #86dcd7; font-weight: 700; line-height: 1.45; }
.result-method { margin: 0; color: #91a9bc; font-size: .78rem; line-height: 1.45; }
.level-results { display: grid; gap: 6px; }
.level-results > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 9px; background: #102f4d; }
.level-results b { font-size: .88rem; }
.level-results span { color: #c7d5e0; font-size: .84rem; }
.level-results .passed span { color: #86dcd7; }
.level-results .failed span { color: #ffd06a; }
.rubric-list { display: grid; gap: 10px; margin-top: 2px; }
.rubric-row > div:first-child { display: flex; justify-content: space-between; align-items: start; gap: 10px; margin-bottom: 5px; color: #d8e2eb; font-size: .86rem; }
.rubric-row > div:first-child > span { display: grid; gap: 2px; }
.rubric-row > div:first-child small { max-width: 38ch; color: #91a9bc; font-size: .72rem; font-weight: 500; line-height: 1.35; }
.rubric-row b { flex: 0 0 auto; color: #fff; font-size: .76rem; text-align: right; }
.rubric-track { height: 7px; overflow: hidden; border-radius: 999px; background: #183b58; }
.rubric-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#63d8d5,#86dcd7); }
.result-feedback { margin-top: 4px; padding: 12px; border-radius: 10px; background: #102f4d; }
.result-feedback > b { display: block; margin-bottom: 5px; color: #fff; }
.result-feedback p,.result-disclosure p { margin: 0; color: #c7d5e0; line-height: 1.55; }
.result-disclosure { border-top: 1px solid #274a67; padding-top: 10px; color: #c7d5e0; }
.result-disclosure summary { cursor: pointer; color: #86dcd7; font-weight: 800; }
.result-disclosure ul { margin: 9px 0 0; padding-left: 20px; line-height: 1.5; }
.speaking-task-results { display: grid; gap: 10px; margin-top: 8px; padding: 12px; border-radius: 12px; background: #081e34; }
.speaking-task-results > b { color: #fff; font-size: .95rem; }
.speaking-task-results .result-disclosure { padding: 10px; border: 1px solid #274a67; border-radius: 10px; }
.speaking-task-results .result-task-prompt { margin: 10px 0; color: #fff; font-weight: 700; }
.speaking-task-results .rubric-list { margin: 10px 0; }
.speaking-task-results .result-transcript { margin-top: 8px; color: #91a9bc; font-size: .82rem; }
.adaptive-results { display: grid; gap: 6px; margin-top: 10px; }
.adaptive-results > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 10px; border-radius: 9px; background: #102f4d; }
.adaptive-results b { font-size: .82rem; }
.adaptive-results span { color: #c7d5e0; font-size: .78rem; text-align: right; }
.sample-warning { margin: 0; padding: 10px; border-radius: 9px; color: #ffd06a; background: #3a2e20; font-weight: 700; }
.result-note { margin: 0 0 20px; }
.complete .primary { min-width: 190px; }
.complete > .result-actions { width: auto; aspect-ratio: auto; display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; border-radius: 0; color: inherit; background: transparent; font-size: inherit; font-weight: inherit; }
.dashboard-actions { display: flex; align-items: stretch; gap: 10px; flex-wrap: wrap; }
.dashboard-actions button { min-width: 190px; }
.secondary { min-height: 50px; padding: 11px 20px; border: 1px solid #69e1dc; border-radius: 12px; color: #bff3f0; background: #0c2743; font-weight: 900; cursor: pointer; }
.secondary:hover { background: #123653; }
.secondary:disabled { opacity: .45; }

@media (max-width: 780px) {
  .result-grid { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .result-card { min-height: 120px; padding: 14px; }
  .complete { width: min(100% - 20px,1100px); padding-top: 24px; }
  .result-actions { width: 100%; }
  .result-actions button { width: 100%; }
}