@font-face{
  font-family:"MJS Urdu";
  src:url("fonts/NotoNastaliqUrdu-v4.woff2") format("woff2");
  font-style:normal;
  font-weight:400 700;
  font-display:swap;
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F;
}
.mjslf-content{line-height:1.8;min-inline-size:0}
.mjslf-content[lang="ur"]{
  font-family:"MJS Urdu",Arial,sans-serif;
  font-size:1.125rem;
  line-height:2.5;
  text-align:right;
}
/* 0.2.1: each line follows its own direction. English lines on Urdu pages start at the left,
   Urdu lines on English pages start at the right; single Urdu words only change font. */
.mjslf-content :is(p,li,h1,h2,h3,h4,h5,h6,td,th,dt,dd,summary,caption)[dir]{text-align:start}
.mjslf-content[lang="ur"] [dir="ltr"]{line-height:1.8}
.mjslf-content [lang="ur"],.mjslf-content .mjslf-ur-word{font-family:"MJS Urdu",Arial,sans-serif}
.mjslf-content[lang="en"] [dir="rtl"][lang="ur"]{line-height:2.3}
.mjslf-content .mjslf-ur-word{line-height:1;font-size:1.05em}
.blog_detail:has(.mjslf-content[lang="ur"]) > .title-head > h1{
  font-family:"MJS Urdu",Arial,sans-serif;
  direction:rtl;
  text-align:right;
  line-height:2.2;
}
.mjslf-lesson{margin-block:20px;min-inline-size:0}.mjslf-section{padding:0;border:0;background:none;margin-block:20px;min-inline-size:0;overflow-wrap:break-word}.mjslf-enhanced>.mjslf-section{margin-block:14px 0}.mjslf-section-title{font-size:1.45em;line-height:1.5;margin-block:0 18px}.mjslf-enhanced>.mjslf-section>.mjslf-section-title{position:absolute!important;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}.mjslf-tablist{display:flex;gap:7px;flex-wrap:wrap;margin-block:16px 0;padding-block-end:12px;border-block-end:2px solid #e2e8f0;align-items:stretch;scroll-margin-block-start:90px}.mjslf-tablist>.mjslf-tab{font:inherit;font-size:1rem;line-height:1.5;color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;padding:10px 16px;border-radius:9px;cursor:pointer;white-space:normal;overflow-wrap:anywhere;max-inline-size:100%;min-block-size:44px;flex:1 1 auto;box-shadow:none;text-transform:none;letter-spacing:normal}.mjslf-tablist>.mjslf-tab[aria-selected="true"]{background:#eaf2ff;border-color:#2563eb;color:#163e93;font-weight:700;border-block-end:3px solid #2563eb}.mjslf-tab:focus-visible,.mjslf-navigation a:focus-visible,.mjslf-practice a:focus-visible,.mjslf-language a:focus-visible{outline:3px solid #92400e;outline-offset:3px}.mjslf-enhanced>.mjslf-section[hidden]{display:none!important}.mjslf-section:focus{outline-offset:3px}.mjslf-box,.mjslf-lkbox{--lk-c:#1D5FA8;--lk-bg:rgba(29,95,168,.08);box-sizing:border-box;margin-block:1.4em;border:1px solid var(--lk-c);border-inline-start-width:6px;border-radius:12px;background:var(--lk-bg);overflow-wrap:break-word;min-inline-size:0}
.mjslf-box{padding:10px 16px 14px}.mjslf-box>.mjslf-box-title,.mjslf-lkbox__label{display:flex;align-items:center;gap:8px;color:var(--lk-c);font-family:inherit;font-size:1.1em;font-weight:700;line-height:1.5;letter-spacing:normal;text-transform:none;margin:0 0 6px;padding:0}
.mjslf-box>.mjslf-box-title{text-align:start}.mjslf-box>:last-child{margin-block-end:0}
.mjslf-color-blue{--lk-c:#1D5FA8;--lk-bg:rgba(29,95,168,.08)}.mjslf-color-plain{--lk-c:#64748B;--lk-bg:#fff}.mjslf-color-green{--lk-c:#0B7A55;--lk-bg:rgba(11,122,85,.08)}.mjslf-color-teal{--lk-c:#0F6E5A;--lk-bg:rgba(15,110,90,.08)}.mjslf-color-cyan{--lk-c:#00798C;--lk-bg:rgba(0,121,140,.08)}.mjslf-color-purple{--lk-c:#6A3FA0;--lk-bg:rgba(106,63,160,.08)}.mjslf-color-pink{--lk-c:#8A2C6B;--lk-bg:rgba(138,44,107,.08)}.mjslf-color-rose{--lk-c:#B3261E;--lk-bg:rgba(179,38,30,.07)}.mjslf-color-amber{--lk-c:#A15C00;--lk-bg:rgba(161,92,0,.08)}.mjslf-color-orange{--lk-c:#C2410C;--lk-bg:rgba(194,65,12,.08)}.mjslf-color-slate{--lk-c:#3C4A57;--lk-bg:rgba(60,74,87,.08)}
.mjslf-navigation{display:flex;flex-wrap:wrap;gap:14px 30px;border:1px solid #dbe3ed;background:#f8fafc;color:#172033;border-radius:10px;padding:16px 20px;margin-block:18px;font-size:.95em}.mjslf-navigation>div{flex:1 1 230px}.mjslf-navigation ul{margin-block:7px 0;padding-inline-start:22px}.mjslf-navigation a{color:#17469b;text-decoration:underline;text-underline-offset:3px}.mjslf-language{display:flex;justify-content:flex-end;margin-block:12px;gap:8px}.mjslf-language a{font-family:Tahoma,Arial,sans-serif;border:1px solid #cbd5e1;border-radius:999px;padding:4px 14px;line-height:1.8;background:#fff;color:#17469b;font-size:.95rem}.mjslf-practice>a{display:inline-block;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;padding:9px 18px;border-radius:8px;font:inherit;text-decoration:none}.mjslf-diagram{direction:ltr;margin-block:18px;max-inline-size:100%;overflow-x:auto}.mjslf-diagram>svg{display:block;width:100%;height:auto;min-width:280px}.mjslf-diagram>figcaption{text-align:center;font-size:.9em}.mjslf-content .wp-block-table{max-inline-size:100%;overflow-x:auto}.mjslf-content .katex-display{direction:ltr;overflow-x:auto;overflow-y:hidden;padding-block:8px;max-inline-size:100%}.mjslf-content .katex{direction:ltr;unicode-bidi:isolate}.mjslf-equation{direction:ltr;unicode-bidi:isolate}.mjslf-nobreak,.mjslf-nobreak .katex{white-space:nowrap}.mjslf-math-error{font-family:monospace;color:#9f1239;white-space:pre-wrap}.mjslf-section[id],.mjslf-content [id^="mjslf-h-"]{scroll-margin-block-start:90px}
@media(max-width:600px){.mjslf-tablist{gap:6px}.mjslf-tablist>.mjslf-tab{flex:1 1 auto;font-size:.9rem;line-height:1.35;padding:8px 10px;min-block-size:40px}.mjslf-box{padding:10px 12px 12px}}
@media print{.mjslf-enhanced>.mjslf-section>.mjslf-section-title{position:static!important;inline-size:auto;block-size:auto;clip:auto;clip-path:none;white-space:normal}.mjslf-tablist,.mjslf-language{display:none!important}.mjslf-enhanced>.mjslf-section[hidden]{display:block!important}.mjslf-section{break-inside:auto}.mjslf-box{break-inside:avoid}}

/* 0.2.2 — lists: ✓ ticks or dots with a small indent (numbered lists keep numbers) */
.mjslf-content :is(ul,ol):not([class*="mjslf-"]){margin-inline-start:0;padding-inline-start:1.6em}.mjslf-ticks ul:not([class*="mjslf-"]),.mjslf-dots ul:not([class*="mjslf-"]){padding-inline-start:1.25em}
.mjslf-ticks ul:not([class*="mjslf-"]),.mjslf-dots ul:not([class*="mjslf-"]){list-style:none}
.mjslf-ticks ul:not([class*="mjslf-"])>li,.mjslf-dots ul:not([class*="mjslf-"])>li{position:relative;padding-inline-start:0}
.mjslf-content :is(ul,ol):not([class*="mjslf-"])>li{margin-block:.35em}
.mjslf-ticks ul:not([class*="mjslf-"])>li::before,.mjslf-dots ul:not([class*="mjslf-"])>li::before{position:absolute;inset-inline-start:-1.15em;inline-size:auto;color:#2b4ea2;font-weight:700;margin:0;padding:0}
.mjslf-ticks ul:not([class*="mjslf-"])>li::before{content:"\2713"}
.mjslf-dots ul:not([class*="mjslf-"])>li::before{content:"\2022"}
.mjslf-content ol:not([class*="mjslf-"]){list-style:decimal}
.mjslf-content ol:not([class*="mjslf-"])>li::before{content:none}
/* In this tab */
.mjslf-intab{border-inline-start:3px solid #2563eb;background:#f8fafc;border-radius:8px;padding:10px 14px;margin-block:4px 18px;font-size:.95em}
.mjslf-intab>strong{display:block;margin-block-end:4px}
ol.mjslf-intab-list,.mjslf-intab ol{margin:0;padding-inline-start:1.4em;list-style:decimal;text-align:start}
.mjslf-intab li{margin-block:2px}.mjslf-intab .mjslf-intab-l4{margin-inline-start:1em;list-style:circle}
.mjslf-intab a{color:#17469b;text-decoration:underline;text-underline-offset:3px}
/* Previous / Next */
.mjslf-pager{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-block:28px 6px;padding-block-start:14px;border-block-start:1px solid #e2e8f0}
.mjslf-pager-btn{font:inherit;display:flex;flex-direction:column;gap:2px;text-align:start;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:8px 14px;color:#163e93;cursor:pointer;max-inline-size:100%;line-height:1.4}
.mjslf-pager-btn small{font-size:.8em;color:#475569}.mjslf-pager-btn span{font-weight:700}
.mjslf-pager-next{margin-inline-start:auto;text-align:end;align-items:flex-end}
.mjslf-pager-btn:hover{background:#eaf2ff;border-color:#2563eb}.mjslf-pager-btn:focus-visible{outline:3px solid #92400e;outline-offset:2px}
.mjslf-enhanced .mjslf-pager{display:flex}.mjslf-pager{display:none}
/* Urdu help box */
.mjslf-urdu-note{margin-block:16px;border:1px solid #0b7a55;border-radius:10px;background:rgba(11,122,85,.06)}
.mjslf-urdu-note>summary{cursor:pointer;padding:6px 14px;font-family:"MJS Urdu",Arial,sans-serif;font-size:1.05rem;line-height:2.2;color:#0b7a55;font-weight:700;list-style:none;display:flex;align-items:center;gap:10px}.mjslf-urdu-note>summary::-webkit-details-marker{display:none}.mjslf-urdu-note>summary::before{content:"+";font-family:Arial,sans-serif;display:inline-grid;place-items:center;inline-size:1.5em;block-size:1.5em;border-radius:50%;background:#0b7a55;color:#fff;font-size:.9em;line-height:1;flex:none}.mjslf-urdu-note[open]>summary::before{content:"\2212"}
.mjslf-urdu-note>summary:focus-visible{outline:3px solid #92400e;outline-offset:2px}
.mjslf-urdu-note__body{padding:0 14px 10px;font-family:"MJS Urdu",Arial,sans-serif;line-height:2.3;text-align:right}
.mjslf-urdu-note__body [dir="ltr"]{text-align:left;line-height:1.8}
/* Related lessons */
.mjslf-related{margin-block:28px 10px}
.mjslf-related-title{font-size:1.25em;margin-block:0 12px}
ul.mjslf-related-list.mjslf-related-list{list-style:none;margin:0;padding:0;text-align:start;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
ul.mjslf-related-list>li{margin:0;padding:0}ul.mjslf-related-list>li::before{content:none;display:none}
.mjslf-related-list a{display:flex;flex-direction:column;height:100%;border:1px solid #dbe3ed;border-radius:10px;overflow:hidden;background:#fff;color:#17469b;text-decoration:none}
.mjslf-related-list a:hover{border-color:#2563eb}.mjslf-related-list a:focus-visible{outline:3px solid #92400e;outline-offset:2px}
.mjslf-related-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.mjslf-related-name{padding:10px 12px;font-weight:600;line-height:1.5;text-align:start}
@media(max-width:480px){.mjslf-related-list{grid-template-columns:1fr}}
/* Share buttons */
.mjslf-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block:22px 10px}
.mjslf-share-label{font-weight:700;margin-inline-end:4px}
.mjslf-share-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:.95rem;line-height:1.2;padding:8px 14px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#1e293b;text-decoration:none;cursor:pointer;min-block-size:40px}
.mjslf-share-whatsapp{background:#1f7a46;border-color:#1f7a46;color:#fff}
.mjslf-share-facebook{background:#1d4f9c;border-color:#1d4f9c;color:#fff}
.mjslf-share-btn:focus-visible{outline:3px solid #92400e;outline-offset:2px}
@media print{.mjslf-pager,.mjslf-share,.mjslf-intab{display:none!important}.mjslf-urdu-note__body{display:block}}