#adaptivePopupBody .quran-reader, #adaptivePopupBody .quran-settings{white-space:normal;direction:rtl;min-width:0} #adaptivePopupBody .quran-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end} #adaptivePopupBody .quran-toolbar label{margin:0;min-width:0} #adaptivePopupBody .quran-toolbar select, #adaptivePopupBody .quran-toolbar input{min-width:0;max-width:100%;margin:4px 0} #adaptivePopupBody .quran-reader button{white-space:normal;overflow-wrap:anywhere} #adaptivePopupBody .quran-search{display:flex;gap:8px;align-items:center;margin:10px 0} #adaptivePopupBody .quran-search input{flex:1;min-width:0;margin:0} #adaptivePopupBody .quran-search button{width:auto;flex-shrink:0;margin:0} #adaptivePopupBody .quran-nav{display:flex;gap:8px} #adaptivePopupBody .quran-nav button{flex:1;text-align:center;min-width:0} #adaptivePopupBody .quran-reader button:disabled{opacity:.5;cursor:default} #adaptivePopupBody .quran-page-title{font-size:1.15rem;text-align:center;margin:18px 0 8px} #adaptivePopupBody .quran-page-text{font-family:"Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-font-size,26px);line-height:2.3;margin:8px 0;overflow-wrap:break-word} #adaptivePopupBody .quran-verse{scroll-margin-block:20px} #adaptivePopupBody .quran-verse:focus{outline:2px solid currentColor;outline-offset:3px;border-radius:3px} #adaptivePopupBody .quran-verse-number{font-family:inherit;font-size:.8em;white-space:nowrap} #adaptivePopupBody .quran-basmala{text-align:center;font-family:"Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-font-size,26px);line-height:2} #adaptivePopupBody .quran-meta{font-size:.85rem;line-height:1.6;margin:10px 0} #adaptivePopupBody .quran-result-text{display:block;font-family:"Noto Naskh Arabic","Amiri",serif;font-size:var(--quran-font-size,26px);line-height:2} #adaptivePopupBody .quran-settings input[type="range"]{width:100%;padding:0;min-height:44px} #adaptivePopupBody .quran-settings input[type="checkbox"]{width:auto} #adaptivePopupCard[data-quran-theme]{background:var(--quran-bg);color:var(--quran-fg);border-color:var(--quran-border);color-scheme:light} #adaptivePopupCard[data-quran-theme="dark"]{color-scheme:dark} #adaptivePopupCard[data-quran-theme] button, #adaptivePopupCard[data-quran-theme] input, #adaptivePopupCard[data-quran-theme] select, #adaptivePopupCard[data-quran-theme] textarea{background:var(--quran-surface);color:var(--quran-fg);border:1px solid var(--quran-border)} #adaptivePopupCard[data-quran-theme] a{color:var(--quran-fg)} #adaptivePopupBody .quran-verse{cursor:pointer;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone} #adaptivePopupBody .quran-verse.quran-playing{background:var(--quran-highlight);color:var(--quran-highlight_fg);outline:2px solid var(--quran-border);outline-offset:2px} #adaptivePopupBody .quran-ayah-actions{border-block:1px solid var(--quran-border);padding:8px 0;margin:8px 0} #adaptivePopupBody .quran-ayah-actions[hidden]{display:none} #adaptivePopupBody .quran-ayah-actions h3{font-size:1rem;margin:4px 0} #adaptivePopupBody .quran-audio{border-block:1px solid var(--quran-border);padding:10px 0;margin:12px 0} #adaptivePopupBody .quran-audio-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end} #adaptivePopupBody .quran-audio-options label{margin:0;min-width:0} #adaptivePopupBody .quran-audio-options label:first-child{grid-column:1/-1} #adaptivePopupBody .quran-audio-options select{min-width:0;max-width:100%} #adaptivePopupBody .quran-audio-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #adaptivePopupBody .quran-audio-actions button{min-width:0;margin:0;text-align:center;padding:8px} #adaptivePopupBody .quran-audio input[type="range"]{width:100%;min-width:0;padding:0;min-height:44px;accent-color:var(--quran-fg)} #adaptivePopupBody .quran-audio input[type="checkbox"]{width:auto} #adaptivePopupBody .quran-audio output{display:block;text-align:center;font-variant-numeric:tabular-nums} #adaptivePopupBody .quran-audio p:empty{display:none} #adaptivePopupBody .quran-audio summary{cursor:pointer;min-height:44px;padding:8px 0} #adaptivePopupBody .quran-reader :focus-visible, #adaptivePopupBody .quran-settings :focus-visible{outline:2px solid currentColor;outline-offset:2px} @media(max-width:400px){ #adaptivePopupBody .quran-nav button{font-size:14px;padding:8px} #adaptivePopupBody .quran-toolbar{gap:6px} }