/* RC120: responsive second skill cases and in-lesson vocabulary practice. */
.sk120-lab-challenge{background:var(--sk196-panel,#f7faff)!important;border-color:#bfd2ef!important}.sk120-lab-challenge>div>p{color:#385677;line-height:1.6}.sk120-lab-challenge [data-sk117-result]{border-top:1px solid #d4e0f3;padding-top:12px}.sk120-flashcards{margin:18px 0;padding:20px;background:var(--sk196-panel,#f7faff);border:1px solid var(--sk196-line,#c9d9f1);border-radius:20px;color:var(--sk196-text,#19375a)}.sk120-flashcards header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sk120-flashcards header h3{margin:6px 0;font-size:21px;color:var(--sk196-heading,#1c3761)}.sk120-flashcards header p{color:var(--sk196-muted,#48627f);margin:6px 0;line-height:1.5}.sk120-flashcards header>strong{white-space:nowrap;border-radius:14px;background:var(--sk196-inset,#dae8ff);color:var(--sk196-text,#234986);padding:7px 12px}.sk120-flash-surface{text-align:center;padding:20px 12px;border-radius:17px;background:var(--sk196-card,#fff);min-height:110px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;border:1px solid var(--sk196-line,#d4e0ef);margin:17px 0}.sk120-flash-surface>span{color:var(--sk196-muted,#586e8d);font-size:11px;font-weight:850;letter-spacing:.11em}.sk120-flash-surface>strong{font-size:clamp(20px,3vw,29px);color:var(--sk196-heading,#163961);overflow-wrap:anywhere}.sk120-flash-surface>p{margin:2px 0;color:var(--sk196-link,#254e8d);line-height:1.5;font-size:16px;font-weight:650}.sk120-flash-actions{display:flex;flex-wrap:wrap;gap:9px}.sk120-flash-actions button{flex:1 1 145px;min-height:45px;border-radius:12px;border:1px solid var(--sk196-strong-line,#9db9e0);background:var(--sk196-card,#fff);color:var(--sk196-control-text,#234678);font-weight:750;padding:10px;cursor:pointer}.sk120-flash-actions button:first-child{background:#2456b8;color:#fff;border-color:#2456b8}.sk120-flash-actions button:hover{filter:brightness(.95)}.sk120-flash-actions button:focus-visible{outline:3px solid #e8a84d;outline-offset:2px}.sk120-flash-actions button:disabled{opacity:.65;cursor:default}.sk120-flashcards [data-sk120-flash-status]{margin:12px 0 0;color:var(--sk196-muted,#486181);font-size:13px}
html.lessonsky-dark .sk120-flashcards,body.lessonsky-dark .sk120-flashcards,html.lessonsky-dark .sk120-lab-challenge{background:linear-gradient(140deg,#1b2d49,#172942)!important;border-color:#42638c!important;color:#edf4ff}html.lessonsky-dark .sk120-flashcards header h3,html.lessonsky-dark .sk120-flash-surface>strong{color:#f2f6ff}html.lessonsky-dark .sk120-flashcards header p,html.lessonsky-dark .sk120-flashcards [data-sk120-flash-status],html.lessonsky-dark .sk120-lab-challenge>div>p{color:#c4d7f0}html.lessonsky-dark .sk120-flashcards header>strong{background:#314e79;color:#f0f6ff}html.lessonsky-dark .sk120-flash-surface{background:#213858;border-color:#496b93}html.lessonsky-dark .sk120-flash-surface>span{color:#b4cbec}html.lessonsky-dark .sk120-flash-surface>p{color:#c0deff}html.lessonsky-dark .sk120-flash-actions button:not(:first-child){background:#294569;border-color:#6086b6;color:#f0f5ff}
@media(max-width:650px){.sk120-flashcards{padding:14px}.sk120-flashcards header{flex-wrap:wrap}.sk120-flash-actions button{flex:1 1 115px}.sk120-lab-challenge{padding:15px!important}}
@media(prefers-reduced-motion:reduce){.sk120-flashcards *{transition:none!important}}
