/* r1064: shared classic/Feyz reading panel; sacred text retains its language. */
.r1064-reading{min-width:0;margin-top:10px;overflow-wrap:anywhere}
.r1064-reading .r1064-content{display:grid;gap:12px;min-width:0;padding:12px 0 3px}
.r1064-reading .r1064-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.r1064-reading .r1064-field{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--mut,#bfcfc8)}
.r1064-reading select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid var(--line,#35515a);border-radius:10px;color:var(--txt,#e9e6d0);background:var(--bg,#081c25);font:inherit}
#r1064YasinVerse{min-height:44px}
.r1064-reading h3{margin:0;color:var(--goldh,#e6d18a);font-size:16px}
.r1064-reading p{margin:0;line-height:1.65}
.r1064-reading .r1064-arabic{font-family:"Amiri","Scheherazade New","Noto Naskh Arabic",serif;font-size:clamp(24px,5.5vw,32px);line-height:2.1;white-space:pre-wrap;text-align:right;word-break:normal;overflow-wrap:anywhere;unicode-bidi:plaintext;color:var(--txt,#e9e6d0)}
.r1064-reading .r1064-latin,.r1064-reading .r1064-meaning{line-height:1.8;white-space:pre-wrap;font-size:14px;padding:10px 0;text-align:left;unicode-bidi:plaintext}
.r1064-reading .r1064-note,.r1064-reading .r1064-missing{font-family:inherit!important;font-size:12px!important;line-height:1.7!important;color:var(--mut,#bfcfc8);text-align:start!important}
.r1064-reading details>summary{cursor:pointer;line-height:1.6;overflow-wrap:anywhere}
.r1064-reading .r1064-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.r1064-reading button,.r1064-context-open{min-height:42px;max-width:100%;padding:9px 12px;border:1px solid var(--line,#35515a);border-radius:11px;color:var(--goldh,#e6d18a);background:var(--surface,rgba(9,31,39,.75));font:inherit;font-size:12px;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.r1064-reading button:disabled{cursor:default;opacity:.48}
.r1064-reading :is(button,select,input,summary):focus-visible,.r1064-context-open:focus-visible{outline:2px solid var(--goldh,#e6d18a);outline-offset:3px}
.r1064-context-open{display:block;margin:10px 0}
#r1064CurrentReadingOpen{margin:8px auto 0}
.r1064-reading [hidden],#r1064YasinBox [hidden]{display:none!important}
.r1064-reading .r1064-check{display:flex;align-items:center;gap:9px;font-size:13px}
.r1064-reading .r1064-check input{width:20px;height:20px;flex:none;accent-color:var(--goldh,#e6d18a)}
#r1064YasinVerses{display:grid;gap:12px;min-width:0}
.r1064-reading .r1064-verse{position:relative;min-width:0;border-top:1px solid var(--line,#35515a);padding:14px 0 4px}
.r1064-reading .r1064-verse-number{display:inline-flex;min-width:25px;min-height:25px;padding:2px 6px;border:1px solid var(--line,#35515a);border-radius:50%;align-items:center;justify-content:center;color:var(--goldh,#e6d18a);font-size:11px;font-variant-numeric:tabular-nums}
.r1064-reading .r1064-verse-meaning{padding-top:8px;color:var(--mut,#bfcfc8);font-size:14px;white-space:pre-wrap;text-align:left}
/* r1067: the frame includes Arabic and its meaning without changing layout. */
#r1064YasinBox .r1064-verse,#r1064YasinBasmala{box-sizing:border-box;padding-inline:12px}
#r1064YasinBox .r1067-current-verse{outline:2px solid #61dfce;outline-offset:-2px;border-radius:8px;background-color:rgba(58,191,170,.09);box-shadow:inset 0 0 0 1px rgba(97,223,206,.2)}
#r1064YasinBox .r1067-current-paused{outline-color:#e6d18a;background-color:rgba(214,185,109,.09);box-shadow:inset 0 0 0 1px rgba(230,209,138,.2)}
#r1064YasinBox .r1067-current-verse .r1064-verse-number{border-color:#61dfce;color:#8df0e2}
#r1064YasinBox .r1067-current-paused .r1064-verse-number{border-color:#e6d18a;color:#e6d18a}
#r1067YasinTrackingStatus{color:var(--mut,#bfcfc8);font-size:12px;min-height:1.65em}
#r1064ReadingSourceList{display:grid;gap:9px;padding-top:10px;font-size:12px}
#r1064ReadingSourceList a{color:var(--goldh,#e6d18a);text-decoration:underline}
/* r1100: the existing reader stays interactive above the tefekkür scene. */
#r1100ReadingDialog{box-sizing:border-box;width:min(680px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:85vh;max-height:85dvh;margin:auto;padding:0 16px 16px;border:1px solid var(--line,#35515a);border-radius:16px;background:var(--bg,#081c25);color:var(--txt,#e9e6d0);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;visibility:visible;opacity:1;box-shadow:0 20px 70px #0009}
#r1100ReadingDialog::backdrop{background:#020b14b8}
#r1100ReadingDialog .r1100-reading-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;background:var(--bg,#081c25)}
#r1100ReadingTitle{margin:0;font:600 15px/1.5 system-ui;color:var(--goldh,#e6d18a)}
#r1100ReadingClose{flex:none;min-height:44px;padding:9px 12px;border:1px solid var(--line,#35515a);border-radius:11px;background:var(--surface,#122e38);color:var(--goldh,#e6d18a);font:inherit;cursor:pointer}
#r1100ReadingClose:focus-visible{outline:2px solid var(--goldh,#e6d18a);outline-offset:2px}
#r1100ReadingDialog>#r1064ReadingExplorer{margin:0;max-height:none;opacity:1;filter:none;pointer-events:auto}
#r1100ReadingDialog>#r1064ReadingExplorer>summary{display:none}
@media(max-width:580px){.r1064-reading .r1064-settings{grid-template-columns:minmax(0,1fr)}.r1064-reading .r1064-actions button{flex:1 1 110px}.r1064-reading .r1064-content{gap:10px}.r1064-reading .r1064-arabic{font-size:26px;line-height:2}}
