/* Compact learner hints/results only; authored content and the editor stay intact. */
.course-reader-brand.outlined-reader-brand{background:transparent;border-right:0}
.exercise-hint{margin-bottom:16px}
.exercise-hint summary{min-height:38px;padding-inline:14px}
.exercise-hint>div{padding:10px 12px}
.exercise-inline-feedback{margin-top:14px;padding:14px 16px}
.inline-result-title{font-size:24px;margin-bottom:8px}
.inline-explanation{margin:8px 0;padding:12px 14px}
.inline-result-actions{margin-top:10px;gap:8px}
.result-card h1{margin:0 0 12px}
.exercise-hint-rich p,.inline-explanation-content p,.result-explanation-rich p{margin:6px 0!important}
.exercise-hint-rich .rte-image-row,.inline-explanation-content .rte-image-row,.result-explanation-rich .rte-image-row{margin:10px auto!important;gap:16px}
/* Empty paragraphs and rows left by the rich editor must not create blank bands. */
:is(.exercise-hint-rich,.inline-explanation-content,.result-explanation-rich) :is(p,div):empty{display:none}
:is(.exercise-hint-rich,.inline-explanation-content,.result-explanation-rich) .rich-empty-spacer{display:none}
:is(.exercise-hint-rich,.inline-explanation-content,.result-explanation-rich) .rte-image-row:not(:has(img)){display:none}
@media(max-width:600px){.exercise-inline-feedback{padding:12px}.inline-explanation{padding:10px}.exercise-hint>div{padding:8px 10px}.exercise-hint-rich .rte-image-row,.inline-explanation-content .rte-image-row,.result-explanation-rich .rte-image-row{gap:10px}}