/* RC210 - all three appearance modes share existing theme tokens. No fixed white surfaces. */
.sk210-resume-banner,.sk210-practice-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid var(--sk196-line,var(--sk-border,rgba(128,146,173,.4)));background:var(--sk196-card,var(--sk-card-bg,transparent));color:var(--sk196-text,var(--sk-text,inherit))}
.sk210-resume-banner strong,.sk210-practice-summary strong{font-size:1.05rem}
.sk210-resume-banner p,.sk210-practice-summary small{color:var(--sk196-muted,var(--sk-text-muted,#a5b4ca));margin:5px 0}
.sk210-active-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sk210-active-actions form{margin:0}
.sk210-topic-stats,.sk210-subject-counts,.sk210-grade-history{display:block;font-size:.85rem;line-height:1.5;color:var(--sk196-muted,var(--sk-text-muted,inherit));margin-block:4px}
.sk210-grade-history{padding:9px 12px;border:1px solid var(--sk196-line,var(--sk-border,rgba(128,146,173,.4)));border-radius:10px;background:var(--sk196-card,var(--sk-card-bg,transparent));color:var(--sk196-text,var(--sk-text,inherit))}
.sk210-resume-inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sk210-resume-inline form{margin:0}
.sk210-blocked-hint{font-size:.88rem;max-width:260px;color:var(--sk196-muted,var(--sk-text-muted,inherit))}
.sk210-save-status{font-size:.8rem;color:var(--sk196-muted,var(--sk-text-muted,inherit));min-height:1.1rem;align-self:center}
.sk210-save-status.is-error{color:var(--sk196-wrong-ink,#df7279)}
.sk-grade-test-dock:has([data-sk210-grade-save]){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sk-grade-test-dock:has([data-sk210-grade-save])>div{flex:1;min-width:125px}
.sk-grade-test-dock [data-sk210-grade-save]{white-space:normal}
@media(max-width:640px){.sk210-resume-banner,.sk210-practice-summary{align-items:stretch;flex-direction:column}.sk210-resume-banner form,.sk210-resume-banner button{width:100%}.sk210-active-actions{width:100%}.sk210-active-actions form{flex:1}.sk210-active-actions button{width:100%;min-height:44px}.sk-grade-test-dock:has([data-sk210-grade-save]) [data-sk210-grade-save]{flex:1 1 100%;min-height:44px}.sk210-save-status{flex:1 1 100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.sk210-resume-banner *, .sk210-practice-summary *{scroll-behavior:auto}}

/* A nonfunctional save button is never exposed when JavaScript is unavailable. */
.sk-grade-test-focus:not(.is-js) [data-sk210-grade-save],.sk-grade-test-focus:not(.is-js) [data-sk210-save-status]{display:none}