.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}}