/* RC116 - paired contrast for expanded Learn library (including details panels).
 * No external resources. Manual light / dark settings override device palette.
 * Scope to lesson components: branded headers and palette swatches stay untouched. */
html.lessonsky-dark body .sk-il-entry,
html.lessonsky-dark body .sk-learn-subject,
html.lessonsky-dark body .sk-learn-subject > summary,
html.lessonsky-dark body .sk-learn-topic-card,
html.lessonsky-dark body .sk-learn-lesson-body > div,
html.lessonsky-dark body .sk-learn-explanation-grid > article,
html.lessonsky-dark body .sk-learn-depth-row {background:#1b2c43!important;color:#ecf4ff!important;border-color:#58718c!important}
html.lessonsky-dark body .sk-learn-lesson-body .is-warning {background:#3a3129!important;border-color:#927c53!important}
html.lessonsky-dark body .sk-learn-head h2,
html.lessonsky-dark body .sk-il-entry strong,
html.lessonsky-dark body .sk-learn-subject > summary strong,
html.lessonsky-dark body .sk-learn-topic-title h3,
html.lessonsky-dark body .sk-learn-lesson-body strong {color:#f4f8ff!important}
html.lessonsky-dark body .sk-learn-head p,
html.lessonsky-dark body .sk-il-entry p,
html.lessonsky-dark body .sk-learn-subject > summary small,
html.lessonsky-dark body .sk-learn-topic-card > p,
html.lessonsky-dark body .sk-learn-lesson-body :is(p,li),
html.lessonsky-dark body .sk-learn-depth-row small {color:#d2e1f2!important;opacity:1!important}
html.lessonsky-dark body .sk-learn-topic-title small,
html.lessonsky-dark body .sk-learn-depth-row span {color:#93e6c8!important}
html.lessonsky-dark body .sk-learn-topic-title > span,
html.lessonsky-dark body .sk-learn-subject > summary > span,
html.lessonsky-dark body .sk-learn-concept-chips span {background:#29435f!important;color:#e2f1ff!important}
html.lessonsky-dark body .sk-learn-topic-card > details > summary {color:#a9d8ff!important}
html.lessonsky-dark body .sk-learn-topic-card > details {border-color:#58718c!important}
/* Complement the lesson cards without changing light-mode palette choices. */
html:not(.lessonsky-dark) body .sk-learn-subject > summary small,
html:not(.lessonsky-dark) body .sk-learn-topic-card > p {color:#344c66!important;opacity:1!important}
html.lessonsky-dark body :is(.sk-learn-subject > summary,.sk-learn-topic-card > details > summary):focus-visible {outline:3px solid #b4dcff!important;outline-offset:-3px}
/* Expand on small devices without clipping; keep accordions and long code words readable. */
@media (max-width:760px) {
 body .sk-learn-subject-grid {grid-template-columns:minmax(0,1fr)!important;min-width:0!important}
 body .sk-learn-subject > summary {min-width:0;gap:8px}
 body .sk-learn-subject > summary > div {min-width:0}
 body .sk-learn-topic-card,body .sk-learn-lesson-body > div {min-width:0;max-width:100%;overflow-wrap:anywhere}
 body .sk-learn-lesson-body,body .sk-learn-explanation-grid {grid-template-columns:minmax(0,1fr)!important}
 body .sk-learn-head {flex-wrap:wrap;align-items:stretch}
 body .sk-learn-head > .sk-btn {max-width:100%;white-space:normal}
}
@media (forced-colors:active) {
 body :is(.sk-il-entry,.sk-learn-subject,.sk-learn-topic-card,.sk-learn-lesson-body > div) {background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important}
}