/* RC122: accessible, self-contained practice cards in responsive light/dark lesson views. */
.sk122-listen-lab,.sk122-map-practice{--sk122-bg:#f8fbff;--sk122-border:#c8daf1;--sk122-text:#14233e;--sk122-muted:#455676;--sk122-accent:#174d97;--sk122-good:#e1f8eb;--sk122-bad:#fff0ed;background:var(--sk122-bg)!important;border:1px solid var(--sk122-border)!important;border-radius:22px;padding:clamp(16px,2.6vw,28px);color:var(--sk122-text)!important;box-shadow:0 18px 52px rgba(26,57,108,.08);max-width:100%;min-width:0;overflow-wrap:anywhere;line-height:1.55}
.sk122-listen-lab *,.sk122-map-practice *{box-sizing:border-box}
.sk122-eyebrow,.sk122-map-practice header small{font-size:.73rem;letter-spacing:.14em;font-weight:800;color:var(--sk122-accent)!important}
.sk122-listen-lab h3,.sk122-map-practice h3{color:var(--sk122-text)!important;font-size:clamp(1.2rem,2.3vw,1.55rem);margin:8px 0!important;line-height:1.3}
.sk122-listen-lab h4{color:var(--sk122-text)!important;font-size:1.05rem;margin:8px 0!important}
.sk122-listen-lab p,.sk122-map-practice p,.sk122-map-practice blockquote,.sk122-listen-lab small{color:var(--sk122-muted)!important}
.sk122-listen-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:12px 0}
.sk122-listen-actions button,.sk122-task>button{font-size:.9rem!important;min-height:44px;white-space:normal!important}
.sk122-listen-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.sk122-task{border:1px solid var(--sk122-border);border-radius:16px;padding:15px;min-width:0;background:rgba(255,255,255,.68)}
.sk122-step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--sk122-accent);color:white!important;font-size:.78rem;font-weight:850}
.sk122-choices,.sk122-map-choices{display:grid;gap:8px;margin-top:12px}
.sk122-option,.sk122-map-choices button{border:1px solid var(--sk122-border)!important;border-radius:11px!important;background:transparent!important;color:var(--sk122-text)!important;padding:11px 12px!important;text-align:start!important;min-height:44px;line-height:1.5;font:inherit;cursor:pointer;white-space:normal!important;overflow-wrap:anywhere}
.sk122-option:hover:not(:disabled),.sk122-map-choices button:hover:not(:disabled){border-color:var(--sk122-accent)!important;background:rgba(24,88,156,.08)!important}
.sk122-option:focus-visible,.sk122-map-choices button:focus-visible,.sk122-listen-lab button:focus-visible,.sk122-map-practice button:focus-visible,.sk122-listen-lab textarea:focus-visible{outline:3px solid #3188fa!important;outline-offset:3px}
.sk122-option.is-correct,.sk122-map-choices button.is-correct{background:var(--sk122-good)!important;color:#09532c!important;border-color:#28844d!important;font-weight:800}
.sk122-option.is-wrong,.sk122-map-choices button.is-wrong{background:var(--sk122-bad)!important;color:#8b2515!important;border-color:#cb5b40!important}
.sk122-task [role=status],.sk122-map-practice [role=status]{display:block;min-height:1.3em;font-weight:700;font-size:.87rem;margin-top:9px}
.sk122-write-label{display:block;color:var(--sk122-text)!important;font-weight:750;margin-top:9px}
.sk122-write-label textarea{display:block;max-width:100%;width:100%;background:#fff!important;border:1px solid #aebdd2!important;border-radius:9px!important;color:#14233e!important;margin:7px 0 11px;padding:11px!important;min-height:84px;font:inherit}
.sk122-map-practice{margin:18px 0;max-width:100%}
.sk122-map-practice blockquote{margin:12px 0;padding:10px 14px;border-inline-start:4px solid var(--sk122-accent);font-size:1rem;line-height:1.6}
.sk122-map-practice [data-sk122-map-reset]{border:1px solid var(--sk122-border);background:transparent;color:var(--sk122-text);border-radius:8px;padding:8px 16px;min-height:44px}
html.lessonsky-dark .sk122-listen-lab,html.lessonsky-dark .sk122-map-practice,html[data-theme="dark"] .sk122-listen-lab,html[data-theme="dark"] .sk122-map-practice,body.lessonsky-dark .sk122-listen-lab,body.lessonsky-dark .sk122-map-practice{--sk122-bg:#0f1d34;--sk122-border:#344c71;--sk122-text:#f3f7ff;--sk122-muted:#c4d4ec;--sk122-accent:#99c5ff;--sk122-good:#c5f6d6;--sk122-bad:#ffd9d4;box-shadow:none}
html.lessonsky-dark .sk122-task,html[data-theme="dark"] .sk122-task,body.lessonsky-dark .sk122-task{background:#182b46}
html.lessonsky-dark .sk122-option:hover:not(:disabled),html[data-theme="dark"] .sk122-option:hover:not(:disabled){background:#29476c!important}
html.lessonsky-dark .sk122-step,html[data-theme="dark"] .sk122-step,body.lessonsky-dark .sk122-step{background:#285c9d;color:white!important}
@media(max-width:920px){.sk122-listen-steps{grid-template-columns:1fr}}
@media(max-width:480px){.sk122-listen-lab,.sk122-map-practice{border-radius:14px;padding:14px}.sk122-listen-actions button{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.sk122-listen-lab *,.sk122-map-practice *{animation:none!important;transition:none!important}}