/* assets/read/read.css: Read (Kur'an okuyucu). single-read.php + inc/read.php */
@font-face {
  font-family: 'Medrese Naskh';
  src: url('../fonts/MedreseNaskhRegular.woff2') format('woff2'),
       url('../fonts/MedreseNaskhRegular.ttf') format('truetype');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'KFGQPC Hafs'; /* KFGQPC lisansı: değiştirilmeden kullanılır */
  src: url('../fonts/UthmanicHafs1Ver18.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}

.rd-shell {
  --canvas: #efe9dd;
  --paper: #fdfbf6;
  --ink: #1c1915;
  --ink-2: #5a5247;
  --ink-3: #6f6658;
  --rule: #e4dac6;
  --line-strong: #958770; /* form kontrolleri: beyaz/kâğıt üzerinde ≥3:1 */
  --gold: #a87a2c;
  --gold-ink: #7d5a1c;
  --gold-wash: rgba(214, 168, 68, .22);
  --accent: #1d4ed8;
  --accent-ink: #1e3fae;
  --accent-wash: #e8eefc;
  --ar-size: 2rem;
  --bar-h: 64px;
  background: var(--canvas);
  color: var(--ink);
  padding-bottom: 3rem;
}
.rd-shell ::selection { background: rgba(214, 168, 68, .35); color: var(--ink); }
.rd-shell button { font: inherit; color: inherit; }
.rd-shell :focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 6px; }
.rd-shell svg { width: 20px; height: 20px; display: block; fill: currentColor; flex-shrink: 0; }

/* ─── Player ─── */
.rp {
  position: sticky; top: 0; z-index: 500;
  background: rgba(253, 251, 246, .96);
  border-bottom: 1px solid var(--rule);
  box-shadow: 0 6px 18px -12px rgba(60, 45, 20, .35);
}
@supports (backdrop-filter: blur(8px)) {
  .rp { background: rgba(253, 251, 246, .86); backdrop-filter: saturate(1.2) blur(10px); }
}
.admin-bar .rp { top: 32px; }
.rp-in {
  max-width: 1320px; margin: 0 auto; padding: .5rem 1.25rem;
  display: flex; align-items: center; gap: 1rem; min-height: var(--bar-h);
}
.rp-main { display: flex; align-items: center; gap: .35rem; flex: 1 1 auto; min-width: 0; }
.rp-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%; border: 0; background: transparent;
  cursor: pointer; color: var(--ink-2); transition: background .15s, color .15s, transform .15s;
}
.rp-btn:hover { background: var(--accent-wash); color: var(--accent-ink); }
.rp-btn:disabled { opacity: .35; cursor: default; background: transparent; }
.rp-play {
  width: 46px; height: 46px; background: var(--accent); color: #fff;
  box-shadow: 0 3px 10px -2px rgba(29, 78, 216, .45);
}
.rp-play:hover { background: var(--accent-ink); color: #fff; }
.rp-play:active { transform: scale(.95); }
.rp-play svg { width: 22px; height: 22px; }
.rp-play.is-loading svg { animation: rp-pulse 1s ease-in-out infinite; }
@keyframes rp-pulse { 50% { opacity: .35; } }

.rp-status { display: flex; flex-direction: column; min-width: 0; margin-left: .6rem; line-height: 1.25; }
.rp-now { font-weight: 650; font-size: .95rem; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.rp-sub { font-size: .8rem; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rp-sub.is-error { color: #a1281c; }
.rp-more { display: none; margin-left: auto; }

.rp-opts { display: flex; align-items: center; gap: .75rem; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; }
.rp-field { display: flex; align-items: center; gap: .4rem; margin: 0; font-size: .8rem; color: var(--ink-3); }
.rp-shell-label, .rp-field > span { font-weight: 600; }
.rp-opts select, .rp-range input {
  height: 36px; border: 1px solid var(--line-strong); border-radius: 8px; background: #fff;
  color: var(--ink); font-size: .85rem; padding: 0 .55rem; margin: 0;
}
.rp-opts select { padding-right: 1.6rem; cursor: pointer; }
.rp-opts select:hover, .rp-range input:hover { border-color: var(--ink-3); }
.rp-range {
  display: flex; align-items: center; gap: .35rem; margin: 0; padding: 0; border: 0; min-width: 0;
}
.rp-range legend {
  float: left; width: auto; margin: 0 .25rem 0 0; padding: 0; border: 0;
  font-size: .8rem; font-weight: 600; color: var(--ink-3);
}
.rp-range input { width: 3.6rem; text-align: center; font-variant-numeric: tabular-nums; -moz-appearance: textfield; }
.rp-range input::-webkit-inner-spin-button, .rp-range input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.rp-dash { font-size: .8rem; color: var(--ink-3); }
.rp-go {
  display: inline-flex; align-items: center; gap: .3rem; height: 36px; padding: 0 .85rem 0 .6rem;
  border: 1px solid #b9c8f2; border-radius: 8px; background: var(--accent-wash); color: var(--accent-ink) !important;
  font-size: .85rem; font-weight: 600; cursor: pointer; transition: background .15s, border-color .15s;
}
.rp-go svg { width: 16px; height: 16px; }
.rp-go:hover { background: #d9e3fb; border-color: #93acec; }
.rp-size { display: flex; border: 1px solid var(--line-strong); border-radius: 8px; overflow: hidden; background: #fff; }
.rp-size button {
  width: 34px; height: 34px; border: 0; background: transparent; cursor: pointer; color: var(--ink-2);
  font-weight: 700; font-family: Georgia, 'Times New Roman', serif; line-height: 1;
}
.rp-size button[data-size="-1"] { font-size: .8rem; }
.rp-size button[data-size="1"] { font-size: 1.1rem; border-left: 1px solid var(--line-strong); }
.rp-size button:hover { background: var(--accent-wash); color: var(--accent-ink); }

.rp-continue {
  display: flex; align-items: center; justify-content: center; gap: .75rem;
  padding: .45rem 1rem .55rem; border-top: 1px solid var(--rule);
  font-size: .85rem; color: var(--ink-2);
  animation: rp-in .25s cubic-bezier(.16, 1, .3, 1);
}
.rp-continue[hidden] { display: none; }
.rp-continue button {
  border: 1px solid #c4d2f6; background: var(--accent-wash); color: var(--accent-ink);
  border-radius: 999px; padding: .3rem .9rem; font-size: .82rem; font-weight: 600; cursor: pointer;
}
.rp-continue button:hover { background: #d9e3fb; }
@keyframes rp-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* Blocksy form stillerini ez: tema input[type]/select kurallarını kendi kenarlık ve zeminiyle basıyor */
.rd-shell .rp-range input[type="number"],
.rd-shell input.rd-search[type="search"] {
  height: 36px; border: 1px solid var(--line-strong); border-radius: 8px; background: #fff;
  color: var(--ink); font-size: .85rem; padding: 0 .55rem; box-shadow: none; margin: 0;
}
.rd-shell input.rd-search[type="search"] { width: 100%; margin: .75rem 0 .5rem; padding: 0 .7rem; background: var(--paper); }
.rd-shell .rp-range input[type="number"] { width: 3.6rem; text-align: center; }
.rd-shell .rp-range input[type="number"]:focus,
.rd-shell input.rd-search[type="search"]:focus { border-color: var(--accent); outline: 2px solid rgba(29, 78, 216, .25); outline-offset: 0; }
.rd-shell .rp-opts select, .rd-shell .rd-jump select {
  -webkit-appearance: none; appearance: none; padding-right: 1.9rem;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%235a5247' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right .6rem center / 12px;
}
.rd-shell .rd-jump select { background-color: var(--paper); }

/* ─── Layout ─── */
.rd-layout {
  max-width: 1320px; margin: 0 auto; padding: 1.75rem 1.25rem 0;
  display: grid; grid-template-columns: 236px minmax(0, 1fr); gap: 2rem; align-items: start;
}
.rd-nav {
  position: sticky; top: calc(var(--bar-h) + 1.25rem);
  height: calc(100vh - var(--bar-h) - 2.5rem); display: flex; flex-direction: column; min-height: 0;
}
.admin-bar .rd-nav { top: calc(var(--bar-h) + 32px + 1.25rem); height: calc(100vh - var(--bar-h) - 32px - 2.5rem); }
.rd-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; padding: 3px; background: #e4dccc; border-radius: 10px; }
.rd-tab {
  border: 0; background: transparent; border-radius: 8px; padding: .4rem 0; cursor: pointer;
  font-size: .82rem; font-weight: 600; color: var(--ink-2);
}
.rd-tab[aria-selected="true"] { background: var(--paper); color: var(--ink); box-shadow: 0 1px 3px rgba(60, 45, 20, .15); }
.rd-panel { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.rd-panel[hidden] { display: none; }
.rd-search {
  margin: .75rem 0 .5rem; height: 36px; width: 100%; border: 1px solid var(--line-strong); border-radius: 8px;
  background: var(--paper); padding: 0 .7rem; font-size: .85rem; color: var(--ink);
}
.rd-search::placeholder { color: var(--ink-3); }
.rd-list {
  list-style: none; margin: 0; padding: 0 .25rem 0 0; overflow-y: auto; flex: 1; min-height: 0;
  scrollbar-width: thin; scrollbar-color: #cdbf9f transparent;
}
.rd-list li { margin: 0; }
.rd-list a {
  display: flex; align-items: baseline; gap: .6rem; padding: .36rem .6rem; border-radius: 7px;
  color: var(--ink-2); text-decoration: none; font-size: .87rem; line-height: 1.3;
}
.rd-list a:hover { background: #e6dfd0; color: var(--ink); }
.rd-list a[aria-current="page"], .rd-list a.is-here { color: var(--ink); font-weight: 650; }
.rd-list a[aria-current="page"] { background: var(--paper); box-shadow: 0 1px 3px rgba(60, 45, 20, .12); }
.rd-n { min-width: 1.9rem; text-align: right; font-size: .75rem; color: var(--ink-3); font-variant-numeric: tabular-nums; font-weight: 500; }
.rd-list a[aria-current="page"] .rd-n, .rd-list a.is-here .rd-n { color: var(--gold-ink); }
.rd-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Sayfa listesi: sayfa numarası önde, sure adı ikincil */
.rd-pg { flex-shrink: 0; min-width: 4.6rem; font-weight: 650; color: var(--ink); font-variant-numeric: tabular-nums; }
.rd-ps { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .78rem; color: var(--ink-3); font-weight: 400; }
.rd-list a.is-here .rd-pg { color: var(--gold-ink); }
.rd-list a.is-here { font-weight: 400; }

.rd-main { min-width: 0; }
.rd-jump { display: none; }

/* ─── Mushaf sheet ─── */
.rd-sheet {
  max-width: 54rem; margin: 0 auto; background: var(--paper);
  border-radius: 14px; padding: 2.75rem clamp(1.25rem, 4vw, 3.75rem) 2.5rem;
  box-shadow: 0 1px 2px rgba(60, 45, 20, .06), 0 14px 36px -18px rgba(60, 45, 20, .28);
}
.rd-head { text-align: center; padding-bottom: 1.75rem; margin-bottom: .5rem; position: relative; }
.rd-head::after {
  content: ''; position: absolute; left: 50%; bottom: 0; width: min(18rem, 60%); height: 7px; transform: translateX(-50%);
  background:
    radial-gradient(circle, var(--gold) 2.4px, transparent 3px) center / 7px 7px no-repeat,
    linear-gradient(var(--gold), var(--gold)) left center / calc(50% - 10px) 1px no-repeat,
    linear-gradient(var(--gold), var(--gold)) right center / calc(50% - 10px) 1px no-repeat;
  opacity: .7;
}
.rd-head-ar { font-family: 'Medrese Naskh', serif; font-size: 2.3rem; line-height: 1.6; margin: 0; color: var(--ink); }
.rd-head-en { font-size: 1.05rem; font-weight: 650; letter-spacing: .01em; margin: .1rem 0 .2rem; color: var(--ink); line-height: 1.3; }
.rd-head-meta { margin: 0; font-size: .82rem; color: var(--ink-3); font-variant-numeric: tabular-nums; }

.rd-text {
  font-family: 'Medrese Naskh', 'Traditional Arabic', serif; font-weight: 400;
  font-size: var(--ar-size); line-height: 2.25; color: var(--ink);
  text-align: justify; text-align-last: right; word-spacing: .04em;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
.rd-lines { margin: 0; }
.rd-page + .rd-page { margin-top: 1.25rem; }
.rd-page, .ay { scroll-margin-top: calc(var(--bar-h) + 4.5rem); }
@media (max-width: 860px) { .rd-page, .ay { scroll-margin-top: 1rem; } }

/* Sayfa başı işareti */
.rd-pm {
  display: flex; align-items: center; gap: .65rem; margin: .75rem 0 .5rem;
  font-family: inherit; font-size: .78rem; line-height: 1; color: var(--gold-ink);
}
.rd-shell .rd-pm { font-family: var(--theme-font-family, system-ui, -apple-system, 'Segoe UI', sans-serif); }
.rd-pm::before, .rd-pm::after { content: ''; flex: 1; height: 1px; background: var(--rule); order: 0; }
.rd-pm::before { order: -1; }
.rd-pm-num { font-weight: 650; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.rd-pm-juz { color: var(--ink-3); padding-left: .65rem; border-left: 1px solid var(--rule); }
.rd-pm-play {
  order: 2; display: inline-flex; align-items: center; gap: .25rem; border: 0; background: transparent;
  color: var(--ink-3); font-size: .75rem; padding: .3rem .55rem; border-radius: 999px; cursor: pointer;
}
.rd-pm-play svg { width: 14px; height: 14px; }
.rd-pm-play:hover { background: var(--accent-wash); color: var(--accent-ink); }
.rd-pm::after { order: 3; }

/* Besmele */
.rd-basmala { text-align: center; text-align-last: center; margin: .25rem 0 .75rem; }
.rd-basmala-btn {
  font-family: 'Medrese Naskh', serif !important; font-size: 1.12em; line-height: 2; padding: 0 .75rem;
  border: 0; background: transparent; cursor: pointer; border-radius: 10px; color: var(--ink) !important;
  transition: background .2s;
}
.rd-basmala-btn:hover { background: rgba(214, 168, 68, .12); }
.rd-basmala-btn.is-playing { background: var(--gold-wash); }

/* Ayet ve kelime */
.ay { border-radius: 6px; transition: background-color .25s; -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: .05em 0; }
.ay.is-playing { background-color: var(--gold-wash); }
.ay.is-target { animation: rd-target 2.4s ease-out; }
@keyframes rd-target { 0%, 40% { background-color: var(--gold-wash); } 100% { background-color: transparent; } }
.w { cursor: pointer; border-radius: 4px; transition: color .15s; }
.w:hover { color: var(--accent-ink); }
.w.is-word { color: var(--accent); }
.w.is-follow { color: var(--accent); }

.am {
  /* Fontun kendi ayet sonu deseni (U+06DD); rakam ortasına bindirilir (font rakamı kendisi sarmıyor). */
  display: inline-grid; place-items: center; vertical-align: -.05em; margin: 0 .06em;
  padding: 0; border: 0; background: transparent; line-height: 1;
  font-family: 'Medrese Naskh', serif !important; font-size: 1em; color: var(--gold-ink) !important;
  cursor: pointer; border-radius: 999px; transition: color .15s, background .15s;
}
.am > span { grid-area: 1 / 1; }
.am-g { font-size: 1.1em; line-height: .6; color: var(--gold-ink); transition: color .15s; }
.am-n { font-size: .84em; font-weight: 400; color: var(--ink); padding-top: .1em; letter-spacing: -.04em; }
.am--3 .am-n { font-size: .68em; letter-spacing: -.06em; }
.am:hover .am-g { color: var(--accent); }
.am:hover .am-n { color: var(--accent-ink); }
.am:hover { background: rgba(29, 78, 216, .07); }
/* Secde: ۩ altın renkte ve büyük, ayet sonunda küçük "Sajdah" etiketi */
.sj { color: var(--gold-ink); font-size: 1.15em; }
.sj-tag {
  display: inline-block; vertical-align: .35em; margin: 0 .25em;
  font: 600 .7rem/1 system-ui, -apple-system, 'Segoe UI', sans-serif; letter-spacing: .04em;
  color: var(--gold-ink); background: rgba(214, 168, 68, .16); border: 1px solid rgba(168, 122, 44, .35);
  padding: .3em .55em; border-radius: 999px; direction: ltr; unicode-bidi: isolate;
}

/* Görünüm menüsü (Aa): mushaf + yazı boyutu */
.rp-display { position: relative; }
.rp-aa {
  height: 36px; min-width: 44px; padding: 0 .7rem; border: 1px solid var(--line-strong); border-radius: 8px; background: #fff;
  font-family: Georgia, 'Times New Roman', serif; font-size: 1rem; font-weight: 700; color: var(--ink-2); cursor: pointer;
}
.rp-aa:hover, .rp-display.is-open .rp-aa { color: var(--accent-ink); border-color: #93acec; background: var(--accent-wash); }
.rp-display-panel {
  position: absolute; right: 0; top: calc(100% + 8px); z-index: 20; width: 248px;
  display: none; flex-direction: column; gap: .85rem; padding: .9rem;
  background: var(--paper); border: 1px solid var(--rule); border-radius: 12px;
  box-shadow: 0 12px 28px -12px rgba(60, 45, 20, .35);
}
.rp-display.is-open .rp-display-panel { display: flex; animation: rp-in .2s cubic-bezier(.16, 1, .3, 1); }
.rp-dgroup { display: flex; flex-direction: column; gap: .4rem; }
.rp-dlabel { font-size: .75rem; font-weight: 600; color: var(--ink-3); }
.rd-script { display: grid; grid-template-columns: 1fr 1fr; gap: 3px; padding: 3px; background: #ece4d3; border-radius: 10px; }
.rd-script button {
  display: flex; flex-direction: column; align-items: center; gap: .1rem;
  border: 0; background: transparent; border-radius: 8px; padding: .4rem .5rem; cursor: pointer;
  font-size: .85rem; font-weight: 650; color: var(--ink-2); line-height: 1.15; transition: background .2s, color .2s, box-shadow .2s;
}
.rd-script button small { font-size: .7rem; font-weight: 500; color: var(--ink-3); }
.rd-script button:hover { color: var(--ink); }
.rd-script button[aria-checked="true"] { background: #fff; color: var(--ink); box-shadow: 0 1px 3px rgba(60, 45, 20, .2); }
.rd-script button[aria-checked="true"] small { color: var(--gold-ink); }
.rp-display-panel .rp-size { align-self: flex-start; }

/* Uthmani metni */
.rd-shell.is-swapping .rd-text { visibility: hidden; min-height: 60vh; }
.is-uthmani .rd-text { font-family: 'KFGQPC Hafs', 'Medrese Naskh', serif; line-height: 2.3; }
.is-uthmani .rd-basmala-btn { font-family: 'KFGQPC Hafs', serif !important; }
.am--u {
  display: inline; margin: 0 .05em; padding: 0 .02em; border: 0; background: transparent; border-radius: 6px;
  font-family: 'KFGQPC Hafs', serif !important; font-size: 1.2em; line-height: inherit; color: var(--gold-ink) !important; cursor: pointer;
}
.am--u:hover { color: var(--accent) !important; background: rgba(29, 78, 216, .07); }

.rd-missing { font-family: system-ui, sans-serif; font-size: 1rem; color: var(--ink-2); text-align: center; direction: ltr; padding: 2rem 0; }

/* Önceki / sonraki sure */
.rd-pager { max-width: 54rem; margin: 1.5rem auto 0; display: flex; justify-content: space-between; gap: 1rem; }
.rd-pager a {
  display: inline-flex; align-items: center; gap: .6rem; padding: .7rem 1rem; border-radius: 12px;
  text-decoration: none; color: var(--ink); background: transparent; transition: background .15s;
}
.rd-pager a:hover { background: var(--paper); color: var(--accent-ink); }
.rd-pager span { display: flex; flex-direction: column; font-weight: 650; font-size: .95rem; line-height: 1.3; }
.rd-pager small { font-size: .75rem; font-weight: 500; color: var(--ink-3); }
.rd-pager-next span { text-align: right; }

/* ─── Tablet ─── */
@media (max-width: 1100px) {
  .rp-in { flex-wrap: wrap; row-gap: .25rem; }
  .rp-opts { flex-basis: 100%; justify-content: flex-start; padding-bottom: .25rem; }
  .rd-nav { top: calc(var(--bar-h) + 3.5rem); height: calc(100vh - var(--bar-h) - 5rem); }
}

/* ─── Mobil ─── */
@media (max-width: 860px) {
  .rd-shell { --ar-size: 1.6rem; padding-bottom: calc(var(--bar-h) + 1.5rem + env(safe-area-inset-bottom)); }
  .rp {
    position: fixed; top: auto !important; bottom: 0; left: 0; right: 0;
    border-bottom: 0; border-top: 1px solid var(--rule);
    box-shadow: 0 -8px 24px -14px rgba(60, 45, 20, .4);
    padding-bottom: env(safe-area-inset-bottom);
    display: flex; flex-direction: column-reverse;
  }
  .rp-in { padding: .4rem .75rem; gap: 0; flex-direction: column-reverse; flex-wrap: nowrap; align-items: stretch; }
  .rp > *, .rp-in > * { min-width: 0; width: 100%; box-sizing: border-box; }
  .rp-opts select, .rp-range input, .rp-range { min-width: 0; min-inline-size: 0; }
  .rp-main { width: 100%; }
  .rp-status { order: -1; flex: 1; margin: 0 .25rem 0 0; }
  .rp-more { display: inline-flex; margin-left: .15rem; }
  .rp-more[aria-expanded="true"] { background: var(--accent-wash); color: var(--accent-ink); }
  .rp-btn { width: 44px; height: 44px; }
  .rp-play { width: 50px; height: 50px; }
  .rp-opts {
    display: none; flex-basis: auto; gap: .65rem .75rem; padding: .6rem .1rem .75rem;
    border-bottom: 1px solid var(--rule); justify-content: flex-start;
  }
  .rp.is-open .rp-opts { display: flex; animation: rp-in .25s cubic-bezier(.16, 1, .3, 1); }
  .rp-field { flex: 1 1 40%; }
  .rp-field select { flex: 1; height: 42px; }
  .rp-range { flex-basis: 100%; flex-wrap: nowrap; }
  .rp-range input, .rp-range select, .rp-go { height: 42px; }
  .rp-range select { flex: 1; min-width: 0; }
  .rp-range legend { display: none; }
  .rp-size button { width: 44px; height: 40px; }
  .rp-display { flex-basis: 100%; }
  .rp-aa { display: none; }
  .rp-display-panel { position: static; display: flex; flex-direction: row; align-items: flex-end; width: auto; padding: 0; background: none; border: 0; box-shadow: none; gap: .75rem; }
  .rp-display-panel .rd-script { flex: 1; }
  .rd-script button { min-height: 44px; }
  .rp-continue { border-top: 0; border-bottom: 1px solid var(--rule); }

  /* iOS odaklanınca yakınlaştırmasın */
  .rd-shell .rp-opts select, .rd-shell .rp-range input[type="number"], .rd-shell input.rd-search[type="search"], .rd-shell .rd-jump select { font-size: 16px; }
  .rd-shell .rp-range input[type="number"] { height: 42px; }
  .rd-layout { display: block; padding: 1rem .75rem 0; }
  .rd-nav { display: none; }
  .rd-jump { display: flex; gap: .5rem; margin: 0 auto .75rem; max-width: 54rem; }
  .rd-jump select {
    flex: 1 1 auto; min-width: 0; width: auto; height: 44px; border: 1px solid var(--rule); border-radius: 10px; background: var(--paper);
    padding: 0 .75rem; font-size: .95rem; color: var(--ink);
  }
  .rd-shell .rd-jump #rd-jump-page { flex: 0 0 7.5rem; }
  .rd-sheet { border-radius: 12px; padding: 1.75rem 1rem 1.5rem; }
  .rd-head-ar { font-size: 1.9rem; }
  .rd-text { line-height: 2.15; text-align: right; }
  .rd-pm-play { padding: .45rem .6rem; }
  .rd-pager a { padding: .6rem .5rem; }
}

/* Back to top: yalnız okur yukarı kaydırınca, sayfa kenarında, sessiz */
.rd-top {
  position: fixed; right: max(1.25rem, env(safe-area-inset-right)); bottom: 1.5rem; z-index: 450;
  display: inline-flex; align-items: center; gap: .3rem; height: 40px; padding: 0 .9rem 0 .7rem;
  border: 1px solid var(--rule); border-radius: 999px; background: rgba(253, 251, 246, .94);
  color: var(--ink-2); font-size: .8rem; font-weight: 600; cursor: pointer;
  box-shadow: 0 6px 16px -8px rgba(60, 45, 20, .35);
  opacity: 0; transform: translateY(10px); pointer-events: none; visibility: hidden;
  transition: opacity .25s cubic-bezier(.16, 1, .3, 1), transform .3s cubic-bezier(.16, 1, .3, 1), visibility 0s .3s;
}
.rd-top svg { width: 16px; height: 16px; }
.rd-top.is-on { opacity: 1; transform: none; visibility: visible; transition-delay: 0s; }
.rd-top.is-armed { pointer-events: auto; }
.rd-top:hover { color: var(--accent-ink); border-color: #c4d2f6; background: var(--accent-wash); }
@media (max-width: 860px) {
  .rd-top { right: .75rem; height: 38px; }
}

@media (prefers-reduced-motion: reduce) {
  .rd-shell *, .rd-shell *::before, .rd-shell *::after { animation: none !important; transition: none !important; }
}