/* TLQ Al-Qur'an v124: progress, 3-column Indonesian concordance, reference and audio controls */
.q124-progress{margin:16px 0 19px;display:grid;gap:9px;padding:12px 13px 14px;background:#f5f9f5;border:1px solid #dfece1;border-radius:13px;}
.q124-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#5f8570}
.q124-progress-label{font-size:11px;line-height:1.55}
.q124-progress-pct{color:#12684a;font-size:12px;font-weight:850;white-space:nowrap;font-variant-numeric:tabular-nums}
.q124-progress-track{height:10px;border-radius:99px;background:#dce8df;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0e513611}
.q124-progress-fill{height:100%;width:0%;border-radius:99px;background:linear-gradient(90deg,#0a7954,#31b184,#6ed4aa);transition:width .22s linear;position:relative}
.q124-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff5c 45%,transparent 60%);animation:q124-glimmer 1.5s linear infinite}
.q124-progress.complete .q124-progress-fill:after{animation:none;opacity:0}
@keyframes q124-glimmer{from{transform:translateX(-100%)}to{transform:translateX(200%)}}
.q122-occurrences>a{display:grid!important;grid-template-columns:minmax(0,34%) minmax(0,1fr) max-content!important;align-items:center!important;gap:10px!important;min-height:68px!important;padding:11px 2px!important;text-align:left!important;direction:ltr!important}
.q122-occurrences>a>b{font:normal clamp(19px,5vw,25px)/1.7 'Amiri',serif!important;text-align:left!important;direction:rtl!important;overflow-wrap:normal!important;word-break:normal!important;color:#184f3a;min-width:0}
.q122-occurrences>a .q124-indonesian{color:#365b45!important;font-size:clamp(10px,2.9vw,12px)!important;line-height:1.55!important;min-width:0;overflow-wrap:break-word}
.q122-occurrences>a small{color:#61796b!important;font-size:clamp(9px,2.55vw,11px)!important;font-variant-numeric:tabular-nums;white-space:nowrap!important;text-align:right}
.q122-occurrences>a:active,.q122-occurrences>a:focus-visible{background:#e9f5ec;outline:0;border-radius:8px}
.q124-verse-reference{background:linear-gradient(150deg,#fff,#fffdf3)!important}
.q113-word.q124-reference-word,.q100-word.q124-reference-word{background:#f7e4aa!important;box-shadow:0 0 0 2px #e6bc55!important;border-radius:8px!important;color:#084a35!important;outline:0;position:relative}
.q124-meaning-highlight,.q124-ref-meaning mark{background:#f9e4a0!important;color:#174b36!important;font-weight:850!important;border-radius:5px;padding:2px 4px;box-decoration-break:clone}
.q124-ref-meaning{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center;margin:11px 0 5px;padding:11px 12px;border:1px solid #e9d8a2;background:#fff9e9;border-radius:12px;line-height:1.65}
.q124-ref-meaning small{font-size:11px;color:#6d765b;font-weight:750}
.q124-ref-meaning mark{font-size:12px}
.q113-player{flex-wrap:wrap!important;row-gap:7px!important;padding-bottom:10px!important}
.q124-audio-options{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 11px;border-top:1px solid #ffffff29;padding:9px 6px 0;color:#f0fff5}
.q124-repeat-option,.q124-autonext-option{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:750;white-space:nowrap}
.q124-repeat-option select{appearance:auto;background:#ffffff24;color:#fff;border:1px solid #ffffff55;border-radius:9px;font-size:12px;font-weight:800;padding:6px 7px;min-width:58px}
.q124-repeat-option select option{background:#164d37;color:white}
.q124-autonext-option input{width:15px;height:15px;accent-color:#f6e4a1}
#q124-repeat-count{color:#d6e9dc;font-size:10px;margin-left:auto}
.q100-reader-toolbar button.q113-on{background:#ffffff25!important;color:#ffe8a4!important}
@media(max-width:390px){
 .q122-occurrences>a{grid-template-columns:minmax(0,32%) minmax(0,1fr) max-content!important;gap:6px!important;padding:10px 0!important}
 .q122-occurrences>a>b{font-size:20px!important}
 .q124-audio-options{gap:7px}
 .q124-repeat-option,.q124-autonext-option{font-size:10px}
 #q124-repeat-count{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.q124-progress-fill,.q124-progress-fill:after{animation:none!important;transition:none!important}}