/* Scoped to the hadith reader; the rest of the app keeps its current design. */
#lessonDialog{box-sizing:border-box;width:min(720px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overflow-wrap:anywhere;line-height:1.65}
#lessonDialog .dialog-top{position:sticky;top:-32px;z-index:2;background:#fffefb;padding-block:12px;margin-top:-12px}
#lessonDialog .dialog-top button{flex-shrink:0;min-width:44px;min-height:44px}
#lessonDialog h2{line-height:1.25;margin:12px 0 18px}
#lessonDialog h3{font-size:17px;margin:22px 0 12px}
#lessonDialog .hadith-intro{margin:12px 0 18px}
#lessonDialog .hadith-lessons{padding-left:22px;margin:0 0 22px;list-style:disc}
#lessonDialog .hadith-lessons li{padding-left:4px;margin:0 0 16px}
#lessonDialog .hadith-lessons li::marker{color:#397a62}
#lessonDialog .hadith-lessons strong{color:#214b3e}
#lessonDialog .hadith-takeaway{background:#edf5ef;border:1px solid #d4e5d9;border-radius:16px;padding:18px 20px;margin:22px 0}
#lessonDialog .hadith-takeaway>strong{color:#245744;display:block}
#lessonDialog .hadith-takeaway p{margin:6px 0 0}
#lessonDialog .hadith-editorial-note{font-size:13px;color:#607168;line-height:1.55}
#lessonDialog .hadith-original{border-top:1px solid #dce6df;padding:14px 0;margin-top:18px}
#lessonDialog .hadith-original summary{cursor:pointer;font-size:14px;color:#397a62;min-height:32px}
#lessonDialog .hadith-original .arabic{white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0}
#lessonDialog .hadith-source{display:inline-block;line-height:1.5;margin:6px 0 16px;font-size:13px}
#lessonDialog .dialog-actions{display:flex;flex-wrap:wrap;gap:10px}
#lessonDialog .dialog-actions .button{white-space:normal;flex:1 1 180px}
@media(max-width:600px){#lessonDialog{padding:20px;max-height:calc(100dvh - 24px)}#lessonDialog .dialog-top{top:-20px}#lessonDialog h2{font-size:24px}#lessonDialog .hadith-takeaway{padding:15px}#lessonDialog .hadith-lessons{padding-left:19px}}