@font-face{font-family:CQAmiriQuran;src:url(/quran/tanzil-1.1-cq1/amiri-quran.woff2)format("woff2");font-display:block;font-weight:400;font-style:normal}.cosqool-tajweed{--ctj-ink:var(--color-text-body-public);--ctj-heading:var(--color-brand-indigo);--ctj-quran-ink:var(--public-course-ink);--ctj-muted:#626778;--ctj-surface:var(--public-program-surface);--ctj-surface-alt:var(--color-surface-alt);--ctj-hairline:var(--public-border-inner);--ctj-field:#737c91;--ctj-focus:var(--color-brand-blue-border);--ctj-yellow:var(--color-brand-yellow);--ctj-right-surface:#e8eff8;--ctj-wrong-surface:#fff4c8;--ctj-wrong-ink:#8a6a00;--ctj-face-body:"CoHeadlineLight", "Segoe UI", Tahoma, sans-serif;--ctj-face-title:"CoHeadline", "Segoe UI", Tahoma, sans-serif;--ctj-face-quran:CQAmiriQuran, "Times New Roman", serif;--ctj-rule-ghunnah:#007845;--ctj-rule-ikhfa:#7347af;--ctj-rule-idgham:#a03f3c;--ctj-rule-iqlab:#0068ad;--ctj-rule-izhar:#595549;--ctj-rule-madd:#a34d00;--ctj-rule-qalqalah:#00757c;--ctj-rule-tafkheem:#7d4778;--ctj-rule-none:#626778;background:var(--public-white)}.cosqool-tajweed [data-family=ghunnah]{--ctj-family:var(--ctj-rule-ghunnah)}.cosqool-tajweed [data-family=ikhfa]{--ctj-family:var(--ctj-rule-ikhfa)}.cosqool-tajweed [data-family=idgham]{--ctj-family:var(--ctj-rule-idgham)}.cosqool-tajweed [data-family=iqlab]{--ctj-family:var(--ctj-rule-iqlab)}.cosqool-tajweed [data-family=izhar]{--ctj-family:var(--ctj-rule-izhar)}.cosqool-tajweed [data-family=madd]{--ctj-family:var(--ctj-rule-madd)}.cosqool-tajweed [data-family=qalqalah]{--ctj-family:var(--ctj-rule-qalqalah)}.cosqool-tajweed [data-family=tafkheem]{--ctj-family:var(--ctj-rule-tafkheem)}.cosqool-tajweed [data-family=none]{--ctj-family:var(--ctj-rule-none)}.cosqool-tajweed .ctj-main{background:var(--public-white);padding-block:36px 64px}.cosqool-tajweed .ctj-inner{max-inline-size:1120px;margin-inline:auto;padding-inline:28px}.cosqool-tajweed .ctj-crumbs{color:var(--ctj-muted);flex-wrap:wrap;gap:8px;margin-block-end:18px;font-size:14px;line-height:1.7;display:flex}.cosqool-tajweed .ctj-crumbs a{color:var(--ctj-heading);text-underline-offset:3px;text-decoration:underline}.cosqool-tajweed .ctj-crumbs [aria-current=page]{color:var(--ctj-ink);font-weight:700}.cosqool-tajweed[dir=rtl] .ctj-crumbs [aria-current=page]{font-family:var(--ctj-face-title);font-weight:400}.cosqool-tajweed .ctj-notice{border-inline-start:3px solid var(--color-brand-lightblue);background:var(--ctj-surface-alt);color:var(--ctj-ink);margin:0 0 22px;padding:10px 14px;font-size:15px;line-height:1.6}.cosqool-tajweed .ctj-cta-band{background:var(--public-gradient-yellow);isolation:isolate;display:flow-root;position:relative;overflow:clip}.cosqool-tajweed .ctj{font-family:var(--ctj-face-body);font-synthesis:none;letter-spacing:0;color:var(--ctj-ink);text-align:start;font-size:17px;font-weight:300;line-height:1.9}.cosqool-tajweed .ctj :is(h1,h2,h3,h4,strong,b,em,button,summary,input,.ctj-primary,.ctj-quiet-link,.ctj-topline-index){font-family:var(--ctj-face-title);letter-spacing:0;font-weight:400}.cosqool-tajweed .ctj em{font-style:normal}.cosqool-tajweed .ctj :is(h1,h2,h3,h4){color:var(--ctj-heading);margin:0}.cosqool-tajweed .ctj h1{margin-block-end:12px;font-size:clamp(28px,4vw,40px);line-height:1.4}.cosqool-tajweed .ctj h1:focus,.cosqool-tajweed .ctj :is(h2,h3,.ctj-body):focus:not(:focus-visible){outline:none}.cosqool-tajweed .ctj p{margin:0}.cosqool-tajweed .ctj a{color:var(--ctj-heading)}.cosqool-tajweed .ctj :is(a,button,summary,input,[tabindex="0"]):focus-visible{outline:3px solid var(--ctj-focus);outline-offset:3px}.cosqool-tajweed .ctj code{background:var(--ctj-surface);direction:ltr;unicode-bidi:isolate;border-radius:4px;padding:0 4px;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.cosqool-tajweed .ctj bdi{unicode-bidi:isolate}.cosqool-tajweed .ctj .ctj-q{font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);font-size:1.12em;font-weight:400;line-height:1}.cosqool-tajweed .ctj .ctj-primary{border-radius:var(--public-pill-radius);background:var(--public-gradient-yellow-button);min-block-size:52px;color:var(--public-button-ink);text-align:center;justify-content:center;align-items:center;gap:8px;padding:6px 28px;font-size:18px;line-height:1.5;text-decoration:none;display:inline-flex}.cosqool-tajweed .ctj .ctj-primary:hover{background:var(--public-yellow)}.cosqool-tajweed .ctj .ctj-primary-title{font-family:var(--ctj-face-title)}.cosqool-tajweed .ctj .ctj-button{border:1px solid var(--ctj-heading);background:var(--public-white);min-block-size:44px;color:var(--ctj-heading);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:6px 18px;font-size:17px;line-height:1.4;display:inline-flex}.cosqool-tajweed .ctj .ctj-button:hover{background:var(--ctj-surface)}.cosqool-tajweed .ctj .ctj-button-quiet{border-color:var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-icon-button{min-block-size:44px;min-inline-size:44px;color:var(--ctj-heading);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;padding:0;display:inline-grid}.cosqool-tajweed .ctj .ctj-icon-button:hover{background:var(--ctj-surface)}.cosqool-tajweed .ctj .ctj-quiet-link{min-block-size:44px;color:var(--ctj-heading);text-underline-offset:5px;align-items:center;font-size:16px;text-decoration:underline;display:inline-flex}.cosqool-tajweed .ctj .ctj-text-button{min-block-size:44px;color:var(--ctj-heading);font-family:var(--ctj-face-title);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 2px;font-size:15px;text-decoration:underline;display:inline-flex}.cosqool-tajweed .ctj .ctj-meta,.cosqool-tajweed .ctj .ctj-storage{color:var(--ctj-muted);font-size:14px;line-height:1.7}.cosqool-tajweed .ctj .ctj-empty{border:1px solid var(--ctj-hairline);color:var(--ctj-muted);border-radius:14px;padding:18px 20px}.cosqool-tajweed .ctj .ctj-more{flex-wrap:wrap;gap:4px 24px;margin-block:28px;display:flex}.cosqool-tajweed .ctj .ctj-hero{margin-block-end:28px}.cosqool-tajweed .ctj .ctj-intro{max-inline-size:70ch;font-size:18px;line-height:1.9}.cosqool-tajweed .ctj .ctj-primary-row{margin-block-start:22px}.cosqool-tajweed .ctj .ctj-progress{gap:6px;max-inline-size:520px;margin-block-start:22px;display:grid}.cosqool-tajweed .ctj .ctj-progress-text{font-family:var(--ctj-face-title);color:var(--ctj-ink);font-size:16px}.cosqool-tajweed .ctj .ctj-bar{background:var(--ctj-surface);appearance:none;border:0;border-radius:999px;block-size:8px;inline-size:100%;display:block;overflow:hidden}.cosqool-tajweed .ctj .ctj-bar::-webkit-progress-bar{background:var(--ctj-surface);border-radius:999px}.cosqool-tajweed .ctj .ctj-bar::-webkit-progress-value{background:var(--ctj-yellow);border-radius:999px}.cosqool-tajweed .ctj .ctj-bar::-moz-progress-bar{background:var(--ctj-yellow);border-radius:999px}.cosqool-tajweed .ctj .ctj-progress .ctj-text-button{justify-self:start}.cosqool-tajweed .ctj .ctj-outline-block{background:var(--ctj-surface);border-radius:20px;padding:8px 18px}.cosqool-tajweed .ctj .ctj-finished{border:1px solid var(--ctj-hairline);border-inline-start:4px solid var(--ctj-yellow);border-radius:16px;gap:12px;max-inline-size:72ch;margin-block-start:22px;padding:20px 22px;display:grid}.cosqool-tajweed .ctj .ctj-finished h2{font-size:22px;line-height:1.6}.cosqool-tajweed .ctj .ctj-finished-verse{text-align:center;margin:0}.cosqool-tajweed .ctj .ctj-finished-verse figcaption{color:var(--ctj-muted);font-size:14px}.cosqool-tajweed .ctj .ctj-finished-links{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.cosqool-tajweed .ctj .ctj-unit+.ctj-unit{border-block-start:1px solid var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-unit>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-block-size:58px;padding:10px 2px;list-style:none;display:flex}.cosqool-tajweed .ctj .ctj-unit>summary::-webkit-details-marker{display:none}.cosqool-tajweed .ctj .ctj-unit-head{gap:2px;min-inline-size:0;display:grid}.cosqool-tajweed .ctj .ctj-unit-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);font-size:23px;font-weight:400;line-height:1.5}.cosqool-tajweed .ctj .ctj-unit-meta{color:var(--ctj-muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;line-height:1.6;display:inline-flex}.cosqool-tajweed .ctj .ctj-switch{background:var(--ctj-heading);border-radius:25px;flex:none;block-size:28px;inline-size:48px;position:relative}.cosqool-tajweed .ctj .ctj-switch:after{content:"";background:var(--public-white);border-radius:50%;block-size:20px;inline-size:20px;transition:transform .16s;position:absolute;inset-block-start:4px;inset-inline-end:4px}.cosqool-tajweed .ctj .ctj-unit[open] .ctj-switch:after{background:var(--ctj-yellow);transform:translate(20px)}.cosqool-tajweed .ctj .ctj-unit-body{padding:0 0 14px}.cosqool-tajweed .ctj .ctj-unit-description{max-inline-size:70ch;margin-block-end:8px;font-size:16px;line-height:1.8}.cosqool-tajweed .ctj .ctj-rows{margin:0;padding:0;list-style:none}.cosqool-tajweed .ctj .ctj-rows>li+li{border-block-start:1px solid color-mix(in srgb, var(--ctj-hairline) 55%, transparent)}.cosqool-tajweed .ctj .ctj-row{min-block-size:56px;color:var(--ctj-ink);border-inline-start:4px solid #0000;border-radius:4px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 10px;text-decoration:none;display:grid}.cosqool-tajweed .ctj .ctj-row:hover{background:var(--public-white)}.cosqool-tajweed .ctj .ctj-row:hover .ctj-row-title{text-underline-offset:4px;text-decoration:underline}.cosqool-tajweed .ctj .ctj-row[aria-current=page]{border-inline-start-color:var(--ctj-yellow);background:var(--public-white)}.cosqool-tajweed .ctj .ctj-row-number{border:1px solid var(--ctj-hairline);background:var(--public-white);block-size:30px;inline-size:30px;font-family:var(--ctj-face-title);color:var(--ctj-heading);font-variant-numeric:tabular-nums;unicode-bidi:isolate;border-radius:50%;place-items:center;font-size:14px;line-height:1;display:inline-grid}.cosqool-tajweed .ctj .ctj-row-main{min-inline-size:0;display:grid}.cosqool-tajweed .ctj .ctj-row-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);overflow-wrap:anywhere;font-size:17px;font-weight:400;line-height:1.6}.cosqool-tajweed .ctj .ctj-row-meta{color:var(--ctj-muted);font-size:13px;line-height:1.6}.cosqool-tajweed .ctj .ctj-row-state{color:var(--ctj-hairline);align-items:center;gap:4px;font-size:13px;display:inline-flex}.cosqool-tajweed .ctj .ctj-row[data-done=true] .ctj-row-state,.cosqool-tajweed .ctj .ctj-row-state-text{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-side .ctj-unit-title,.cosqool-tajweed .ctj .ctj-sheet .ctj-unit-title{font-size:16px;line-height:1.6}.cosqool-tajweed .ctj .ctj-side .ctj-unit>summary,.cosqool-tajweed .ctj .ctj-sheet .ctj-unit>summary{min-block-size:48px;padding-block:6px}.cosqool-tajweed .ctj .ctj-side .ctj-unit-description,.cosqool-tajweed .ctj .ctj-sheet .ctj-unit-description{display:none}.cosqool-tajweed .ctj .ctj-side .ctj-switch,.cosqool-tajweed .ctj .ctj-sheet .ctj-switch{block-size:24px;inline-size:40px}.cosqool-tajweed .ctj .ctj-side .ctj-switch:after,.cosqool-tajweed .ctj .ctj-sheet .ctj-switch:after{block-size:16px;inline-size:16px}.cosqool-tajweed .ctj .ctj-side .ctj-unit[open] .ctj-switch:after,.cosqool-tajweed .ctj .ctj-sheet .ctj-unit[open] .ctj-switch:after{transform:translate(16px)}.cosqool-tajweed .ctj .ctj-side .ctj-row,.cosqool-tajweed .ctj .ctj-sheet .ctj-row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px;min-block-size:48px;padding:6px 8px}.cosqool-tajweed .ctj .ctj-side .ctj-row-number,.cosqool-tajweed .ctj .ctj-sheet .ctj-row-number{block-size:26px;inline-size:26px;font-size:12px}.cosqool-tajweed .ctj .ctj-side .ctj-row-title,.cosqool-tajweed .ctj .ctj-sheet .ctj-row-title{font-size:15px}.cosqool-tajweed .ctj .ctj-side .ctj-row-state-text,.cosqool-tajweed .ctj .ctj-sheet .ctj-row-state-text{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.cosqool-tajweed .ctj .ctj-side .ctj-row[aria-current=page],.cosqool-tajweed .ctj .ctj-sheet .ctj-row[aria-current=page]{background:var(--ctj-surface)}.cosqool-tajweed .ctj .ctj-lesson{display:block}.cosqool-tajweed .ctj .ctj-article{min-inline-size:0;max-inline-size:72ch}.cosqool-tajweed .ctj .ctj-side{display:none}.cosqool-tajweed .ctj .ctj-topline{color:var(--ctj-muted);flex-wrap:wrap;align-items:center;column-gap:8px;margin-block-end:6px;font-size:14px;line-height:1.7;display:flex}.cosqool-tajweed .ctj .ctj-topline-unit{font-family:var(--ctj-face-title);color:var(--ctj-ink)}.cosqool-tajweed .ctj .ctj-dot{color:var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-topline-index{min-block-size:44px;color:var(--ctj-heading);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 2px;font-size:14px;text-decoration:underline;display:inline-flex}.cosqool-tajweed .ctj .ctj-body{display:flow-root}.cosqool-tajweed .ctj .ctj-body>*+*{margin-block-start:18px}.cosqool-tajweed .ctj .ctj-body .ctj-h2,.cosqool-tajweed .ctj .ctj-section>h2{margin-block-start:36px;font-size:22px;line-height:1.6}.cosqool-tajweed .ctj .ctj-body .ctj-h3,.cosqool-tajweed .ctj .ctj-cheatsheet .ctj-h3{margin-block-start:26px;font-size:19px;line-height:1.6}.cosqool-tajweed .ctj .ctj-h4{font-size:17px;line-height:1.6}.cosqool-tajweed .ctj .ctj-body>:first-child{margin-block-start:0}.cosqool-tajweed .ctj .ctj-lead{border-inline-start:4px solid var(--ctj-yellow);font-family:var(--ctj-face-title);color:var(--ctj-quran-ink);padding-inline-start:16px;font-size:19px;font-weight:400;line-height:1.85}.cosqool-tajweed .ctj .ctj-list{padding-inline-start:1.4em}.cosqool-tajweed .ctj .ctj-list li+li{margin-block-start:6px}.cosqool-tajweed .ctj .ctj-list li::marker{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-blockquote{border-inline-start:3px solid var(--ctj-hairline);color:var(--ctj-quran-ink);margin:0;padding-inline-start:16px}.cosqool-tajweed .ctj .ctj-section{margin-block-start:40px}.cosqool-tajweed .ctj .ctj-section>h2{margin-block:0 10px}.cosqool-tajweed .ctj .ctj-section-intro{color:var(--ctj-ink);margin-block-end:18px}.cosqool-tajweed .ctj .ctj-callout{border:1px solid var(--ctj-hairline);border-inline-start:4px solid var(--ctj-heading);background:#f6f8fc;border-radius:12px;padding:14px 18px}.cosqool-tajweed .ctj .ctj-callout[data-kind=tip]{border-inline-start-color:var(--ctj-yellow);background:#fffbea}.cosqool-tajweed .ctj .ctj-callout[data-kind=note]{border-inline-start-color:var(--color-brand-lightblue);background:var(--ctj-surface-alt)}.cosqool-tajweed .ctj .ctj-callout[data-kind=warning]{border-inline-start-color:var(--ctj-wrong-ink);background:#fffaf0}.cosqool-tajweed .ctj .ctj-callout-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);align-items:center;gap:8px;margin-block-end:6px;font-size:17px;display:flex}.cosqool-tajweed .ctj .ctj-callout[data-kind=warning] .ctj-callout-title svg{color:var(--ctj-wrong-ink)}.cosqool-tajweed .ctj .ctj-callout-body>*+*{margin-block-start:10px}.cosqool-tajweed .ctj .ctj-callout:focus{outline:none}.cosqool-tajweed .ctj .ctj-table-wrap{border:1px solid var(--ctj-hairline);border-radius:12px;overflow-x:auto}.cosqool-tajweed .ctj .ctj-table{border-collapse:collapse;inline-size:100%;font-size:16px;line-height:1.75}.cosqool-tajweed .ctj .ctj-table :is(th,td){border-block-end:1px solid var(--ctj-hairline);text-align:start;vertical-align:top;padding:10px 12px}.cosqool-tajweed .ctj .ctj-table tr:last-child td{border-block-end:0}.cosqool-tajweed .ctj .ctj-table th{background:var(--ctj-surface);color:var(--ctj-heading);font-family:var(--ctj-face-title);font-weight:400}.cosqool-tajweed .ctj .ctj-ayah{border:1px solid var(--ctj-hairline);background:var(--public-white);border-radius:16px;margin:0}.cosqool-tajweed .ctj .ctj-ayah[data-playing=true]{border-color:var(--ctj-heading);box-shadow:inset -4px 0 0 var(--ctj-yellow)}.cosqool-tajweed .ctj .ctj-ayah-head{border-block-end:1px solid var(--ctj-hairline);background:var(--ctj-surface-alt);border-radius:16px 16px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:6px 14px;display:flex}.cosqool-tajweed .ctj .ctj-ayah-caption{font-family:var(--ctj-face-title);color:var(--ctj-ink);font-size:15px;line-height:1.7}.cosqool-tajweed .ctj .ctj-ayah-partial{font-family:var(--ctj-face-body);color:var(--ctj-muted)}.cosqool-tajweed .ctj .ctj-verse{font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);text-align:center;overflow-wrap:break-word;padding:14px 20px 18px;font-size:28px;font-weight:400;line-height:2.25}.cosqool-tajweed .ctj .ctj-ellipsis{color:var(--ctj-muted)}.cosqool-tajweed .ctj .ctj-ayah-foot{border-block-start:1px solid var(--ctj-hairline);gap:8px;padding:10px 14px 12px;display:grid}.cosqool-tajweed .ctj .ctj-ayah-note{font-size:15px;line-height:1.8}.cosqool-tajweed .ctj .ctj-mark{color:inherit;background:color-mix(in srgb, var(--ctj-family,var(--ctj-rule-none)) 16%, transparent);text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-color:var(--ctj-family,var(--ctj-rule-none));text-decoration-color:var(--ctj-family,var(--ctj-rule-none));text-underline-offset:.72em;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;border-radius:4px;text-decoration-thickness:2px}.cosqool-tajweed .ctj .ctj-mark[data-family=none]{background:0 0}.cosqool-tajweed .ctj .ctj-chips{flex-wrap:wrap;gap:8px;display:flex}.cosqool-tajweed .ctj .ctj-chip{border:1px solid var(--ctj-family,var(--ctj-rule-none));background:color-mix(in srgb, var(--ctj-family,var(--ctj-rule-none)) 12%, #fff);min-block-size:36px;font-family:var(--ctj-face-title);color:var(--ctj-quran-ink);border-radius:999px;align-items:center;gap:6px;padding:2px 12px;font-size:14px;line-height:1.5;display:inline-flex}.cosqool-tajweed .ctj .ctj-chip a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--ctj-family,var(--ctj-rule-none));text-decoration-color:var(--ctj-family,var(--ctj-rule-none));text-underline-offset:4px}.cosqool-tajweed .ctj .ctj-chip-dot{background:var(--ctj-family,var(--ctj-rule-none));border-radius:50%;flex:none;block-size:10px;inline-size:10px}.cosqool-tajweed .ctj .ctj-audio{unicode-bidi:isolate;flex-wrap:wrap;align-items:center;gap:6px 10px;display:inline-flex}.cosqool-tajweed .ctj .ctj-audio-button{border:1px solid var(--ctj-heading);background:var(--public-white);min-block-size:44px;color:var(--ctj-heading);font-family:var(--ctj-face-title);cursor:pointer;border-radius:11px;align-items:center;gap:6px;padding:4px 14px;font-size:15px;line-height:1.3;display:inline-flex}.cosqool-tajweed .ctj .ctj-audio-button:hover{background:var(--ctj-surface)}.cosqool-tajweed .ctj .ctj-audio[data-status=playing] .ctj-audio-button{background:var(--ctj-heading);color:var(--public-white)}.cosqool-tajweed .ctj .ctj-audio-error{color:var(--ctj-wrong-ink);font-size:14px;font-family:var(--ctj-face-title)}.cosqool-tajweed .ctj .ctj-spin{animation:1s linear infinite ctj-spin}@keyframes ctj-spin{to{transform:rotate(360deg)}}.cosqool-tajweed .ctj .ctj-examples-block{gap:10px;display:grid}.cosqool-tajweed .ctj .ctj-examples{grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.cosqool-tajweed .ctj .ctj-example{border:1px solid var(--ctj-hairline);text-align:center;border-radius:12px;align-content:start;justify-items:center;gap:2px;padding:10px 10px 12px;display:grid}.cosqool-tajweed .ctj .ctj-example-word{font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);font-size:22px;font-weight:400;line-height:2.1}.cosqool-tajweed .ctj .ctj-example-note{font-family:var(--ctj-face-title);font-size:15px;line-height:1.6}.cosqool-tajweed .ctj .ctj-example-ref{color:var(--ctj-muted);font-size:13px;line-height:1.6}.cosqool-tajweed .ctj .ctj-example .ctj-chip{min-block-size:32px;font-size:13px}.cosqool-tajweed .ctj .ctj-card{border:1px solid var(--ctj-hairline);border-radius:14px;padding:16px 18px}.cosqool-tajweed .ctj .ctj-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px;display:flex}.cosqool-tajweed .ctj .ctj-card-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);font-size:18px}.cosqool-tajweed .ctj .ctj-count{background:var(--ctj-surface);color:var(--ctj-ink);border-radius:999px;padding:0 10px;font-size:14px}.cosqool-tajweed .ctj .ctj-letter-list{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.cosqool-tajweed .ctj .ctj-letter{border:1px solid var(--ctj-family,var(--ctj-hairline));background:color-mix(in srgb, var(--ctj-family,var(--ctj-rule-none)) 10%, #fff);block-size:56px;inline-size:56px;font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);border-radius:12px;justify-content:center;align-items:center;padding-block-end:.9em;font-size:26px;font-weight:400;line-height:1;display:flex}.cosqool-tajweed .ctj .ctj-letters[data-family=none] .ctj-letter{border-color:var(--ctj-hairline);background:var(--ctj-surface-alt)}.cosqool-tajweed .ctj .ctj-mnemonic{text-align:center;background:#fffbea;border-radius:12px;gap:2px;margin-block-start:12px;padding:10px 14px;display:grid}.cosqool-tajweed .ctj .ctj-mnemonic-label{font-family:var(--ctj-face-title);color:var(--ctj-ink);font-size:14px}.cosqool-tajweed .ctj .ctj-mnemonic-text{font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);font-size:21px;font-weight:400;line-height:2.1}.cosqool-tajweed .ctj .ctj-card-foot{gap:8px;margin-block-start:12px;display:grid}.cosqool-tajweed .ctj .ctj-card-note{font-size:15px;line-height:1.8}.cosqool-tajweed .ctj .ctj-mistake{padding:0}.cosqool-tajweed .ctj .ctj-mistake-grid{grid-template-columns:1fr 1fr;display:grid}.cosqool-tajweed .ctj .ctj-mistake-side{padding:14px 18px}.cosqool-tajweed .ctj .ctj-mistake-side+.ctj-mistake-side{border-inline-start:1px solid var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-mistake-label{font-family:var(--ctj-face-title);align-items:center;gap:6px;margin-block-end:4px;font-size:16px;display:flex}.cosqool-tajweed .ctj .ctj-mistake-side[data-side=wrong] .ctj-mistake-label{color:var(--ctj-wrong-ink)}.cosqool-tajweed .ctj .ctj-mistake-side[data-side=right] .ctj-mistake-label{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-mistake-why{border-block-start:1px solid var(--ctj-hairline);background:var(--ctj-surface-alt);border-radius:0 0 14px 14px;padding:10px 18px 12px;font-size:15px;line-height:1.8}.cosqool-tajweed .ctj .ctj-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cosqool-tajweed .ctj .ctj-compare[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.cosqool-tajweed .ctj .ctj-compare[data-columns="1"]{grid-template-columns:minmax(0,1fr)}.cosqool-tajweed .ctj .ctj-compare-column{border-block-start:4px solid var(--ctj-family,var(--ctj-hairline));align-content:start;gap:10px;display:grid}.cosqool-tajweed .ctj .ctj-compare-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);font-size:18px}.cosqool-tajweed .ctj .ctj-points{margin:0;padding-inline-start:1.2em;font-size:16px;line-height:1.8}.cosqool-tajweed .ctj .ctj-points li+li{margin-block-start:4px}.cosqool-tajweed .ctj .ctj-questions{gap:18px;margin:0;padding:0;list-style:none;display:grid}.cosqool-tajweed .ctj .ctj-question{border:1px solid var(--ctj-hairline);border-radius:16px;padding:16px 18px 18px}.cosqool-tajweed .ctj .ctj-question-number{color:var(--ctj-muted);font-size:13px;line-height:1.6}.cosqool-tajweed .ctj .ctj-question-text{font-family:var(--ctj-face-title);color:var(--ctj-quran-ink);margin-block:4px 12px;font-size:18px;line-height:1.8}.cosqool-tajweed .ctj .ctj-question-phrase{background:var(--ctj-surface-alt);text-align:center;border-radius:12px;justify-items:center;gap:0;margin-block-end:12px;padding:8px 12px;display:grid}.cosqool-tajweed .ctj .ctj-q-verse{font-family:var(--ctj-face-quran);color:var(--ctj-quran-ink);font-size:24px;font-weight:400;line-height:2.1}.cosqool-tajweed .ctj .ctj-question-ref{color:var(--ctj-muted);font-size:13px}.cosqool-tajweed .ctj .ctj-options{gap:10px;display:grid}.cosqool-tajweed .ctj .ctj-option{border:2px solid var(--ctj-surface);background:var(--public-white);min-block-size:52px;inline-size:100%;color:var(--ctj-ink);text-align:start;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px 14px;font-size:17px;line-height:1.6;transition:border-color .15s,background-color .15s;display:flex}.cosqool-tajweed .ctj .ctj-option:not([aria-disabled=true]):hover{border-color:var(--color-brand-lightblue);background:var(--ctj-surface-alt)}.cosqool-tajweed .ctj .ctj-option[aria-disabled=true]{cursor:default}.cosqool-tajweed .ctj .ctj-option-label{border:2px solid var(--color-brand-lightblue);block-size:32px;inline-size:32px;font-family:var(--ctj-face-title);color:var(--ctj-heading);border-radius:50%;flex:none;place-items:center;font-size:15px;line-height:1;display:inline-grid}.cosqool-tajweed .ctj .ctj-option-text{flex:1;min-inline-size:0}.cosqool-tajweed .ctj .ctj-option-icon{flex:none}.cosqool-tajweed .ctj .ctj-option[data-result=right]{border-color:var(--ctj-heading);background:var(--ctj-right-surface)}.cosqool-tajweed .ctj .ctj-option[data-result=right] .ctj-option-label{border-color:var(--ctj-heading);background:var(--ctj-heading);color:var(--public-white)}.cosqool-tajweed .ctj .ctj-option[data-result=right] .ctj-option-icon{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-option[data-result=wrong]{border-color:var(--ctj-wrong-ink);background:var(--ctj-wrong-surface)}.cosqool-tajweed .ctj .ctj-option[data-result=wrong] .ctj-option-label{border-color:var(--ctj-wrong-ink);color:var(--ctj-wrong-ink)}.cosqool-tajweed .ctj .ctj-option[data-result=wrong] .ctj-option-icon{color:var(--ctj-wrong-ink)}.cosqool-tajweed .ctj .ctj-option[data-result=other]{color:var(--ctj-muted)}.cosqool-tajweed .ctj .ctj-feedback{border-radius:12px;gap:6px;margin-block-start:12px;padding:12px 14px;display:grid}.cosqool-tajweed .ctj .ctj-feedback[data-result=right]{background:var(--ctj-right-surface)}.cosqool-tajweed .ctj .ctj-feedback[data-result=wrong]{background:var(--ctj-wrong-surface)}.cosqool-tajweed .ctj .ctj-feedback-verdict{font-family:var(--ctj-face-title);color:var(--ctj-quran-ink);flex-wrap:wrap;align-items:center;gap:6px;font-size:17px;display:flex}.cosqool-tajweed .ctj .ctj-feedback[data-result=right] .ctj-feedback-verdict svg{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-feedback[data-result=wrong] .ctj-feedback-verdict svg{color:var(--ctj-wrong-ink)}.cosqool-tajweed .ctj .ctj-feedback-why{font-size:16px;line-height:1.85}.cosqool-tajweed .ctj .ctj-feedback-link{min-block-size:44px;font-family:var(--ctj-face-title);text-underline-offset:4px;justify-self:start;align-items:center;text-decoration:underline;display:inline-flex}.cosqool-tajweed .ctj .ctj-verdict{border-block-start:1px solid var(--ctj-hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-start:18px;padding-block-start:16px;display:flex}.cosqool-tajweed .ctj .ctj-verdict p{font-family:var(--ctj-face-title);color:var(--ctj-quran-ink)}.cosqool-tajweed .ctj .ctj-round-actions{margin-block-start:18px}.cosqool-tajweed .ctj .ctj-video{border:1px solid var(--ctj-hairline);border-radius:16px;margin:0}.cosqool-tajweed .ctj .ctj-video+.ctj-video{margin-block-start:14px}.cosqool-tajweed .ctj .ctj-video-frame{aspect-ratio:16/9;background:var(--ctj-quran-ink);border-radius:16px 16px 0 0;overflow:hidden}.cosqool-tajweed .ctj .ctj-video-frame iframe{border:0;block-size:100%;inline-size:100%;display:block}.cosqool-tajweed .ctj .ctj-video-body{gap:4px;padding:14px 16px 16px;display:grid}.cosqool-tajweed .ctj .ctj-video-title{font-family:var(--ctj-face-title);color:var(--ctj-heading);font-size:17px;line-height:1.7}.cosqool-tajweed .ctj .ctj-video-teacher{color:var(--ctj-muted);font-size:14px}.cosqool-tajweed .ctj .ctj-video-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-block-start:8px;display:flex}.cosqool-tajweed .ctj .ctj-video-note{color:var(--ctj-ink);font-size:14px}.cosqool-tajweed .ctj .ctj-resources{margin:0;padding:0;list-style:none}.cosqool-tajweed .ctj .ctj-resources li{gap:0;padding-block:8px;display:grid}.cosqool-tajweed .ctj .ctj-resources li+li{border-block-start:1px solid var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-resource-link{font-family:var(--ctj-face-title);text-underline-offset:4px;text-decoration:underline}.cosqool-tajweed .ctj .ctj-resource-note{color:var(--ctj-muted);font-size:14px;line-height:1.7}.cosqool-tajweed .ctj .ctj-completion{background:var(--ctj-surface);border-radius:14px;margin-block:40px 18px;padding:14px 18px}.cosqool-tajweed .ctj .ctj-completion:empty{display:none}.cosqool-tajweed .ctj .ctj-completion-line{font-family:var(--ctj-face-title);color:var(--ctj-quran-ink);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cosqool-tajweed .ctj .ctj-completion-line svg{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-completion-pending{font-family:var(--ctj-face-body);color:var(--ctj-ink)}.cosqool-tajweed .ctj .ctj-completion-next{margin-block-start:12px}.cosqool-tajweed .ctj .ctj-pager{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:18px;display:grid}.cosqool-tajweed .ctj .ctj-pager-link{border:1px solid var(--ctj-hairline);min-block-size:64px;color:var(--ctj-heading);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:flex}.cosqool-tajweed .ctj .ctj-pager-link:hover{border-color:var(--ctj-heading);background:var(--ctj-surface-alt)}.cosqool-tajweed .ctj .ctj-pager-link>span{min-inline-size:0;display:grid}.cosqool-tajweed .ctj .ctj-pager-next{text-align:end;grid-column:2;justify-content:flex-end}.cosqool-tajweed .ctj .ctj-pager-label{color:var(--ctj-muted);font-size:13px}.cosqool-tajweed .ctj .ctj-pager-title{font-family:var(--ctj-face-title);overflow-wrap:anywhere;font-size:16px;line-height:1.6}.cosqool-tajweed .ctj .ctj-pager svg{flex:none}.cosqool-tajweed .ctj .ctj-back{margin-block-start:12px}.cosqool-tajweed .ctj .ctj-cheatsheet>*+*{margin-block-start:16px}.cosqool-tajweed .ctj .ctj-cheatsheet>h2+*{margin-block-start:10px}.cosqool-tajweed .ctj .ctj-search{max-inline-size:480px;margin-block:8px 6px;position:relative}.cosqool-tajweed .ctj .ctj-search svg{color:var(--ctj-muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:16px;transform:translateY(-50%)}.cosqool-tajweed .ctj .ctj-search input{border:1px solid var(--ctj-field);background:var(--public-white);min-block-size:48px;inline-size:100%;color:var(--ctj-ink);border-radius:999px;padding:8px 16px;padding-inline-start:46px;font-size:16px}.cosqool-tajweed .ctj .ctj-search input::placeholder{color:var(--ctj-muted)}.cosqool-tajweed .ctj .ctj-glossary{margin:14px 0 0}.cosqool-tajweed .ctj .ctj-term{padding-block:12px}.cosqool-tajweed .ctj .ctj-term+.ctj-term{border-block-start:1px solid var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-term dt{font-family:var(--ctj-face-title);color:var(--ctj-heading);font-size:18px;line-height:1.7}.cosqool-tajweed .ctj .ctj-term dd{margin:2px 0 0;font-size:16px;line-height:1.85}.cosqool-tajweed .ctj .ctj-term-link{min-block-size:44px;font-family:var(--ctj-face-title);text-underline-offset:4px;align-items:center;font-size:15px;text-decoration:underline;display:inline-flex}.cosqool-tajweed .ctj .ctj-credits{border-block-start:1px solid var(--ctj-hairline);gap:12px;margin-block-start:48px;padding-block-start:22px;font-size:15px;line-height:1.85;display:grid}.cosqool-tajweed .ctj .ctj-credits h2{font-size:20px;line-height:1.6}.cosqool-tajweed .ctj .ctj-credit-list{gap:6px;margin:0;padding-inline-start:1.2em;display:grid}.cosqool-tajweed .ctj .ctj-credit-list strong{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-credit-riwayah{gap:10px;display:grid}.cosqool-tajweed .ctj .ctj-credit-teacher{font-family:var(--ctj-face-title);color:var(--ctj-quran-ink)}.cosqool-tajweed .ctj .ctj-notice-details>summary{color:var(--ctj-heading);cursor:pointer;text-underline-offset:4px;padding-block:9px;text-decoration:underline}.cosqool-tajweed .ctj .ctj-notice-details>summary::marker{color:var(--ctj-heading)}.cosqool-tajweed .ctj .ctj-notice-text{border:1px solid var(--ctj-hairline);background:var(--ctj-surface-alt);white-space:pre-wrap;text-align:left;max-inline-size:100%;color:var(--ctj-ink);border-radius:10px;margin:6px 0 0;padding:12px 14px;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.5;overflow-x:auto}.cosqool-tajweed .ctj :is(.ctj-dialog,.ctj-sheet){background:var(--public-white);color:var(--ctj-ink);border:0;padding:0}.cosqool-tajweed .ctj :is(.ctj-dialog,.ctj-sheet)::backdrop{background:#28305473}.cosqool-tajweed .ctj .ctj-dialog{border-radius:20px;inline-size:min(520px,100% - 32px)}.cosqool-tajweed .ctj .ctj-dialog-panel{gap:12px;padding:22px 24px 20px;display:grid}.cosqool-tajweed .ctj .ctj-dialog-title{font-size:22px;line-height:1.5}.cosqool-tajweed .ctj .ctj-dialog-body{font-size:16px;line-height:1.85}.cosqool-tajweed .ctj .ctj-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-block-start:4px;display:flex}.cosqool-tajweed .ctj .ctj-sheet{border-radius:20px 20px 0 0;max-block-size:85dvh;inline-size:100%;max-inline-size:640px;margin:0 auto;position:fixed;inset:auto 0 0}.cosqool-tajweed .ctj .ctj-sheet[open]{display:flex}.cosqool-tajweed .ctj .ctj-sheet-panel{flex-direction:column;max-block-size:85dvh;inline-size:100%;display:flex}.cosqool-tajweed .ctj .ctj-sheet-head{border-block-end:1px solid var(--ctj-hairline);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px 8px 18px;display:flex}.cosqool-tajweed .ctj .ctj-sheet-title{font-size:19px;line-height:1.6}.cosqool-tajweed .ctj .ctj-sheet-body{overscroll-behavior:contain;padding:4px 16px 20px;overflow-y:auto}:is(html:has(.cosqool-tajweed dialog[open]),body:has(.cosqool-tajweed dialog[open])){overflow:hidden}@media (width>=700px){.cosqool-tajweed .ctj .ctj-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.cosqool-tajweed .ctj .ctj-lesson{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:48px;display:grid}.cosqool-tajweed .ctj .ctj-side{display:block;position:sticky;inset-block-start:24px}.cosqool-tajweed .ctj .ctj-side-inner{overscroll-behavior:contain;max-block-size:calc(100dvh - 48px);padding-inline-end:4px;overflow-y:auto}.cosqool-tajweed .ctj .ctj-side-title{font-family:var(--ctj-face-title);color:var(--ctj-ink);margin-block-end:4px;font-size:16px}}@media (width<=768px){.cosqool-tajweed .ctj-main{padding-block:calc(var(--public-header-mobile-height) + 24px) 48px}.cosqool-tajweed .ctj-inner{padding-inline:18px}.cosqool-tajweed .ctj-crumbs{margin-block-end:14px;font-size:13px}.cosqool-tajweed .ctj{font-size:16px;line-height:1.85}.cosqool-tajweed .ctj .ctj-intro{font-size:17px}.cosqool-tajweed .ctj .ctj-unit-title{font-size:21px}.cosqool-tajweed .ctj .ctj-body .ctj-h2,.cosqool-tajweed .ctj .ctj-section>h2{font-size:20px}.cosqool-tajweed .ctj .ctj-lead{font-size:18px}.cosqool-tajweed .ctj .ctj-verse{padding-inline:12px;font-size:24px}.cosqool-tajweed .ctj .ctj-example-word{font-size:20px}.cosqool-tajweed .ctj .ctj-outline-block{padding:4px 12px}.cosqool-tajweed .ctj .ctj-mistake-grid,.cosqool-tajweed .ctj .ctj-compare,.cosqool-tajweed .ctj .ctj-compare[data-columns="3"]{grid-template-columns:minmax(0,1fr)}.cosqool-tajweed .ctj .ctj-mistake-side+.ctj-mistake-side{border-inline-start:0;border-block-start:1px solid var(--ctj-hairline)}.cosqool-tajweed .ctj .ctj-pager{grid-template-columns:minmax(0,1fr)}.cosqool-tajweed .ctj .ctj-pager-next{grid-column:auto}.cosqool-tajweed .ctj .ctj-question{padding:14px 14px 16px}}@media (prefers-reduced-motion:reduce){.cosqool-tajweed .ctj .ctj-switch:after,.cosqool-tajweed .ctj .ctj-option{transition:none}.cosqool-tajweed .ctj .ctj-spin{animation:none}}