/* Retrieval belongs to the page, not a separate quiz card. */
.roots-lesson .powers-recall { margin: 0 0 52px; padding-bottom: 36px; border-bottom: 1px solid #dce4e8; }
.roots-lesson .powers-recall[hidden] { display: none; }
.roots-lesson .powers-recall h2 { font-size: 24px; color: #21343f; margin: 0 0 12px; }
.roots-lesson .powers-recall .recall-intro { color: #536873; margin-bottom: 28px; }
.roots-lesson .recall-question { margin: 30px 0; }
.roots-lesson .recall-context { display: block; margin-bottom: 8px; }
.roots-lesson .recall-question--reason .roots-accepted-answer { font-weight: 500; }
.roots-lesson .recall-question p { line-height: 1.85; font-size: 16px; margin: 10px 0; }
.roots-lesson .recall-question label { font: inherit; }
.roots-lesson .recall-question sup { font-size: 14px; }
.roots-lesson .recall-question input[type="text"] { font: inherit; color: #5531a9; background: #f1ecff; border: 0; border-bottom: 2px solid #7048c8; border-radius: 3px 3px 0 0; padding: 2px 8px; vertical-align: baseline; width: 5ch; text-align: center; line-height: 1.4; }
.roots-lesson .recall-question input.recall-pair { width: 10ch; }
.roots-lesson .recall-choices { display: block; margin-top: 12px; }
.roots-lesson .recall-choices label { display: flex; align-items: baseline; gap: 12px; padding: 7px 0; cursor: pointer; font-size: 16px; line-height: 1.6; }
.roots-lesson .recall-choices input[type="radio"] { font: inherit; accent-color: #7048c8; width: 16px; height: 16px; margin: 0; flex: 0 0 16px; }
.roots-lesson .recall-choices label:hover { color: #5531a9; }
.roots-lesson .recall-question input.recall-retry { border-bottom: 2px dashed #b23b4d; background: #fff1f1; }
.roots-lesson .recall-choices.recall-retry input:checked { outline: 2px dashed #b23b4d; outline-offset: 3px; }
.roots-lesson .recall-question details { font-size: 14px; color: #536873; margin-top: 8px; }
.roots-lesson .recall-question details p { font-size: 14px; }
.roots-lesson .recall-question summary { cursor: pointer; }
.roots-lesson .powers-recall :is(input,select,button,summary):focus-visible { outline: 2px solid #7048c8; outline-offset: 4px; }