.learn-prayer{--lp-ink:#153f36;--lp-green:#226642;--lp-muted:#5b7369;--lp-line:#dce7dd;--lp-mint:#e9f2e6;color:var(--lp-ink);font-family:var(--sans,Arial,sans-serif)}.learn-prayer *{box-sizing:border-box}.learn-prayer [hidden]{display:none!important}.learn-prayer h1,.learn-prayer h2,.learn-prayer h3{font-family:inherit;letter-spacing:-.035em}.learn-prayer button,.learn-prayer select,.learn-prayer textarea{font:inherit}.learn-prayer button,.learn-prayer summary,.learn-prayer input[type=checkbox]{cursor:pointer}.learn-prayer button:focus-visible,.learn-prayer a:focus-visible,.learn-prayer summary:focus-visible,.learn-prayer input:focus-visible,.learn-prayer select:focus-visible,.learn-prayer textarea:focus-visible,.learn-player:focus-visible{outline:3px solid #548c48;outline-offset:4px}.learn-kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;line-height:1.6;margin:0 0 15px;color:#62855b}.learn-prayer-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.learn-prayer-heading h1{font-size:clamp(40px,5vw,68px);line-height:1.06;margin:0 0 22px;font-weight:700}.learn-prayer-heading>div>p:last-child{font-size:14px;line-height:1.8;max-width:580px;color:var(--lp-muted);margin:0}.learn-link{color:var(--lp-green);font-size:12px;font-weight:650;text-decoration:none;line-height:1.8}.learn-link:hover{text-decoration:underline}.learn-notice{padding:19px 23px;border:1px solid #d4e1cc;border-radius:15px;background:#eff5e9;font-size:12px;line-height:1.8;margin-bottom:28px}.learn-notice strong{font-size:13px}.learn-notice p{margin:7px 0 0;color:var(--lp-muted)}.learn-player{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#fff;border:1px solid var(--lp-line);border-radius:25px;overflow:hidden;min-width:0}.learn-stage{background:#103d2c;color:#edf5e5;display:flex;flex-direction:column;padding:27px 28px 30px;min-width:0;position:relative}.learn-stage-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.8}.learn-stage-top>span:first-child{border:1px solid #ffffff25;border-radius:30px;padding:4px 12px;color:#d6eab7}.learn-stage-type{font-size:8px;letter-spacing:1.2px;align-self:center;color:#aac4ac}.learn-figure{width:100%;max-width:430px;height:auto;min-height:270px;margin:auto;display:block;flex:1}.learn-stage-caption{font-size:15px;line-height:1.8;margin:12px 0 10px;max-width:365px}.learn-stage-note{font-size:10px;line-height:1.8;color:#b5cdb9;margin:0}.learn-step-copy{padding:29px 30px 24px;min-width:0}.learn-step-meta{display:flex;justify-content:space-between;align-items:start;gap:15px}.learn-step-meta .learn-kicker{font-size:9px}.learn-step-meta>span{color:var(--lp-muted);font-size:10px;white-space:nowrap}.learn-step-copy h2{font-size:29px;line-height:1.2;margin:4px 0 15px}.learn-step-copy>p:not(.learn-step-note):not(.learn-pace-note):not(.learn-sr-only){font-size:13px;line-height:1.85;color:var(--lp-muted);margin:0 0 19px}.learn-recitation{background:#f5f8f1;border:1px solid #e0e9d9;border-radius:15px;padding:19px 21px;margin-top:18px}.learn-recitation-label{font-size:10px;font-weight:700;color:#648258;letter-spacing:.4px;margin:0 0 10px}.learn-arabic{font-family:Arial,"Times New Roman",serif;font-size:clamp(27px,2.7vw,34px);line-height:1.95;white-space:pre-line;margin:0 0 14px;overflow-wrap:anywhere;color:#224e35}.learn-transliteration{font-size:12px;line-height:1.9;white-space:pre-line;margin:0 0 10px;color:#46654d}.learn-meaning{font-size:12px;line-height:1.9;white-space:pre-line;margin:0 0 13px;color:var(--lp-muted)}.learn-source{font-size:10px;color:var(--lp-green);font-weight:600;text-decoration:underline}.learn-step-note{font-size:10px;line-height:1.8;color:var(--lp-muted);margin:15px 0 18px}.learn-step-copy progress{display:block;width:100%;height:5px;border:0;border-radius:20px;overflow:hidden;accent-color:#558443;background:#e7efe1}.learn-step-copy progress::-webkit-progress-bar{background:#e7efe1;border-radius:20px}.learn-step-copy progress::-webkit-progress-value{background:#558443;border-radius:20px}.learn-step-copy progress::-moz-progress-bar{background:#558443}.learn-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:9px;margin-top:19px}.learn-primary,.learn-secondary{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:10px;padding:12px 14px;min-height:44px;font-size:11px;font-weight:650;line-height:1.5;border:1px solid transparent}.learn-primary{background:var(--lp-green);color:#fff}.learn-primary:hover:not(:disabled){background:#194d32}.learn-secondary{border-color:#d7e4d2;color:var(--lp-green);background:#fff}.learn-secondary:hover:not(:disabled){background:#f0f6eb}.learn-primary:disabled,.learn-secondary:disabled{opacity:.45;cursor:not-allowed}.learn-player-settings{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:12px;align-items:end;margin:20px 0 13px}.learn-player-settings label{font-size:9px;color:var(--lp-muted);line-height:1.8;min-width:0}.learn-player-settings select{display:block;width:100%;border:1px solid #dce6d6;border-radius:7px;color:var(--lp-ink);font-size:10px;padding:9px 7px;background:#fff;margin-top:5px;min-width:0}.learn-text-button{border:0;background:transparent;color:var(--lp-green);font-size:10px;white-space:nowrap;min-height:36px;padding:7px 0}.learn-pace-note{font-size:9px;line-height:1.8;color:var(--lp-muted);margin:0}.learn-preparation{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;margin-top:65px;align-items:start}.learn-preparation h2,.learn-section-heading h2,.learn-tutor h2,.learn-faq h2{font-size:34px;line-height:1.2;margin:0 0 19px}.learn-preparation>div>p:not(.learn-kicker),.learn-tutor-intro>p:not(.learn-kicker):not(.learn-small){font-size:13px;line-height:1.9;color:var(--lp-muted);margin:0 0 18px}.learn-checklist{border:1px solid var(--lp-line);border-radius:19px;padding:26px;background:#fff}.learn-checklist h3{font-size:18px;margin:0 0 21px}.learn-checklist label{display:flex;align-items:start;gap:11px;font-size:12px;line-height:1.8;color:var(--lp-muted);margin:14px 0}.learn-checklist input{width:17px;height:17px;accent-color:var(--lp-green);flex-shrink:0;margin-top:2px}.learn-checklist details{border-top:1px solid var(--lp-line);padding-top:17px;margin-top:20px}.learn-checklist summary{font-size:12px;font-weight:650;color:var(--lp-green);line-height:1.8}.learn-checklist details p{font-size:11px;line-height:1.9;color:var(--lp-muted);margin:13px 0 0}.learn-small{font-size:10px;line-height:1.9;color:var(--lp-muted);margin:17px 0 0}.learn-daily{margin-top:64px}.learn-section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:24px}.learn-section-heading h2{margin-bottom:0}.learn-prayer-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.learn-prayer-counts article{background:#edf4e7;border:1px solid #dfe9d7;padding:22px;border-radius:16px}.learn-prayer-counts span{font-size:9px;letter-spacing:1.1px;color:#5c7955;font-weight:700}.learn-prayer-counts strong{display:block;font-size:43px;line-height:1.2;font-weight:650;margin:12px 0 5px}.learn-prayer-counts p{font-size:10px;color:var(--lp-muted);margin:0}.learn-tutor{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;margin-top:65px;padding-top:60px;border-top:1px solid var(--lp-line)}.learn-tutor-badge{display:inline-block;font-size:9px;line-height:1.7;color:var(--lp-green);background:#e6f0dd;border:1px solid #d4e2c9;border-radius:20px;padding:6px 13px;font-weight:650}.learn-tutor-intro>.learn-small{margin:10px 0 20px}.learn-tutor-card{padding:27px;border:1px solid var(--lp-line);border-radius:19px;background:#fff;min-width:0}.learn-tutor-card label{display:block;font-size:12px;font-weight:650;margin-bottom:12px}.learn-tutor-card textarea{display:block;width:100%;resize:vertical;min-height:120px;max-height:450px;border:1px solid #d7e4d3;background:#f7faf3;color:var(--lp-ink);padding:15px;border-radius:9px;font-size:12px;line-height:1.9;margin-bottom:15px}.learn-tutor-card textarea::placeholder{color:#71846c}.learn-tutor-card textarea:disabled{opacity:.6}.learn-tutor-privacy{font-size:9px;line-height:1.9;color:var(--lp-muted);margin:19px 0 0}.learn-tutor-answer{margin-top:23px;padding-top:23px;border-top:1px solid var(--lp-line)}.learn-tutor-answer h3{font-size:17px;margin-bottom:13px}.learn-tutor-answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.95;color:var(--lp-muted)}.learn-tutor-answer ul{list-style:none;padding:0;margin:18px 0 0}.learn-tutor-answer li{margin:8px 0}.learn-tutor-answer a{font-size:10px;line-height:1.8;color:var(--lp-green);text-decoration:underline}.learn-faq{margin-top:65px}.learn-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.learn-faq details{border:1px solid var(--lp-line);border-radius:14px;padding:20px 22px;background:#fff;align-self:start}.learn-faq summary{font-size:12px;line-height:1.8;font-weight:650}.learn-faq details p{font-size:12px;line-height:1.9;color:var(--lp-muted);margin:15px 0 0}.learn-references{margin-top:46px;padding-top:26px;border-top:1px solid var(--lp-line)}.learn-references h2{font-size:17px;margin:0 0 11px}.learn-references p{font-size:10px;line-height:1.9;color:var(--lp-muted);margin:0 0 17px}.learn-references>div{display:flex;flex-wrap:wrap;gap:12px 24px}.learn-references a{font-size:10px;line-height:1.9;color:var(--lp-green);text-decoration:underline}.learn-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1050px){.learn-stage{padding:24px 22px}.learn-step-copy{padding:25px 24px}.learn-controls{grid-template-columns:1fr 1.35fr 1fr;gap:6px}.learn-primary,.learn-secondary{padding:12px 9px;font-size:10px}.learn-player-settings{grid-template-columns:1fr 1fr}.learn-text-button{grid-column:1/-1;justify-self:start;min-height:27px}.learn-preparation,.learn-tutor{gap:30px}.learn-prayer-counts article{padding:20px 17px}}
@media(max-width:760px){.learn-prayer-heading{align-items:start;flex-direction:column;gap:19px}.learn-prayer-heading h1{font-size:46px}.learn-player{grid-template-columns:1fr}.learn-stage{padding:23px 25px}.learn-figure{max-width:325px;min-height:0;margin:7px auto 0;flex:none}.learn-stage-caption{font-size:13px;margin:4px 0 8px;max-width:none}.learn-stage-note{font-size:9px}.learn-step-copy{padding:27px 25px}.learn-step-copy h2{font-size:27px}.learn-arabic{font-size:29px}.learn-player-settings{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto}.learn-text-button{grid-column:auto;justify-self:auto;min-height:36px}.learn-preparation,.learn-tutor{grid-template-columns:1fr;gap:24px;margin-top:48px}.learn-preparation h2,.learn-section-heading h2,.learn-tutor h2,.learn-faq h2{font-size:29px}.learn-daily,.learn-faq{margin-top:48px}.learn-section-heading{align-items:start;flex-direction:column;gap:17px}.learn-prayer-counts{gap:8px}.learn-prayer-counts article{padding:18px 9px}.learn-prayer-counts strong{font-size:34px}.learn-prayer-counts span{font-size:8px;letter-spacing:.5px}.learn-prayer-counts p{font-size:8px;line-height:1.8}.learn-faq-grid{grid-template-columns:1fr}.learn-tutor{padding-top:42px}.learn-tutor-card,.learn-checklist{padding:23px}}
@media(max-width:430px){.learn-prayer-heading h1{font-size:40px}.learn-notice{padding:17px 19px;font-size:11px}.learn-stage{padding:20px}.learn-stage-type{font-size:7px}.learn-step-copy{padding:24px 20px}.learn-step-copy h2{font-size:25px}.learn-recitation{padding:16px 18px}.learn-player-settings{grid-template-columns:1fr 1fr}.learn-text-button{grid-column:1/-1;justify-self:start;min-height:27px}.learn-prayer-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-prayer-counts article{padding:19px 15px}.learn-prayer-counts article:last-child{grid-column:auto}.learn-prayer-counts span{font-size:9px}.learn-prayer-counts p{font-size:9px}.learn-prayer-counts strong{font-size:35px}.learn-tutor-card,.learn-checklist{padding:21px}.learn-faq details{padding:19px}}
@media(prefers-reduced-motion:reduce){.learn-prayer *{scroll-behavior:auto!important}}