.practice-shell{margin-top:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:28px;scroll-margin-top:25px}.practice-header{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;padding-bottom:22px}.practice-header h3{font-size:33px;font-weight:500;line-height:1.5;margin-block:7px 9px}.practice-header p{font-size:12px;color:var(--muted);max-width:660px;line-height:1.9}.guide-modes{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:6px;flex-shrink:0}.guide-modes button{border:0;border-radius:4px;background:transparent;color:var(--muted);padding:8px 15px;font-size:12px;white-space:nowrap}.guide-modes button[aria-selected=true]{background:var(--green);color:var(--surface)}.guide-overview{padding:18px 20px;background:var(--bg);border:1px solid var(--line);border-radius:7px;display:flex;align-items:center;gap:25px}.guide-overview>div{flex:1}.guide-overview h4{font-size:12px;margin:0 0 7px;font-weight:500}.guide-overview p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.guide-overview p+p{margin-top:7px}.guide-prayer-choice{display:flex;flex-direction:column;gap:8px;min-width:180px;font-size:11px}.guide-prayer-choice select{font-size:11px;max-width:250px}.guide-progress-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 9px;font-size:11px;color:var(--muted)}.guide-progress-track{height:3px;background:var(--line);margin-bottom:25px}.guide-progress-track>div{height:100%;background:var(--green);transition:width .2s;width:0}.guide-workspace{display:grid;grid-template-columns:225px minmax(0,1fr);gap:25px}.guide-index{border-inline-end:1px solid var(--line);padding-inline-end:18px}.guide-index>summary{font-size:11px;text-align:start;color:var(--muted);margin-bottom:14px;cursor:pointer}.guide-index ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.guide-index button{display:flex;gap:11px;align-items:center;width:100%;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--muted);text-align:start;padding:10px 8px;font-size:11px;line-height:1.8}.guide-index button:hover{background:var(--bg)}.guide-index button.current{background:var(--soft);border-color:var(--line);color:var(--ink)}.guide-nav-marker{width:25px;min-width:25px;height:25px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted)}.guide-index button.practised .guide-nav-marker{background:var(--green);border-color:var(--green);color:var(--surface)}.guide-step-header>span{font-size:10px;color:var(--gold)}.guide-step-header h4{font-family:'Noto Naskh Arabic',serif;font-size:30px;font-weight:500;line-height:1.5;margin:5px 0 18px}.guide-step-content{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;align-items:start}.guide-step-content figure{margin:0;min-width:0}.guide-step-content img{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;border-radius:8px;background:#f7f5ef}.guide-step-content figcaption{font-size:9px;color:var(--muted);line-height:1.8;margin-top:8px}.guide-step-explanation>p{font-size:13px;line-height:2}.guide-repeat-note{background:var(--soft);border-radius:5px;padding:12px;margin-top:15px!important;font-size:11px!important}.guide-phrase-box{margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.guide-phrase-label{font-size:9px;color:var(--muted);margin-bottom:7px}#guide-phrase{white-space:pre-line;font-family:'Noto Naskh Arabic',serif;font-size:23px;line-height:2;text-align:right}#guide-transliteration{font-size:11px;line-height:1.8;color:var(--muted);margin-top:8px;text-align:left}.guide-fatihah{margin-top:15px;border-block:1px solid var(--line);padding-block:12px}.guide-fatihah summary{font-size:12px;text-align:start;color:var(--green)}#guide-fatihah-text{font-family:'Noto Naskh Arabic',serif;font-size:25px;line-height:2.2;text-align:right;margin-top:15px}#guide-quran-link{font-size:10px;color:var(--muted);display:inline-block;margin-top:10px}.guide-step-sources{display:flex;gap:13px;flex-wrap:wrap;margin-top:18px}.guide-step-sources a{font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.guide-step-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;margin-top:20px;border-top:1px solid var(--line)}.guide-practise{font-size:11px;background:var(--soft);color:var(--green);padding:10px 13px;border:1px solid var(--line);border-radius:5px;line-height:1.8}.guide-practise[aria-pressed=true]{border-color:var(--green)}.guide-pagination{display:flex;gap:8px}.guide-pagination .button{font-size:11px;padding:8px 14px;border-color:var(--line)}.guide-pagination .button:disabled{opacity:.4;transform:none;cursor:default}.guide-complete-message{background:var(--soft);color:var(--green);padding:12px 15px;border-radius:5px;font-size:12px;margin-top:15px}.guide-video-details{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.guide-video-details>summary{display:flex;gap:12px;align-items:center;text-align:start;list-style:none;font-size:14px;color:var(--green);cursor:pointer;line-height:1.8}.guide-video-details>summary::-webkit-details-marker{display:none}.guide-video-details>summary small{margin-inline-start:auto;font-size:10px;color:var(--muted)}.guide-play-symbol{font-size:23px;line-height:1;display:inline-flex;border:1px solid var(--line);padding:10px 12px;border-radius:50%}.guide-video-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:26px;padding-top:22px}.guide-video-box{min-width:0}.guide-video-box video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#f7f5ef;border:1px solid var(--line);border-radius:8px;object-fit:contain}.guide-video-info{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.guide-video-info label{font-size:11px}.guide-video-info select{font-size:12px;width:100%;max-width:260px}.guide-video-info p{font-size:11px;color:var(--muted);line-height:1.8}.guide-video-info>.button{font-size:12px;margin-top:5px}.guide-video-info>.text-link{font-size:10px;margin-top:5px;line-height:1.8}.guide-video-error{font-size:11px;color:var(--ink);background:var(--soft);padding:13px;border-radius:5px;margin-top:12px}.guide-reference-details{border-top:1px solid var(--line);margin-top:23px;padding-top:18px;font-size:10px;color:var(--muted)}.guide-reference-details summary{text-align:start;font-size:11px}.guide-reference-details>p{margin-top:13px;font-size:11px;line-height:1.9}.guide-reference-details ul{font-size:10px;line-height:1.9;padding-inline-start:20px;margin-block:13px}.guide-reference-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:12px}.guide-reference-links a{font-size:10px;text-decoration:underline;text-underline-offset:4px}.guide-panel .local-note{font-size:9px;line-height:1.9}html[dir=ltr] .practice-header h3{font-size:29px;line-height:1.3}html[dir=ltr] .guide-step-header h4{font-family:Georgia,serif;font-size:27px;line-height:1.4}html[lang=zh] .guide-step-header h4,html[lang=bn] .guide-step-header h4,html[lang=hi] .guide-step-header h4{font-family:system-ui,sans-serif}.dark .guide-modes button[aria-selected=true],.dark .guide-index button.practised .guide-nav-marker{color:#15251f}
@media(max-width:1050px){.practice-shell{padding:23px}.guide-workspace{grid-template-columns:185px minmax(0,1fr);gap:20px}.guide-step-content{grid-template-columns:1fr}.guide-step-content figure{max-width:350px;margin-inline:auto;width:100%}.guide-step-content img{max-height:220px}.guide-step-actions{flex-wrap:wrap;gap:12px}.guide-overview{align-items:flex-start}.practice-header h3{font-size:29px}.guide-video-layout{grid-template-columns:1.25fr 1fr;gap:20px}}
@media(max-width:760px){.practice-header{flex-wrap:wrap;gap:20px}.guide-modes{width:100%;justify-content:center}.guide-modes button{flex:1}.guide-overview{flex-direction:column;gap:15px}.guide-prayer-choice{width:100%;max-width:none}.guide-prayer-choice select{max-width:100%;width:100%}.guide-workspace{grid-template-columns:1fr;gap:20px}.guide-index{border:1px solid var(--line);border-radius:6px;padding:12px 15px;background:var(--bg)}.guide-index>summary{margin:0}.guide-index[open]>summary{margin-bottom:12px}.guide-index ol{max-height:210px;overflow-y:auto}.guide-index button{font-size:12px}.guide-step-content{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.guide-step-explanation>p{font-size:12px}.guide-step-header h4{font-size:29px}.guide-step-content figure{max-width:100%}.guide-step-content img{max-height:none}.guide-step-actions{flex-wrap:nowrap}.guide-video-layout{grid-template-columns:1fr;gap:20px}.guide-video-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.guide-video-info>label{grid-column:1/-1}.guide-video-info select{max-width:100%}.guide-video-info>#guide-video-intro{grid-column:1/-1}.guide-video-info .text-link{justify-self:end}.guide-video-details>summary small{max-width:130px;text-align:end;line-height:1.7}.guide-video-info>.button{font-size:11px}}
@media(max-width:480px){.practice-shell{padding:18px 14px;margin-top:28px;border-radius:9px}.practice-header h3{font-size:28px}.practice-header p{font-size:12px}.guide-modes button{font-size:13px}.guide-overview{padding:14px}.guide-overview p{font-size:11px}.guide-progress-row{font-size:10px;gap:10px}.guide-progress-row .plain-button{font-size:10px}.guide-step-content{grid-template-columns:1fr;gap:17px}.guide-step-content figure{max-width:330px}.guide-step-content img{max-height:220px}.guide-step-content figcaption{font-size:9px}.guide-step-explanation>p{font-size:13px;line-height:2}.guide-step-header h4{font-size:29px}.guide-step-actions{flex-direction:column;align-items:stretch;gap:15px;padding-top:18px;margin-top:18px}.guide-practise{width:100%;font-size:12px;padding:10px 12px}.guide-pagination{justify-content:space-between}.guide-pagination .button{font-size:11px;min-width:90px}.guide-video-details>summary{font-size:12px;gap:9px;flex-wrap:wrap}.guide-video-details>summary small{font-size:9px;max-width:none;margin-inline-start:0;flex-basis:100%;text-align:start}.guide-play-symbol{font-size:21px;padding:8px 10px}.guide-video-info{grid-template-columns:1fr}.guide-video-info>.text-link{justify-self:start}.guide-video-info>.button{width:100%;font-size:12px}.guide-phrase-box{padding:13px}#guide-phrase{font-size:23px}#guide-fatihah-text{font-size:24px}.guide-reference-details>p{font-size:10px}.guide-reference-links a{font-size:10px}html[dir=ltr] .practice-header h3{font-size:25px}html[dir=ltr] .guide-step-header h4{font-size:25px}html[dir=ltr] .guide-step-explanation>p{font-size:13px;line-height:1.9}}
.guide-video-info>#guide-video-availability{grid-column:1/-1}
.guide-video-details{width:100%;max-width:none}