.irqc-tafsir-library{--tf-bg:#fff;--tf-ink:#183d30;--tf-edge:#d2e6d9;--tf-accent:#167444;--tf-soft:#eff8f1;color:var(--tf-ink);background:var(--tf-bg);border-radius:20px;padding:24px;box-sizing:border-box}
.irqc-tafsir-library a,.irqc-tafsir-library a:hover,.irqc-tafsir-library a:focus{color:var(--tf-accent)}
body .irqc-tafsir-library{background:var(--tf-bg)!important}
.irqc-tafsir-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.irqc-tafsir-tabs a,.irqc-tafsir-references a{color:var(--tf-accent);text-decoration:none;padding:12px 16px;border:1px solid var(--tf-edge);border-radius:12px;background:var(--tf-bg)}
.irqc-tafsir-tabs a:hover,.irqc-tafsir-tabs .is-active,.irqc-tafsir-references a:hover{color:var(--tf-accent);background:var(--tf-soft);border-color:var(--tf-accent)}
.irqc-tafsir-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:start;margin:24px 0}.irqc-tafsir-filters label,.irqc-tafsir-track-label{display:grid;gap:8px;min-width:0;font-weight:600}
.irqc-tafsir-library select,.irqc-tafsir-library input{box-sizing:border-box;width:100%;min-width:0;min-height:48px;border:1px solid var(--tf-edge);border-radius:10px;background:var(--tf-bg);color:var(--tf-ink);padding:10px;font:inherit}.irqc-tafsir-filters small{font-size:12px;font-weight:400}.irqc-tafsir-filters button{margin-top:32px;min-height:48px}
.irqc-tafsir-workspace{padding:28px;background:var(--tf-bg);border:1px solid var(--tf-edge);border-radius:20px}.irqc-tafsir-workspace>h2{font-size:24px;line-height:1.6;margin-top:0}.irqc-tafsir-library audio,.irqc-tafsir-library video{display:block;width:100%;margin:24px 0;max-height:65vh;border-radius:12px}.irqc-tafsir-library video{background:#14271e;aspect-ratio:16/9;object-fit:contain}
.irqc-tafsir-controls{display:flex;flex-wrap:wrap;gap:12px}.irqc-tafsir-controls button:disabled{opacity:.45;cursor:default}.irqc-tafsir-references{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.irqc-tafsir-references h3{width:100%;margin:0}.irqc-tafsir-library a:focus-visible,.irqc-tafsir-library button:focus-visible,.irqc-tafsir-library select:focus-visible,.irqc-tafsir-library input:focus-visible{outline:3px solid var(--tf-accent);outline-offset:3px}.irqc-tafsir-empty{padding:20px;border-radius:12px;background:var(--tf-soft)}
html[data-irhp-theme="dark"] .irqc-tafsir-library,html.dark .irqc-tafsir-library,body.dark-mode .irqc-tafsir-library,html[data-theme="dark"] .irqc-tafsir-library,body.irqc-dark .irqc-tafsir-library,body.irhp-dark .irqc-tafsir-library{--tf-bg:#13271e;--tf-ink:#e1f2e6;--tf-edge:#305640;--tf-accent:#8be0a7;--tf-soft:#1b3829}
@media(max-width:800px){.irqc-tafsir-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.irqc-tafsir-filters label:first-child{grid-column:1/-1}.irqc-tafsir-filters button{margin-top:0;grid-column:1/-1}.irqc-tafsir-workspace{padding:18px}.irqc-tafsir-tabs a{flex:1 1 120px;text-align:center}.irqc-tafsir-controls button{flex:1 1 80px}.irqc-tafsir-library{overflow-wrap:anywhere}}
.irqc-tafsir-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
.irqc-tafsir-discovery{margin:28px 0}.irqc-tafsir-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.irqc-tafsir-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--tf-edge);border-radius:14px;background:var(--tf-bg);text-decoration:none!important;color:var(--tf-ink)!important;min-width:0;overflow-wrap:anywhere}
.irqc-tafsir-card:hover,.irqc-tafsir-card.is-selected{border-color:var(--tf-accent);background:var(--tf-soft);color:var(--tf-ink)!important}.irqc-tafsir-card h3{margin:0;font-size:17px;line-height:1.7;color:var(--tf-ink)}.irqc-tafsir-card p{margin:0;font-size:13px}.irqc-tafsir-card>span,.irqc-tafsir-card small{font-size:12px;color:var(--tf-accent)}.irqc-tafsir-card small{margin-top:auto}
.irqc-tafsir-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin:22px 0}.irqc-tafsir-library input:focus,.irqc-tafsir-library select:focus{border-color:var(--tf-accent);box-shadow:0 0 0 3px rgba(22,116,68,.13)}
@media(max-width:1000px){.irqc-tafsir-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.irqc-tafsir-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.irqc-tafsir-results{grid-template-columns:minmax(0,1fr)}.irqc-tafsir-filters{grid-template-columns:minmax(0,1fr)}.irqc-tafsir-filters label:first-child,.irqc-tafsir-filters button{grid-column:auto}.irqc-tafsir-pagination .irqc-button{flex:1;text-align:center}}

/* Normalize the complete filter grid against Phlox's search-input and label rules. */
body .irqc-tafsir-library .irqc-tafsir-filters{gap:18px 20px;margin:24px 0}
body .irqc-tafsir-library .irqc-tafsir-filters>label{margin:0!important;grid-template-columns:minmax(0,1fr);gap:8px;align-content:start;line-height:1.6}
body .irqc-tafsir-library .irqc-tafsir-filters :is(input:not([type=hidden]),select:not(.irqc-native-select),.irqc-search-select__button){box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 14px!important;border:1px solid var(--tf-edge)!important;border-radius:12px!important;font:inherit!important;line-height:1.5!important;background:var(--tf-bg)!important;color:var(--tf-ink)!important}
body .irqc-tafsir-library .irqc-tafsir-filters .irqc-search-select{box-sizing:border-box;width:100%;min-width:0;margin:0}
body .irqc-tafsir-library .irqc-tafsir-filters>button{box-sizing:border-box;height:48px;min-height:48px;margin:0!important;grid-column:1/-1;justify-self:end;padding:0 24px;line-height:1.5}
.irqc-tafsir-choices{margin:24px 0;border:1px solid var(--tf-edge);border-radius:16px;background:var(--tf-bg);overflow:hidden}
.irqc-tafsir-choices>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;padding:16px 20px;cursor:pointer;color:var(--tf-accent);font-weight:700;background:var(--tf-soft)}
.irqc-tafsir-choices>summary::-webkit-details-marker{display:none}.irqc-tafsir-choices[open] .irqc-tf-choice-arrow{transform:rotate(180deg)}
.irqc-tafsir-choices .irqc-tafsir-discovery{margin:0;padding:12px}
.irqc-tafsir-choices .irqc-tafsir-results{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-height:420px;overflow:auto;padding:3px;overscroll-behavior:contain}
.irqc-tafsir-choices .irqc-tafsir-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;padding:12px 16px;border-radius:12px}
.irqc-tafsir-choices .irqc-tafsir-card h3{grid-column:1;grid-row:1;font-size:15px;line-height:1.6}
.irqc-tafsir-choices .irqc-tafsir-card>span:first-child{grid-column:2;grid-row:1}
.irqc-tafsir-choices .irqc-tafsir-card p{grid-column:1;grid-row:2}
.irqc-tafsir-choices .irqc-tafsir-card .irqc-tf-badge{grid-column:1/-1;border:0;padding:0}
.irqc-tafsir-choices .irqc-tafsir-card small{grid-column:2;grid-row:2;margin:0;align-self:center}
.irqc-tafsir-choices>summary:focus-visible{outline:3px solid var(--tf-accent);outline-offset:-4px}
@media(max-width:540px){body .irqc-tafsir-library .irqc-tafsir-filters>button{justify-self:stretch}.irqc-tafsir-choices .irqc-tafsir-card{grid-template-columns:minmax(0,1fr)}.irqc-tafsir-choices .irqc-tafsir-card>*{grid-column:1!important;grid-row:auto!important}.irqc-tafsir-choices .irqc-tafsir-card h3{grid-row:2!important}}
/* An absent text source is a readable note, not a disabled empty picker. */
.irqc-verse-tafsir-control[hidden],.irqc-no-text-tafsir[hidden]{display:none!important}
.irqc-no-text-tafsir{font-size:.9rem;line-height:1.7;margin:.75rem 0;color:var(--irqc-muted,#526f63)}
.irqc-tf-materials{gap:.45rem;max-width:100%;white-space:normal;line-height:1.5}
.irqc-tf-materials svg{width:18px;height:18px;flex:0 0 18px}

/* Translation view only: bounded filters and independent edition links. */
.irqc-translation-library .irqc-translation-related{margin-block:24px;padding:18px;border:1px solid var(--irqc-border,#c9ded2);border-radius:18px;overflow-wrap:anywhere}
.irqc-translation-related ul{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.irqc-translation-related li{max-width:100%}.irqc-translation-related .irqc-button{white-space:normal;text-align:start;max-width:100%}
.irqc-translation-library .irqc-tf-playlist strong{overflow-wrap:anywhere}.irqc-translation-entry{margin-block:12px;max-width:100%;white-space:normal}

.irqc-translation-library .irqc-tafsir-filters>button[type=submit]{height:52px!important;min-height:52px!important;box-sizing:border-box}
html[data-irhp-theme="dark"] .irqc-translation-library .irqc-page-language label>span,
html[data-irhp-theme="dark"] .irqc-translation-library .irqc-mushaf-breadcrumb,
html[data-irhp-theme="dark"] .irqc-translation-library .irqc-mushaf-breadcrumb a{color:#c4dfcf!important}