.q411-juz-reader{color:#2f3338;width:100%;font-family:var(--font-poppins),Arial,sans-serif;zoom:.9;background:#fff}.q411-juz-reader .container{width:100%;max-width:1386px;margin:0 auto;padding:0 24px}.q411-juz-reader .juz-hero{text-align:center;background:#fafafa;padding:58px 0 50px}.q411-juz-reader .juz-hero h1{color:#196327;letter-spacing:0;margin:0;font-size:56px;font-weight:800;line-height:1.15}.q411-juz-reader .juz-hero p{color:#5f6772;margin:20px 0 24px;font-size:21px;line-height:1.4}.q411-juz-reader .juz-surah-badges{justify-content:center;gap:12px;display:flex}.q411-juz-reader .juz-surah-badges a{color:#126021;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 16px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.q411-juz-reader .juz-toolbar{background:#fdfdfd;border-bottom:1px solid #e6e6e6;box-shadow:0 2px 8px #00000012}.q411-juz-reader .juz-toolbar-inner{justify-content:space-between;align-items:center;gap:24px;min-height:98px;display:flex}.q411-juz-reader .juz-toolbar-left,.q411-juz-reader .juz-toolbar-right{align-items:center;gap:8px;display:flex}.q411-juz-reader .juz-para{position:relative}.q411-juz-reader .juz-reciter-select{width:188px;min-width:0;position:relative}.q411-juz-reader .juz-toolbar select,.q411-juz-reader .juz-toolbar input{color:#3d444d;background:#fff;border:1px solid #dee2e6;height:50px;font-size:15px}.q411-juz-reader .juz-toolbar select{border-radius:5px;width:188px;padding:0 10px}.q411-juz-reader .juz-toolbar input{border-radius:999px;width:200px;padding:0 20px}.q411-juz-reader .juz-reciter-button{color:#3d444d;text-align:left;background:#fff;border:1px solid #dee2e6;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 10px;font-family:inherit;font-size:15px;line-height:1;display:flex}.q411-juz-reader .juz-reciter-button span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.q411-juz-reader .juz-select-arrow{border-bottom:2px solid #3d444d;border-right:2px solid #3d444d;flex:none;width:8px;height:8px;margin-left:10px;transform:rotate(45deg)translateY(-2px)}.q411-juz-reader .juz-para-button{color:#fff;letter-spacing:.04em;background:#050505;border:0;border-radius:5px;height:38px;padding:0 20px;font-size:13px;font-weight:800}.q411-juz-reader .juz-reciter-menu,.q411-juz-reader .juz-para-menu{z-index:50;background:#fff;border:1px solid #ddd;border-radius:3px;width:440px;max-height:430px;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 15px 30px #00000029}.q411-juz-reader .juz-reciter-menu{width:360px}.q411-juz-reader .juz-reciter-menu button,.q411-juz-reader .juz-para-menu button{color:#141414;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;width:100%;min-height:38px;padding:0 26px;font-size:18px;display:grid}.q411-juz-reader .juz-reciter-menu button{display:block}.q411-juz-reader .juz-para-menu button{grid-template-columns:minmax(0,1fr) auto;gap:24px}.q411-juz-reader .juz-reciter-menu button:hover,.q411-juz-reader .juz-reciter-menu button.is-selected,.q411-juz-reader .juz-para-menu button:hover,.q411-juz-reader .juz-para-menu button.is-selected{color:#fff;background:#0d83ff}.q411-juz-reader .juz-para-menu small{color:inherit;font-size:14px}.q411-juz-reader .juz-toolbar-right button{color:#fff;letter-spacing:.04em;background:#0b3fe7;border:0;border-radius:5px;min-width:66px;height:38px;font-size:13px;font-weight:800}.q411-juz-reader .juz-toolbar-right button:not(.is-active){opacity:.5}.q411-juz-reader .juz-content{padding:36px 0 70px}.q411-juz-reader .verse-block{border-bottom:1px solid #f0f0f0;border-left:6px solid #0000;padding:40px 32px;transition:background-color .25s,border-color .25s}.q411-juz-reader .verse-block.is-playing{background:#f1f8e9;border-left-color:#1b5e20}.q411-juz-reader .verse-main{grid-template-columns:minmax(0,1fr) 76px;align-items:start;gap:28px;display:grid}.q411-juz-reader .verse-copy{max-width:980px}.q411-juz-reader .verse-label{color:#111;background:#f7f7f7;margin-bottom:60px;padding:1px 4px;font-size:13px;font-weight:700;line-height:1.1;display:inline-block}.q411-juz-reader .arabic-text{color:#000;text-align:left;direction:rtl;margin:0 0 18px;font-family:Traditional Arabic,Scheherazade New,serif;font-size:36px;line-height:2.1}.q411-juz-reader .transliteration-text,.q411-juz-reader .translation-text{color:#343940;margin:0;font-size:21px;line-height:1.45}.q411-juz-reader .translation-text{margin-top:4px}.q411-juz-reader .juz-pagination{color:#5b6470;justify-content:space-between;align-items:center;gap:16px;padding:22px 0 0;font-size:13px;font-weight:700;display:flex}.q411-juz-reader .juz-pagination>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.q411-juz-reader .juz-pagination button{color:#196327;cursor:pointer;background:#fff;border:1px solid #d9dee4;border-radius:4px;min-width:36px;height:34px;padding:0 10px;font-family:inherit;font-size:13px;font-weight:700}.q411-juz-reader .juz-pagination button.is-active{color:#fff;background:#196327;border-color:#196327}.q411-juz-reader .juz-pagination button:disabled{cursor:not-allowed;opacity:.45}.q411-juz-reader .juz-pagination em{color:#777;font-style:normal}.q411-juz-reader .btn-play-verse{color:#fff;cursor:pointer;background:#196327;border:0;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-top:36px;display:flex}.q411-juz-reader .btn-play-verse span{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:15px solid #fff;width:0;height:0;margin-left:4px;display:block}.q411-juz-reader .btn-play-verse.is-playing span{border:0;border-left:5px solid #fff;border-right:5px solid #fff;width:16px;height:20px;margin-left:0}@media (max-width:900px){.q411-juz-reader .juz-hero h1{font-size:38px}.q411-juz-reader .juz-toolbar,.q411-juz-reader .juz-toolbar-inner{overflow:visible}.q411-juz-reader .juz-toolbar-inner{flex-direction:column;align-items:stretch;padding:18px 0}.q411-juz-reader .juz-toolbar-left{z-index:10;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;display:grid;position:relative}.q411-juz-reader .juz-toolbar-right{flex-wrap:wrap;width:100%}.q411-juz-reader .juz-para{min-width:0;position:relative}.q411-juz-reader .juz-reciter-select{width:100%}.q411-juz-reader .juz-reciter-menu{width:min(360px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(360px,52vh)}.q411-juz-reader .juz-reciter-menu button{min-height:36px;padding:0 18px;font-size:16px}.q411-juz-reader .juz-para-button{white-space:nowrap;width:100%;min-width:112px;padding:0 14px}.q411-juz-reader .juz-para-menu{width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);max-height:min(430px,54vh);top:calc(100% + 8px);left:auto;right:0}.q411-juz-reader .juz-para-menu button{gap:12px;min-height:36px;padding:0 18px;font-size:16px}.q411-juz-reader .juz-toolbar select,.q411-juz-reader .juz-toolbar input{flex:none;width:100%;min-width:0}.q411-juz-reader .juz-toolbar input{grid-column:1/-1}.q411-juz-reader .verse-main{grid-template-columns:1fr}.q411-juz-reader .btn-play-verse{margin-top:0}.q411-juz-reader .juz-pagination{text-align:center;flex-direction:column;align-items:stretch;gap:10px}.q411-juz-reader .juz-pagination>div{justify-content:center}}@media (max-width:560px){.q411-juz-reader .container{padding:0 16px}.q411-juz-reader .juz-toolbar-left{grid-template-columns:minmax(0,1fr) auto}.q411-juz-reader .juz-hero{padding:38px 0}.q411-juz-reader .juz-hero h1{font-size:30px}.q411-juz-reader .juz-hero p{font-size:17px}.q411-juz-reader .verse-block{padding:30px 14px}.q411-juz-reader .arabic-text{font-size:30px}.q411-juz-reader .transliteration-text,.q411-juz-reader .translation-text{font-size:18px}}