.card.source-lesson-card .source-original-lesson{width:100%;min-width:0}
.card.source-lesson-card .source-original-lesson .lesson-section{display:grid!important;grid-template-columns:38px minmax(0,1fr);gap:0 8px;align-items:start;padding:6px 0;margin:0;border-top:1px solid #e9e0f3;text-align:left}
.card.source-lesson-card .lesson-section .explanation-audio{margin:0}
.card.source-lesson-card .lesson-section .explanation-copy{margin:0;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.card.source-lesson-card .lesson-section .put-en{font-size:17px;font-weight:700;color:#30203f}
.card.source-lesson-card .lesson-translation{font-size:15px;line-height:1.65;margin-top:2px}
.card.source-lesson-card .lesson-section .explanation-status{grid-column:1/-1;font-size:12px}

.card.source-lesson-card .source-original-lesson .lesson-section:first-child .explanation-copy{font-size:14px;color:#7344af}
.card.source-lesson-card .lesson-section .explanation-status:empty{display:none}

/* Tighten only bilingual English example rows. */
.card.source-lesson-card .source-original-lesson .lesson-section:has(.put-en){padding-top:3px;padding-bottom:3px}
.card.source-lesson-card .lesson-section .put-en{line-height:1.45}
.card.source-lesson-card .lesson-section .lesson-translation{line-height:1.45;margin-top:0}

@media(max-width:767px){.card.source-lesson-card .lesson-section .put-en{font-size:15px}}

.card.source-lesson-card .source-original-lesson .lesson-section:has(.put-en){align-items:center}
.card.source-lesson-card .lesson-section:has(.put-en) .explanation-audio,.card.source-lesson-card .lesson-section:has(.put-en) .lesson-copy{align-self:center}

/* Override the legacy details[open] > p bottom margin inside example copies. */
.card.source-lesson-card .source-original-lesson .lesson-section .lesson-copy>p{margin:0!important}
.card.source-lesson-card .source-original-lesson .lesson-section:has(.put-en){padding-top:2px;padding-bottom:2px}

.card.source-lesson-card .lesson-section .lesson-forms-line{font-size:14px;color:#7344af}
.card.source-lesson-card .explanation>.explanation-body>.explanation-copy{white-space:pre-line}

/* Desktop examples intentionally have more room than the mobile layout. */
@media(min-width:768px){
 .card.source-lesson-card .source-original-lesson .lesson-section:has(.put-en){padding:6px 0;align-items:center}
 .card.source-lesson-card .source-original-lesson .lesson-section .lesson-copy>p.lesson-translation{margin-top:3px!important}
 .card.source-lesson-card .lesson-section .put-en,.card.source-lesson-card .lesson-section .lesson-translation{line-height:1.55}
}