body[data-page=prayer] main{max-width:900px}.entry-choices #choose-prayer{grid-column:1/-1;grid-template-columns:1fr auto;gap:12px 28px}.entry-choices #choose-prayer span,.entry-choices #choose-prayer strong,.entry-choices #choose-prayer p{grid-column:1}.entry-choices #choose-prayer b{grid-column:2;grid-row:1/4;align-self:center}.prayer-heading{padding:32px 0 22px}.prayer-heading h1{font:400 clamp(34px,6vw,48px)/1.2 Georgia,serif;margin:18px 0}.prayer-heading>p:last-child{color:#b1c4b8;line-height:1.7}.prayer-levels{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:22px 0}.prayer-levels span{border:1px solid #40594a;border-radius:30px;padding:8px 14px}.prayer-levels span:first-child{background:#bad0a1;color:#12221b}.prayer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 28px}.prayer-nav button{background:#182722;border:1px solid #41554a;border-radius:10px;padding:14px 10px;color:#c7d4ca;min-height:62px;font-size:14px}.prayer-nav button[aria-pressed=true]{border-color:#bad0a1;background:#294235;color:#eef4e8}.prayer-panel{line-height:1.8}.prayer-panel h2{font:400 30px/1.3 Georgia,serif;margin:0 0 18px}.prayer-panel h3{font-size:19px;color:#d4dfc1}.prayer-panel p{margin:14px 0}.prayer-note{padding:16px 20px;border-left:3px solid #bad0a1;background:#182722;color:#bfcfc3;font-size:14px;border-radius:0 10px 10px 0}.prayer-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.prayer-card{padding:22px;background:#182722;border:1px solid #344b3d;border-radius:16px;min-width:0}.prayer-card h3{margin-top:0}.prayer-table-wrap{overflow:auto}.prayer-table{border-collapse:collapse;width:100%;font-size:14px;min-width:510px}.prayer-table th,.prayer-table td{padding:14px 10px;text-align:left;border-bottom:1px solid #344b3d;vertical-align:top}.prayer-table th{color:#bad0a1}.prayer-table td:first-child{font-weight:700}.prayer-panel details{border-top:1px solid #344b3d;padding:16px 0}.prayer-panel summary{color:#d4dfc1}.prayer-panel button,.prayer-panel select{background:#21362d;color:#edf3e9;border:1px solid #526d59;border-radius:9px;min-height:44px;padding:10px 16px}.prayer-panel button:disabled{cursor:default}.prayer-panel .primary{background:#bad0a1;color:#13231e}.prayer-step{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start;background:#182722;border:1px solid #344b3d;border-radius:18px;padding:24px;margin:22px 0}.prayer-art{width:100%;max-width:300px;height:auto}.prayer-step figure{margin:0;position:sticky;top:20px}.prayer-step figcaption{font-size:12px;color:#b1c4b8;text-align:center}.prayer-step h3{font:26px/1.3 Georgia,serif;margin:6px 0 16px}.prayer-step-number{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#bad0a1}.prayer-pager{display:flex;justify-content:space-between;gap:12px;margin:20px 0}.prayer-word{padding:16px 0;border-top:1px solid #344b3d}.prayer-word .arabic,.prayer-fatiha .arabic{font-size:27px;margin:10px 0;text-align:right}.prayer-phonetic{color:#d4dfc1;font-size:18px;line-height:1.8;overflow-wrap:anywhere}.prayer-meaning{color:#b1c4b8;font-size:14px}.prayer-fatiha{margin:18px 0}.prayer-fatiha.is-playing{border-color:#bad0a1;box-shadow:inset 3px 0 #bad0a1}.prayer-fatiha h3{font-size:13px;letter-spacing:1px}.prayer-audio-status{font-size:14px;color:#bad0a1}.prayer-sources{margin:32px 0;font-size:13px;color:#b1c4b8;line-height:1.9}.prayer-sources li{margin-bottom:8px}.prayer-voice{display:inline-block;margin:10px 0;padding:4px 12px;border-radius:20px;background:#294235;color:#d4dfc1;font-size:13px}.prayer-selector{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.prayer-next-lesson{margin:24px 0}.prayer-panel:focus{outline:none}@media(max-width:600px){.entry-choices #choose-prayer{display:grid;grid-template-columns:1fr}.entry-choices #choose-prayer b{grid-column:1;grid-row:auto}.prayer-nav{grid-template-columns:1fr 1fr}.prayer-cards{grid-template-columns:1fr}.prayer-step{grid-template-columns:1fr;padding:20px;gap:16px}.prayer-step figure{position:static;max-width:190px;margin:auto}.prayer-step h3{font-size:24px}.prayer-pager button{font-size:14px;padding:10px}.prayer-card{padding:20px}.prayer-word .arabic,.prayer-fatiha .arabic{font-size:25px}.prayer-phonetic{font-size:17px}}
.wudu-count{display:inline-block;margin-left:8px;padding:5px 13px;border-radius:9px;background:#bad0a1;color:#13231e;font:700 20px/1.4 'DM Sans',sans-serif;vertical-align:middle}.sound-long{color:#f3d18a}.sound-ha{color:#88d8e4}.sound-ayn{color:#e4b5ee}.sound-ghayn{color:#f4b394}.sound-kha{color:#a8cbff}.sound-heavy{color:#c5d990}.sound-dh{color:#f5b6c7}.sound-qaf{color:#98e0c5}.prayer-phonetic span{font-weight:700;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:5px;text-decoration-thickness:1px}.sound-list{list-style:none;padding:0;margin:20px 0}.sound-list li{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;padding:20px 0;border-top:1px solid #344b3d}.sound-key{font-size:23px;font-weight:700;line-height:1.8}.sound-list p{margin:7px 0 14px}.vocal-diagram{display:block;width:100%;max-width:420px;height:auto}.phonetic-guide{font-size:15px}.prayer-word.is-playing{padding-left:12px;border-radius:8px}@media(max-width:600px){.sound-list li{grid-template-columns:1fr;gap:8px}.sound-key{font-size:21px}.wudu-count{margin:8px 0 0;display:table}.vocal-diagram{min-width:0}}

.learning-audio{display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 14px}.learning-audio-status{font-size:13px;color:#bad0a1}.sound-audios{display:flex;flex-wrap:wrap;gap:8px}.sound-audios button{min-width:64px}
.prayer-levels button{border:1px solid #526d59;border-radius:30px;padding:12px 18px;background:#182722;color:#d4dfc1;min-height:46px;font:inherit;cursor:pointer}.prayer-levels button[aria-pressed=true]{background:#bad0a1;color:#13231e}.tajwid-path{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.tajwid-path span{padding:8px 14px;background:#243e32;border-radius:24px;color:#d4dfc1;font-size:14px}.alphabet-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:18px 0 26px}.alphabet-grid>div{display:flex;flex-direction:column;align-items:center;padding:12px 4px;border:1px solid #344b3d;background:#182722;border-radius:12px}.alphabet-grid .tajwid-ar{font-size:37px;color:#e5ca53;line-height:1.6}.alphabet-grid span[dir=ltr]{font-size:13px;color:#bfcfc3}.tajwid-ar{font-family:'Amiri Quran',serif;font-size:1.4em;unicode-bidi:isolate}.vowel-list{display:grid;grid-template-columns:55px 1fr;align-items:center;gap:14px;margin:0}.vowel-list dt{font-size:22px;color:#e5ca53}.vowel-list dd{margin:0}.tajwid-anatomy{margin:22px 0 28px}.tajwid-mouth{display:block;width:100%;max-width:690px;margin:auto}.tajwid-anatomy figcaption{font-size:13px;color:#b1c4b8;text-align:center;margin-top:10px}.tajwid-rule-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tajwid-rule{border:1px solid #344b3d;border-top:4px solid var(--rule-color);border-radius:14px;padding:22px;background:#182722;min-width:0}.tajwid-rule h4{display:flex;gap:10px;align-items:center;font-size:17px;margin:0 0 12px}.tajwid-rule h4 i{display:inline-block;flex-shrink:0;width:13px;height:13px;border-radius:50%;background:var(--rule-color)}.tajwid-count{display:inline-block;border:1px solid var(--rule-color);color:var(--rule-color);padding:3px 12px;border-radius:7px;font-size:15px}.tajwid-example{display:block;border-left:3px solid var(--rule-color);padding:8px 16px;margin-top:16px;color:var(--rule-color);background:#13231e}.tajwid-example .tajwid-ar{display:block;text-align:center;font-size:33px}.tajwid-small{font-size:14px;color:#c0d0c3}.beat-coach{padding:24px;background:#1c3027;border:1px solid #526d59;border-radius:18px;margin:24px 0 34px}.beat-coach h3{margin-top:0}.beat-actions{display:flex;flex-wrap:wrap;gap:8px}.beat-dots{display:flex;gap:10px;margin:24px 0 12px}.beat-dots span{display:flex;align-items:center;justify-content:center;border:1px solid #718471;border-radius:50%;width:40px;height:40px;color:#bfcfc3}.beat-dots span[hidden]{display:none}.beat-dots .active{background:#e5ca53;color:#13231e;border-color:#e5ca53}.beat-status,.tajwid-load-status{font-size:14px;color:#bfcfc3}.tajwid-fatiha .arabic{font-size:32px;line-height:2.5}.tajwid-focus{margin-top:20px;border-top:1px solid #344b3d;padding-top:15px}.tajwid-focus h4{color:#d4dfc1;margin:0;font-size:17px}.tajwid-focus p{margin-bottom:0}.tajwid-checklist{padding-left:22px}.tajwid-checklist li{margin:10px 0}.tajwid-fatiha button[data-play]{margin-top:5px}@media(max-width:600px){.alphabet-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tajwid-rule-grid{grid-template-columns:1fr}.tajwid-rule,.beat-coach{padding:18px}.beat-dots{gap:7px}.beat-dots span{width:34px;height:34px}.tajwid-fatiha .arabic{font-size:27px}.prayer-levels button{flex:1;min-width:130px;padding:10px;font-size:13px}.tajwid-mouth{min-width:0}.tajwid-path span{font-size:13px}.vowel-list{grid-template-columns:45px 1fr}.tajwid-anatomy figcaption{font-size:12px}}
.tajwid-fatiha .arabic{font-size:38px}@media(max-width:600px){.tajwid-fatiha .arabic{font-size:34px}}
.tajwid-zone-key{display:none}@media(max-width:600px){.tajwid-zone-key{display:grid;gap:8px;list-style:none;padding:12px 14px;background:#13231e;border-radius:0 0 14px 14px;margin:0;font-size:14px}.tajwid-zone-key li{border-left:3px solid var(--zone);padding-left:10px;color:var(--zone)}}

.alphabet-grid>div{gap:10px;padding:16px 4px 12px}.alphabet-grid .tajwid-ar{line-height:2.5;min-height:94px;display:block}.alphabet-grid .learning-audio{display:flex;flex-direction:column;align-items:center;direction:ltr;margin:0}.alphabet-grid .learning-audio button{min-width:44px;min-height:44px;padding:8px 12px}.alphabet-grid .learning-audio-status{font-size:11px;text-align:center;overflow-wrap:anywhere}

.letter-forms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0;direction:rtl}.letter-forms>div{display:flex;flex-direction:column;align-items:center;padding:12px;background:#13231e;border-radius:10px;gap:12px}.letter-forms .tajwid-ar{font-size:36px;line-height:2.5}.letter-forms>div>span:last-child{font-size:14px;direction:ltr}.letter-joining{margin-top:28px;padding-top:20px;border-top:1px solid #344b3d}.letter-joining summary{cursor:pointer;line-height:1.7}

.shadda-highlight{color:#e5ca53;background:rgba(229,202,83,.12);border-radius:4px}.vowel-list dd p{margin:12px 0;line-height:1.9}.vowel-list dt{align-self:start}

.letter-comparison{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.letter-comparison .learning-audio{margin:0}

.gesture-card{display:grid;grid-template-columns:minmax(160px,230px) minmax(0,1fr);gap:26px;align-items:start;padding:24px;margin:24px 0;border:1px solid #47634f;border-radius:18px;background:#182c24}.gesture-picture{position:sticky;top:20px}.gesture-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#80cbd2;color:#10231c;font-weight:700}.gesture-card h3{color:#d6e9bd;margin:12px 0}.gesture-card p{line-height:1.8}.gesture-memory{border-inline-start:4px solid #eac978;padding:18px 22px;background:#26382b;border-radius:8px;color:#f4e4b8;line-height:1.8}.gesture-course .prayer-word{margin:16px 0}.gesture-course .prayer-card{margin:20px 0}@media(max-width:650px){.gesture-card{grid-template-columns:1fr;padding:18px;gap:8px}.gesture-picture{position:static;max-width:210px;margin:auto;width:100%}}
.gesture-plate{margin:24px 0 30px;border:1px solid #47634f;border-radius:18px;overflow:hidden;background:#182c24}.gesture-plate img{display:block;width:100%;height:auto}.gesture-plate figcaption{padding:14px 20px;color:#bcd2b2;font-size:.92rem;line-height:1.6}.gesture-detail{margin:18px 0}.gesture-detail h3{color:#c1d7a5}.gesture-detail strong{color:#83d2d6}.gesture-salam{max-width:260px;margin:20px auto}
.gesture-plate:has(img[src$="/standing.png"]){max-width:440px;margin-inline:auto}.gesture-plate img{max-height:650px;object-fit:contain;background:#faf6ea}
.gesture-course .gesture-plate{max-width:480px;margin:18px auto 24px}.gesture-course .gesture-plate img{max-height:270px;width:100%;object-fit:contain}.gesture-course .gesture-plate a{display:block;background:#faf6ea;cursor:zoom-in}.gesture-course .gesture-plate figcaption{padding:10px 14px;font-size:.85rem}.gesture-course .gesture-plate a:focus-visible{outline:3px solid #83d2d6;outline-offset:-3px}
.gesture-course .gesture-plate:has(img[src$="/standing-v3.png"]){max-width:180px}.gesture-course .gesture-plate img[src$="/standing-v3.png"]{width:100%;height:auto;max-height:none}

/* Each numbered teaching point carries its own visual comparison. */
.gesture-course .point-single{max-width:260px}
.point-single figcaption{grid-template-columns:1fr!important}
.gesture-course .point-comparison{max-width:420px;margin:18px auto 0;border:1px solid #3e594c;border-radius:12px;overflow:hidden;background:#13251d}
.point-comparison>a{display:block;width:100%;cursor:zoom-in}
.point-comparison img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;background:#faf6ea}
.point-comparison .point-pair{display:grid;grid-template-columns:1fr 1fr;direction:ltr;background:#faf6ea}
.point-pair a{min-width:0;display:flex;align-items:center}
.point-pair img{height:190px;object-fit:contain}
.point-pair svg{width:100%;height:auto}
.point-comparison figcaption{display:grid;grid-template-columns:1fr 1fr;direction:ltr;gap:12px;padding:12px;font-size:.83rem;line-height:1.5}
.point-comparison figcaption p{font-size:inherit;line-height:inherit;margin:5px 0 0}
.point-good strong{color:#95deb4}.point-bad strong{color:#ff9da8}
html[dir="rtl"] .point-comparison figcaption>div{direction:rtl}
@media(max-width:480px){.point-comparison figcaption{padding:10px;gap:8px}.point-pair img{height:150px}}
.gesture-course .point-single:has(img[src$="/point-rise-hands.png"]){width:180px;max-width:100%}
.point-single img[src$="/point-rise-hands.png"]{width:100%;height:auto;max-height:none}
.gesture-course .point-single:has(img[src$="/final-sitting-reference.png"]){width:180px;max-width:100%}
.point-single img[src$="/final-sitting-reference.png"]{width:100%;height:auto;max-height:none}
.gesture-course .point-reference{width:240px;max-width:100%}
.point-reference img{width:100%;height:auto;max-height:none}