.prayer-page main{max-width:920px;padding-top:32px}.prayer-page main>h1{font-size:34px;margin:12px 0 24px}
#prayer-slideshow{scroll-margin-top:16px}.slide-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-bottom:20px}.slide-toolbar label{display:grid;gap:7px;font-size:13px}.slide-toolbar select{font:inherit;color:inherit;background:white;border:1px solid #ccd5cc;border-radius:8px;padding:10px;min-height:44px;max-width:100%;width:100%;min-width:0}.slide-size{display:flex;gap:8px}.slide-size button,.slide-nav button{min-height:44px;min-width:48px;padding:10px 16px;border:1px solid #ccd5cc;border-radius:8px;background:white;color:#213e35;font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}.slide-status{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#637168}.prayer-page progress{width:100%;height:7px;accent-color:#315b48;margin:12px 0 22px}.recitation{padding:28px 32px;background:white;border:1px solid #dce3d9;border-radius:18px}.recitation-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#637168}.recitation h2{font:normal 25px/1.4 Georgia,serif;color:#213e35;margin:18px 0}.recitation h2:focus{outline:none}.slide-arabic{color:#213e35!important;font-family:var(--arabic-font)!important;line-height:2.15;text-align:right;white-space:pre-line;overflow-wrap:anywhere;margin:30px 0}.slide-count-area{text-align:center;padding-top:12px}.remaining-label{font-size:13px;margin:14px 0 0}.slide-nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.slide-help,.slide-note{font-size:13px;line-height:1.7}.complete{padding:48px 28px;text-align:center}.prayer-page button:focus-visible,.prayer-page select:focus-visible{outline:3px solid #aa8a51;outline-offset:4px}
@media(max-width:600px){.prayer-page main{padding:24px 16px 40px}.prayer-page main>h1{font-size:30px}.recitation{padding:22px 18px}.recitation h2{font-size:22px}.recitation-meta{font-size:11px}.slide-arabic{margin:24px 0;line-height:2}.slide-toolbar select{font-size:16px}.slide-status{font-size:12px}.slide-nav button{font-size:14px;padding:10px 12px}}







@media(min-width:601px){.slide-toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.slide-toolbar select{width:auto}}