@font-face{font-family:DAHQuran;src:url('dah-mutala-fonts/AmiriQuran.ttf') format('truetype');font-display:swap}
@font-face{font-family:DAHArabic;src:url('dah-mutala-fonts/Amiri-Regular.ttf') format('truetype');font-display:swap}
.dah-mutala{--mq-green:#164c3d;--mq-gold:#ae832d;--mq-ink:#253d33;max-width:880px;margin:0 auto;color:var(--mq-ink);font-size:17px;line-height:1.85;overflow-wrap:break-word}
.dah-mutala *{box-sizing:border-box}.dah-mutala p{font-size:17px;line-height:1.9;margin:0 0 20px}.dah-mutala h2,.dah-mutala h3{color:#164c3d;line-height:1.4;text-transform:none!important;letter-spacing:0!important}
.dah-mutala h2{font-size:32px;margin:14px 0}.dah-mutala h3{font-size:24px;margin:0 0 20px}.dah-mutala h3>span{display:block;font-size:22px;margin-top:4px}
.dah-mutala [lang=ur]{font-family:DAHArabic,'Nirmala UI',serif;font-size:22px;line-height:2;text-align:right}.dah-mutala h2[lang=ur]{font-size:32px}.dah-mutala [lang=ar]{font-family:DAHQuran,'Traditional Arabic',serif}
.dah-mutala[data-language=en] .mq-ur,.dah-mutala[data-language=ur] .mq-en{display:none!important}
.mq-opening{background:linear-gradient(120deg,#123c30,#246750);border-top:5px solid #c9a758;border-radius:16px;padding:34px 36px;color:#fff;margin:12px 0 24px}
.mq-opening h2{color:#fff}.mq-opening p{color:#f0f6ef}.mq-opening .mq-kicker{font-size:12px;font-weight:700;letter-spacing:1.6px;margin:0;color:#ead5a2}.mq-opening .mq-meta{font-size:14px;margin:12px 0 0;color:#f3e3bc}
.mq-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0 18px;border-bottom:1px solid #d8e2d9}.mq-tools>span{font-size:13px;font-weight:700;margin-right:auto}
.dah-mutala button,.dah-mutala .mq-jumps a{font-family:inherit;cursor:pointer;border:1px solid #a5bdac;background:#fff;color:#164c3d;border-radius:7px;padding:9px 16px;font-size:15px;line-height:1.5;min-height:44px;text-transform:none;font-weight:600;letter-spacing:0}
.dah-mutala .mq-tools button{background:#fff!important;color:#164c3d!important}.dah-mutala .mq-tools button[aria-pressed=true],.dah-mutala .mq-download{background:#164c3d!important;color:#fff!important;border-color:#164c3d}.dah-mutala a{color:#12533f;text-decoration:underline;text-underline-offset:3px}.dah-mutala a:focus-visible,.dah-mutala button:focus-visible,.dah-mutala summary:focus-visible,.dah-mutala textarea:focus-visible{outline:3px solid #ae832d;outline-offset:4px}
.mq-jumps{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.dah-mutala .mq-jumps a{font-size:13px;padding:8px 11px;text-decoration:none;background:#f6f8f2}
.mq-trail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.mq-trail>div{border:1px solid #d2dfd3;border-top:3px solid #b18a36;border-radius:8px;padding:16px;background:#f7f9f3}.mq-trail b{display:block;font-size:14px;color:#816016}.mq-trail p{font-size:16px;line-height:1.6;margin:8px 0 0}.mq-trail p[lang=ur]{font-size:21px}
.mq-section{margin:36px 0;scroll-margin-top:100px}.mq-links{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.mq-links>a{padding:10px 14px;background:#edf4ec;border:1px solid #bfd0c1;border-radius:7px;font-size:14px;font-weight:600}
.mq-reading-group{border:1px solid #cad9cd;border-radius:12px;margin:14px 0;background:#fff;overflow:hidden}.dah-mutala summary{cursor:pointer;min-height:48px;padding:15px 18px;color:#174e3d;font-weight:700;line-height:1.6}.mq-reading-group>summary{background:#eef4eb;font-size:16px}.mq-reading-group>summary span{font-weight:400;font-size:13px;float:right}.mq-reading-group[open]>summary{border-bottom:1px solid #cad9cd}
.mq-verse{padding:25px 24px;border-bottom:1px solid #dbe4db}.mq-verse:last-child{border-bottom:0}.mq-verse-label{display:inline-block;font-size:13px;font-weight:700;color:#5e6e61;border:1px solid #cfdbce;border-radius:30px;padding:2px 11px}
.dah-mutala .mq-arabic,.dah-mutala .mq-basmalah{font-family:DAHQuran,serif;font-size:32px;line-height:2.5;font-weight:400;letter-spacing:0;text-align:right;margin:18px 0 24px;white-space:normal}.dah-mutala .mq-basmalah{text-align:center}
.mq-translation{padding-top:12px}.mq-source-label{display:block;font-size:12px!important;font-family:Arial,sans-serif;color:#5b7060;font-weight:700;line-height:1.5;margin-bottom:8px}.mq-translation[lang=ur] .mq-source-label{font-family:DAHArabic,serif;font-size:18px!important}.mq-translation-text,.mq-footnote-text{white-space:pre-line}
.mq-footnotes{background:#f8f9f4;border-radius:8px;border:1px solid #e0e5d9;margin:8px 0 12px}.mq-footnotes summary{font-size:14px;padding:10px 14px}.mq-footnote-text{padding:10px 16px 18px;font-size:15px;line-height:1.85}.mq-ur .mq-footnotes summary,.mq-ur .mq-footnote-text{font-family:DAHArabic,serif;font-size:21px;line-height:2}
.mq-vocabulary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0}.mq-vocabulary details{background:#f5f1e4;border:1px solid #dfd3b3;border-radius:12px}.mq-vocabulary summary>span{display:block;font-size:12px;font-weight:400;margin-top:8px}.mq-vocabulary p{padding:0 18px 10px}
.mq-tafsir{border-left:4px solid #b38b37;padding:24px;background:#faf7ed;border-radius:0 12px 12px 0}.mq-case{padding:26px;border:1px solid #cbded2;border-radius:12px;background:#edf5f0}.mq-case details{border-top:1px solid #bfd1c5}.mq-case details p{padding:0 18px}
.mq-practice{padding:24px;border:1px solid #cbd9cd;border-radius:14px;background:#fff}.mq-practice iframe{width:100%;max-width:100%}.mq-answers{margin-top:20px;background:#f6f8f2;border-radius:8px}.mq-answers ol{padding:12px 28px 18px 45px}.mq-answers li{padding-bottom:12px}.mq-answers p{margin:8px 0}.mq-reflect{padding:28px;background:#f4f5eb;border-radius:14px}.mq-journal{width:100%;resize:vertical;border:1px solid #aabdac;background:#fff;border-radius:7px;padding:14px;min-height:170px;font-size:17px;line-height:1.8}.mq-reflect label{display:block;margin:18px 0 8px;font-weight:600}.mq-small,.dah-mutala p.mq-small{font-size:13px;line-height:1.8;color:#546b5a}.dah-mutala p.mq-small[lang=ur]{font-size:18px}
.dah-mutala .mq-copy{margin:8px;background:#fff!important;color:#164c3d!important}.mq-finish{padding:26px;border-top:4px solid #164c3d;background:#eef4ed;border-radius:8px}.mq-credits{margin:28px 0;border:1px solid #d6dfd4;border-radius:10px;background:#fafbf7}.mq-credits p,.mq-credits pre{margin:12px 20px;font-size:13px;line-height:1.8}.mq-credits p[lang=ur]{font-size:19px}.mq-credits pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eef2ea;padding:14px}.mq-next{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:26px 0}.mq-next a{font-size:14px;padding:10px 12px;border:1px solid #d1ddcf;border-radius:7px}
.mq-roadmap{border:1px solid #ccdacc;border-radius:10px;margin:28px 0}.mq-roadmap ol{list-style:none;padding:0 20px 16px;margin:0;max-height:420px;overflow:auto}.mq-roadmap li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e0e6db;font-size:15px}.mq-roadmap small{white-space:nowrap;color:#617664}
.mq-session-plan{border:1px solid #cbd9cd;border-radius:12px;background:#f5f7ef;margin:24px 0;padding:0 18px}.mq-session-plan>p{margin:14px 0}.mq-session-plan .mq-trail{max-height:420px;overflow:auto}.mq-session-jump{display:block;text-decoration:underline!important;text-underline-offset:4px}.mq-reading-group{scroll-margin-top:90px}
body.dah-mutala-course:not(.mq-show-planned) .mq-planned-section{display:none!important}.mq-planned-toggle{display:block;margin:16px 0;padding:12px 16px;border:1px solid #becdbf;background:#f0f5ed;color:#174e3d;border-radius:6px;font-size:14px;cursor:pointer}
@media(max-width:767px){.mq-opening{padding:24px 20px}.dah-mutala h2{font-size:27px}.dah-mutala h3{font-size:22px}.mq-trail{grid-template-columns:1fr;gap:8px}.mq-trail>div{padding:10px 16px}.mq-trail p{margin:3px 0}.mq-verse{padding:18px 14px}.dah-mutala .mq-arabic{font-size:29px;line-height:2.4}.mq-reading-group>summary span{float:none;display:block}.mq-vocabulary{grid-template-columns:1fr}.mq-practice,.mq-reflect,.mq-case,.mq-tafsir,.mq-finish{padding:18px}.mq-tools>span{width:100%;margin-bottom:5px}.mq-roadmap li{display:block}.mq-roadmap small{display:block}.dah-mutala p{font-size:16px}.dah-mutala [lang=ur]{font-size:22px}body.dah-mutala-course #popup-content,body.dah-mutala-course #popup-header,body.dah-mutala-course #popup-footer{left:0!important;right:0!important;width:100%!important;margin-left:0!important}body.dah-mutala-course #popup-sidebar{position:absolute!important;left:0!important;top:70px!important;bottom:50px!important;height:auto!important;transform:translateX(-100%)!important;max-width:calc(100vw - 65px);background:#fff!important;z-index:100;transition:transform .2s ease}body.dah-mutala-course.mq-sidebar-open #popup-course #popup-sidebar{transform:translateX(0)!important}body.dah-mutala-course #sidebar-toggle{left:auto!important;right:50px!important}}
@media print{.mq-tools,.mq-jumps,.mq-download,.mq-practice iframe,.mq-next{display:none!important}.dah-mutala details>*{display:block!important}.mq-opening{background:#fff;color:#164c3d}.mq-opening h2,.mq-opening p{color:#164c3d}.mq-verse{break-inside:avoid}.mq-roadmap ol{max-height:none;overflow:visible}}