/* TLQ Quran Reader v100. Scoped to avoid changing journal and community. */
.q100-index{max-width:880px!important;padding-bottom:130px;color:#204a3a}
.q100-index-head{display:flex;align-items:center;gap:14px;background:linear-gradient(115deg,#d4f0df,#f3f8eb);border:1px solid #d5e7d7;border-radius:22px;padding:24px 18px;margin-bottom:17px;min-height:150px}
.q100-index-head>a{color:#195c44;text-decoration:none;display:grid;place-items:center;border-radius:50%;background:#ffffffb5;width:38px;height:38px;flex-shrink:0}
.q100-index-head>div{flex:1;min-width:0}
.q100-index-head span{letter-spacing:.14em;font-size:9px;font-weight:900;color:#658878}
.q100-index-head h1{font-size:clamp(27px,7vw,40px);line-height:1.2;margin:8px 0;color:#0d4636;letter-spacing:-.04em}
.q100-index-head p{font-size:11px;color:#5d846b;line-height:1.5}
.q100-index-search{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #dae9dd;border-radius:16px;padding:0 16px;min-height:52px;margin:0 0 23px;color:#44866c}
.q100-index-search input{background:transparent;border:0!important;outline:0;box-shadow:none!important;font-size:13px;flex:1;width:100%;min-width:0}
.q100-index h2{font-size:18px;color:#134939;letter-spacing:-.03em;margin:0 0 13px}
.q100-index section{margin:20px 0}
.q100-sectionline{display:flex;align-items:center;justify-content:space-between;gap:12px}
.q100-sectionline small{font-size:10px;color:#829c8a;text-align:right}
.q100-continue{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none!important;padding:17px;background:#e9f6e9;border:1px solid #c5e5ce;border-radius:15px;color:#155c43!important;font-size:12px}
.q100-continue span,.q100-continue b{display:flex;align-items:center;gap:8px}
.q100-continue b{font-size:11px}
.q100-empty{background:#f1f7ef;border-radius:14px;padding:14px;color:#728e78;font-size:12px;line-height:1.7}
.q100-chips{display:flex;gap:9px;overflow-x:auto;padding-bottom:7px;scrollbar-width:thin}
.q100-chips a{white-space:nowrap;background:#e8f5e9;border:1px solid #daf0df;color:#155b40!important;text-decoration:none!important;padding:11px 14px;border-radius:12px;font-weight:800;font-size:11px}
.q100-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;background:#eef3ed;border-radius:16px;padding:5px;margin:21px 0 14px}
.q100-tabs button{border:0;background:transparent;color:#668777;border-radius:12px;min-height:43px;padding:8px 3px;font-size:12px;font-weight:900}
.q100-tabs button.active{background:#0b7755;color:#fff;box-shadow:0 5px 13px #0b77552d}
.q100-chapter{display:flex;align-items:center;gap:13px;text-decoration:none!important;color:#194b39!important;padding:12px 5px;border-bottom:1px solid #e4eee7;min-height:69px}
.q100-chapter[hidden]{display:none}
.q100-chapter-id{background:#e6f7e9;border-radius:11px;min-width:38px;height:40px;display:grid;place-items:center;font-weight:900}
.q100-chapter>div{flex:1;min-width:0}
.q100-chapter b{font-size:14px;display:block}
.q100-chapter small{color:#81998a;font-size:11px;display:block;margin-top:3px}
.q100-chapter [lang=ar]{font-family:'Amiri',serif;font-size:clamp(18px,4.4vw,23px);white-space:nowrap}
.q100-chapter svg{opacity:.55;flex-shrink:0}
.q100-no-results{padding:22px;color:#7c9985}
.q100-numbered h3{font-size:14px;margin:18px 0}
#q100-jump{display:flex;align-items:end;gap:10px;margin:13px 0 20px}
#q100-jump label{font-size:12px;color:#567b65;font-weight:800;flex:1}
#q100-jump input{display:block;width:100%;border:1px solid #cddfce;border-radius:10px;padding:11px;margin-top:6px;background:#fff;color:#194f37}
#q100-jump button{background:#0a7452;color:#fff;border:0;padding:13px;border-radius:11px;display:flex;gap:6px;align-items:center;font-size:12px;font-weight:900}
.q100-number-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.q100-number-grid a{border:1px solid #d7e9da;border-radius:10px;display:grid;place-items:center;min-height:45px;color:#286749!important;text-decoration:none!important;font-size:12px;font-weight:900}
.q100-number-grid a.recent{background:#d9eddf}
.q100-source{font-size:10px;color:#96a79a;line-height:1.75;margin-top:31px}
.q100-reader{max-width:940px;margin:0 auto;padding-bottom:145px}
.q100-reader-top{background:linear-gradient(130deg,#0d513c,#0b8058);color:#fff;border-radius:0 0 22px 22px;display:flex;align-items:center;gap:13px;padding:16px 18px;margin:0 -2px 18px;position:sticky;top:0;z-index:12;box-shadow:0 8px 19px #0f543523}
.q100-reader-top>a,.q100-reader-top>button{background:transparent;border:0;color:#fff;padding:3px;display:grid;place-items:center;flex-shrink:0;text-decoration:none}
.q100-reader-top>button[data-q100-picker]{display:block;flex:1;text-align:left;min-width:0}
.q100-reader-top b{font-size:clamp(15px,4vw,19px);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.q100-reader-top small{font-size:10px;color:#d1e9dc;display:block;margin-top:4px;white-space:nowrap;overflow:hidden}
.q100-reader-status{font-size:11px;color:#78947d;padding:2px 16px 15px}
.q100-verse{background:#fff;border:1px solid #dfebe0;border-radius:20px;margin:0 10px 15px;padding:20px clamp(15px,4vw,24px);box-shadow:0 10px 24px #22523711;scroll-margin-top:130px}
.q100-verse-bar{display:flex;align-items:center;gap:9px;padding:0 0 15px;border-bottom:1px solid #e6efe6;color:#849b89;font-size:10px}
.q100-verse-number{font-size:13px;font-weight:900;color:#0d7553;background:#e7f6e9;border-radius:10px;padding:10px}
.q100-verse-bar>button{margin-left:auto;border:0;background:#f1f7ee;color:#328264;font-size:10px;font-weight:900;border-radius:9px;padding:9px;line-height:1.4}
.q100-verse-arabic{text-align:right;color:#123d30;line-height:2.1;font-family:'Amiri','Traditional Arabic',serif;overflow-wrap:anywhere;direction:rtl;margin:20px 0 22px}
.q100-wordrow{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:9px 8px;margin:21px 0;direction:rtl}
.q100-word{flex:0 1 auto;min-width:68px;max-width:100%;border:1px solid #d9ebd9;background:linear-gradient(145deg,#f1f9ee,#ebf6ed);border-radius:13px;padding:11px 13px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#134a34}
.q100-word:nth-child(4n+2){background:#f7f1fb;border-color:#eae1f4}
.q100-word:nth-child(4n+3){background:#faf5e7;border-color:#f5e6c4}
.q100-word:nth-child(4n+4){background:#fef1ee;border-color:#f3dfd8}
.q100-word b{font-size:clamp(25px,7vw,37px);line-height:1.55;font-family:'Amiri',serif;font-weight:700}
.q100-word span{font-size:10px;line-height:1.3;direction:ltr;color:#507860}
.q100-word[disabled]{opacity:1;cursor:default}
.q100-verse-translation{font-size:15px;line-height:1.85;color:#355943;border-top:1px solid #e6eee5;padding:15px 0 7px}
.q100-verse-translation strong{color:#0a7350;font-size:12px}
.q100-verse-translation p{margin:6px 0 10px;line-height:1.85}
.q100-verse-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}
.q100-verse-actions button{background:#eef9f0;border:0;border-radius:12px;color:#16593f;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:7px}
.q100-verse-actions button:nth-child(2){background:#f1edfa;color:#7056a1}
.q100-verse-actions button:nth-child(3){background:#fff2ee;color:#ad6556}
.q100-verse-actions button.on{background:#e2f4e4;color:#08734c}
.q100-skeleton,.q100-error{background:#f0f8ed;border:1px solid #d6e6d8;margin:15px;border-radius:15px;padding:30px;text-align:center;color:#4e8468;font-size:13px}
.q100-error button{display:block;margin:14px auto 0;background:#0c7754;color:white;border:0;border-radius:10px;padding:10px 19px}
.q100-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:25px 12px}
.q100-pagination a{display:flex;align-items:center;gap:5px;font-size:12px;color:#0d7352!important;border:1px solid #ccdfd2;text-decoration:none!important;border-radius:11px;padding:12px}
.q100-pagination span{color:#91a497;font-size:10px}
.q100-reader-credit{font-size:10px;color:#91a497;text-align:center;padding:15px;margin:15px}
.q100-reader-toolbar{position:fixed;bottom:calc(68px + env(safe-area-inset-bottom,0px));z-index:15;left:0;right:0;max-width:940px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-radius:19px 19px 0 0;background:#076747;box-shadow:0 -5px 25px #003a2d1d;padding:7px 4px}
.q100-reader-toolbar button{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;padding:7px 1px;font-weight:800}
.q100-overlay{position:fixed;inset:0;z-index:800;background:#041b1799;display:grid;align-items:center;justify-items:center;padding:20px 12px}
.q100-dialog{position:relative;border-radius:23px;background:#fff;box-shadow:0 25px 100px #0006;width:min(100%,600px);max-height:90vh;overflow:auto;padding:20px;color:#183e31}
.q100-dialog header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e3eee6;padding-bottom:14px;margin-bottom:14px}
.q100-dialog header button{border:0;border-radius:50%;background:#edf6ef;width:36px;height:36px;display:grid;place-items:center;color:#0b6b4b}
.q100-dialog header h2{font-size:20px;font-weight:950;color:#104434;margin:0}
.q100-dialog header p{font-size:11px;color:#7f9b85;margin:5px 0}
.q100-pref-scroll{max-height:66vh;overflow-y:auto;padding:0 4px}
.q100-pref-scroll h3{font-size:14px;margin:23px 0 12px;color:#174c38}
.q100-select-row{display:grid;grid-template-columns:1.7fr 1fr;gap:9px}
.q100-select-row label,.q100-selectblock{display:block;font-size:11px;font-weight:850;color:#6a8a76}
.q100-select-row input,.q100-select-row select,.q100-selectblock select{width:100%;border:1px solid #d7e6db;border-radius:10px;padding:11px;background:#fff;color:#17593d;font-size:12px;margin-top:5px}
.q100-secondary{display:block;background:#eaf6eb;color:#116647;border:1px solid #d0e7d6;border-radius:10px;padding:10px 13px;margin:13px 0;font-size:11px;font-weight:900}
.q100-preftabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.q100-preftabs label{min-width:0}
.q100-preftabs input{position:absolute;opacity:0}
.q100-preftabs span{display:block;padding:11px 2px;text-align:center;font-size:11px;font-weight:850;border:1px solid #d7e7d8;border-radius:11px}
.q100-preftabs input:checked+span{background:#c8eace;border-color:#9accac;color:#166043}
.q100-prefopts{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.q100-prefopts label{display:flex;align-items:center;gap:8px;background:#f3f8f2;border:1px solid #e1ebe1;padding:11px;border-radius:11px;font-size:11px;font-weight:800}
.q100-prefopts input{accent-color:#087a55}
.q100-prefnote{font-size:10px;color:#8b9d8c;line-height:1.6}
.q100-range{display:grid;grid-template-columns:100px 1fr 26px;gap:8px;align-items:center;margin:15px 0;font-size:11px}
.q100-range input{min-width:0;accent-color:#097d53;width:100%}
.q100-range span{text-align:right;color:#5b806a}
.q100-done{background:#0c7955;color:#fff;width:100%;min-height:48px;border:0;border-radius:12px;margin-top:13px;font-weight:900}
.q100-tafsir-select label{display:block;font-size:11px;font-weight:900}
.q100-tafsir-select select{width:100%;padding:12px;margin-top:6px;background:#f5f9f4;color:#20583d;border:1px solid #cdded0;border-radius:9px}
.q100-tafsir-content{white-space:pre-line;font-size:13px;line-height:1.9;max-height:51vh;overflow-y:auto;padding:15px 0}
.q100-tafsir-link{color:#0d7955!important;font-size:12px;font-weight:900}
.q100-marklist>div:last-child{display:grid;gap:11px}
.q100-marklist a{background:#eff7ee;color:#176b4b!important;text-decoration:none!important;padding:13px;border-radius:11px;font-size:13px}
@media(min-width:880px){.q100-reader-toolbar{bottom:0}}
@media(max-width:390px){.q100-verse-actions button{font-size:10px;gap:3px}.q100-reader-top{gap:9px;padding:14px}.q100-word{padding:9px}.q100-index-head{padding:18px 10px}}