/* Tafsir is readable text, separate from the unmodified Mushaf typography. */
.tafseer-dialog{width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:92dvh;padding:0!important;border:1px solid #d6dfd7;border-radius:22px;background:#fcfbf7;color:#173d38;overflow:auto;box-shadow:0 28px 110px #071f2a50}
.tafseer-dialog::backdrop{background:#102e2b99;backdrop-filter:blur(5px)}
.tafseer-dialog>.dialog-head{position:sticky;top:0;z-index:3;margin:0;padding:20px 28px;background:#fcfbf7f5;border-bottom:1px solid #dfe4db;backdrop-filter:blur(12px)}
.tafseer-dialog .dialog-head h2{font-size:25px}.tafseer-dialog .dialog-head .eyebrow{font-size:10px;letter-spacing:.13em}
.tf-panel{font:14px/1.5 system-ui,Tahoma,sans-serif;text-align:start;color:#1e3834;min-width:0;padding:24px 28px}
.tf-panel *{box-sizing:border-box}.tf-panel [hidden]{display:none!important}
.tf-panel button,.tf-panel select,.tf-panel input{font:inherit;color:inherit;min-height:44px;border:1px solid #cbd8cc;border-radius:9px;background:#fff;padding:9px 12px;min-width:0}
.tf-panel button{cursor:pointer;font-weight:650;white-space:normal}.tf-panel button:hover{background:#eaf0e9}.tf-panel button:disabled{opacity:.4;cursor:default}
.tf-panel :focus-visible{outline:3px solid #ba8c32;outline-offset:3px}
.tf-controls{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(320px,1.3fr);gap:18px;margin-bottom:20px}
.tf-panel label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:#52695e}.tf-panel label>span{font-size:11px;letter-spacing:.02em}
.tf-work{width:100%;font-weight:650!important}.tf-location{display:grid;grid-template-columns:minmax(0,1fr) 75px auto;gap:8px;align-items:end;margin:0}.tf-location input{width:100%}.tf-location select{width:100%}
.tf-panel .tf-go,.tf-panel .tf-teach{background:#204b42;color:white;border-color:#204b42}.tf-panel .tf-go:hover,.tf-panel .tf-teach:hover{background:#163d35}
.tf-numbering{padding:13px 15px;border:1px solid #d8ba75;border-radius:9px;background:#fff6de;color:#725213;font-size:13px;line-height:1.6}
.tf-verse{font:30px/2.1 "QuranHafs";font-synthesis:none;text-align:center;padding:20px 26px;margin:0 0 25px;border:1px solid #dedbc9;border-radius:14px;background:#f4f1e6;color:#213e35;white-space:pre-wrap}
.tf-verse:empty{display:none}.tf-body-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dfe5dd;padding-bottom:12px;margin-bottom:20px}.tf-reference{font:600 17px Tahoma,serif}.tf-type{font-size:10px;color:#61766b;background:#eaf0e7;border:1px solid #d4e0d1;border-radius:99px;padding:4px 9px;white-space:nowrap}.tf-font-controls{margin-inline-start:auto;display:flex;gap:5px;direction:ltr}.tf-font-controls button{min-height:35px;padding:5px 9px}
.tf-content{font-family:Tahoma,"Arial",sans-serif;font-size:22px;line-height:2.1;white-space:pre-wrap;overflow-wrap:anywhere;text-align:start;unicode-bidi:plaintext;max-width:100%;color:#24362e}
.tf-content[lang="en"],.tf-content[lang="ru"],.tf-content[lang="id"]{font-family:Georgia,serif;line-height:1.8}
.tf-content:empty{display:none}.tf-status:empty{display:none}.tf-status{font-size:12px;line-height:1.6;margin:12px 0;color:#63776a}.tf-empty{padding:28px;border:1px dashed #bdcec0;border-radius:12px;text-align:center;background:#f1f5ec;font-size:14px}.tf-retry{display:block;margin:14px auto 0}
.tf-version-label{margin:10px 0 20px;max-width:350px}.tf-source{margin:28px 0 0;padding:16px 0 0;border-top:1px solid #dee5dc;color:#6b796c;font-size:12px}.tf-source:empty{display:none}.tf-attribution{margin:0 0 7px;line-height:1.8}.tf-source-link{color:#2c6856;text-underline-offset:4px}.tf-shared{margin-top:10px}.tf-shared summary{cursor:pointer}.tf-shared p{font-size:11px;overflow-wrap:anywhere}
.tf-navigation{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid #dee5dc}.tf-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.tf-navigation>button{font-size:12px;flex-shrink:0}
.tf-compact{padding:20px}.tf-compact .tf-controls{grid-template-columns:1fr;gap:14px}.tf-compact .tf-verse{font-size:25px;padding:15px}.tf-compact .tf-content{font-size:20px}.tf-compact .tf-body-header{flex-wrap:wrap;gap:7px}.tf-compact .tf-navigation{flex-wrap:wrap}.tf-compact .tf-actions{flex:1 1 100%;order:3}
.local-preview-tag{display:inline-flex;align-items:center;gap:6px;border:1px solid #d3bd83;background:#fbf5e7;color:#81662d;border-radius:5px;padding:3px 7px;font:650 9px system-ui;letter-spacing:.1em;vertical-align:middle;margin-inline-start:9px}
@media(max-width:760px){.tf-controls{grid-template-columns:1fr}.tafseer-dialog{width:calc(100vw - 16px);max-height:95dvh;border-radius:15px}.tafseer-dialog>.dialog-head{padding:15px 18px}.tf-panel{padding:18px}.tf-verse{font-size:26px;padding:16px}.tf-content{font-size:20px}.tf-navigation{flex-wrap:wrap}.tf-actions{flex:1 1 100%;order:3}.tf-body-header{gap:8px}.tf-reference{font-size:15px}}
@media(max-width:380px){.tf-location{grid-template-columns:minmax(0,1fr) 60px auto;gap:5px}.tf-panel select,.tf-panel input{padding-inline:6px}.tf-panel{padding:12px}.tf-type{display:none}.tf-navigation>button{font-size:11px}}