.quran-tajwid-text{font:inherit;line-height:inherit}.tajwid-rule{text-underline-offset:.16em;text-decoration-line:underline;text-decoration-thickness:.12em;-webkit-text-decoration-color:var(--tajwid-accent);text-decoration-color:var(--tajwid-accent);background:color-mix(in srgb,var(--tajwid-accent) 10%,transparent);border-radius:.18em;padding-inline:.02em}.tajwid-rule--overlap{box-shadow:inset 0 -.12em 0 color-mix(in srgb,var(--tajwid-accent) 24%,transparent)}.quran-tajwid-legend{border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:.85rem;margin:.75rem 0 1rem;padding:.65rem .8rem}.quran-tajwid-legend summary{cursor:pointer;font-weight:800}.quran-tajwid-legend>div{flex-wrap:wrap;gap:.45rem;margin-top:.65rem;display:flex}.tajwid-legend-chip{border:1px solid color-mix(in srgb,var(--tajwid-accent) 50%,transparent);background:color-mix(in srgb,var(--tajwid-accent) 10%,transparent);border-radius:999px;align-items:center;padding:.28rem .55rem;font-size:.78rem;display:inline-flex}.tajwid-rule--ghunnah{--tajwid-accent:#b83280}.tajwid-rule--qalqalah{--tajwid-accent:#c2410c}.tajwid-rule--izhar{--tajwid-accent:#2563eb}.tajwid-rule--izhar-mutlaq{--tajwid-accent:#1d4ed8}.tajwid-rule--idgham-ghunnah{--tajwid-accent:#7c3aed}.tajwid-rule--idgham-no-ghunnah{--tajwid-accent:#6d28d9}.tajwid-rule--iqlab{--tajwid-accent:#dc2626}.tajwid-rule--ikhfa{--tajwid-accent:#0f766e}.tajwid-rule--ikhfa-shafawi{--tajwid-accent:#0d9488}.tajwid-rule--idgham-shafawi{--tajwid-accent:#0891b2}.tajwid-rule--izhar-shafawi{--tajwid-accent:#0369a1}.tajwid-rule--lam-shamsiyyah{--tajwid-accent:#ca8a04}.tajwid-rule--lam-qamariyyah{--tajwid-accent:#65a30d}.tajwid-rule--hamzat-wasl{--tajwid-accent:#9333ea}
.tajwid-workspace{gap:1.25rem;display:grid}.tajwid-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.tajwid-header h1{margin:.15rem 0 .35rem;font-size:clamp(1.75rem,4vw,2.7rem)}.tajwid-header p{max-width:62rem;margin:.15rem 0}.tajwid-kicker{text-transform:uppercase;letter-spacing:.14em;opacity:.72;font-size:.75rem;font-weight:800}.tajwid-count{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:999px;place-items:center;min-width:3rem;min-height:3rem;font-weight:800;display:grid}.tajwid-status{text-align:center;border:1px dashed color-mix(in srgb,currentColor 24%,transparent);border-radius:1rem;place-items:center;min-height:132px;padding:1rem;display:grid}.tajwid-learning-grid{grid-template-columns:minmax(14rem,20rem) 1fr;gap:1rem;display:grid}.tajwid-lesson-list{align-content:start;gap:.5rem;max-height:70vh;padding:.2rem;display:grid;overflow:auto}.tajwid-lesson-list button,.tajwid-quiz button{border:1px solid color-mix(in srgb,currentColor 18%,transparent);background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);color:inherit;cursor:pointer;border-radius:.85rem;padding:.7rem .9rem}.tajwid-lesson-list button{text-align:start;grid-template-columns:2rem 1fr;align-items:center;gap:.55rem;display:grid}.tajwid-lesson-list button span{font-variant-numeric:tabular-nums;opacity:.66}.tajwid-lesson-list button[aria-current=page],.tajwid-quiz button[aria-pressed=true]{outline-offset:1px;outline:2px solid}.tajwid-lesson-card{border:1px solid color-mix(in srgb,currentColor 15%,transparent);background:color-mix(in srgb,var(--surface,#fff) 97%,transparent);border-radius:1rem;padding:clamp(1rem,3vw,1.5rem)}.tajwid-lesson-card h2{margin:.2rem 0}.tajwid-subtitle{opacity:.76;font-weight:700}.tajwid-lesson-number{opacity:.62;font-size:.8rem}.tajwid-key{background:color-mix(in srgb,currentColor 6%,transparent);border-inline-start:4px solid;border-radius:.6rem;padding:.85rem 1rem}.tajwid-key p{margin:.35rem 0 0}.tajwid-quiz{border-top:1px solid color-mix(in srgb,currentColor 14%,transparent);margin-top:1rem;padding-top:1rem}.tajwid-quiz div{gap:.5rem;display:grid}.tajwid-quiz button{text-align:start}.tajwid-source{opacity:.78;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);margin-top:1rem;padding-top:.8rem;font-size:.82rem}.tajwid-source p{margin:.25rem 0}@media (max-width:800px){.tajwid-learning-grid{grid-template-columns:1fr}.tajwid-lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.tajwid-lesson-list button{grid-template-columns:1.4rem 1fr;padding:.6rem;font-size:.86rem}}